.db-replay-wins{min-width:0;max-width:100%;margin:24px 14px 34px;color:#f7f3e8}
.db-replay-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.db-replay-heading h2{font-size:20px;margin:0;font-weight:800}
.db-replay-controls{display:flex;gap:0;border:1px solid #66552e;border-radius:20px;overflow:hidden}.db-replay-controls button{width:39px;height:32px;border:0;background:#202023;color:#f8ce54;font-size:21px;line-height:1;cursor:pointer}.db-replay-controls button+button{border-left:1px solid #66552e}.db-replay-controls button:disabled{color:#777;cursor:default}
.db-replay-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 2px 12px;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.db-replay-rail::-webkit-scrollbar{display:none}
.db-replay-card{flex:0 0 clamp(250px,27vw,350px);min-width:0;overflow:hidden;border:1px solid #645226;border-radius:13px;background:#171719;scroll-snap-align:start}
.db-replay-image{position:relative;aspect-ratio:16/9;min-height:0;overflow:hidden;background:#262626}
.db-replay-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.db-replay-image-cover img{object-fit:contain}
.db-replay-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(14,14,16,.64);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;padding-left:5px;box-shadow:0 4px 20px #0008}
.db-replay-play:hover{background:#d5aa3a;color:#171717}
.db-replay-multiplier,.db-replay-win{position:absolute;max-width:calc(100% - 20px);padding:5px 8px;border-radius:6px;background:rgba(10,10,12,.82);color:#f8ce54;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #000}
.db-replay-multiplier{top:9px;left:9px}.db-replay-win{right:9px;bottom:9px}
.db-replay-card-body{display:flex;flex-direction:column;gap:3px;padding:11px 12px 12px}
.db-replay-title-row{display:flex;align-items:start;justify-content:space-between;gap:8px}
.db-replay-title-row strong{font-size:14px;line-height:1.25;min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.db-replay-game-link{flex:none;border:0;background:none;color:#f8ce54;font-family:inherit;font-size:13px;font-weight:800;text-decoration:underline;cursor:pointer;padding:1px 0}
.db-replay-game-link:disabled{opacity:.5;cursor:wait}.db-replay-card-body>small{color:#aaa;font-size:11px}
.db-replay-modal-open{overflow:hidden!important}.db-replay-modal{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:16px}
.db-replay-modal-box{width:min(1100px,100%);height:min(760px,100%);border:1px solid #78632d;border-radius:12px;background:#101012;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 70px #000}
.db-replay-modal-box header{height:48px;flex:0 0 48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f8ce54}.db-replay-modal-box header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-replay-close{border:0;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer}.db-replay-modal-box iframe{display:block;width:100%;min-height:0;flex:1;border:0;background:#000}
@media(max-width:700px){.db-replay-wins{margin:20px 10px 28px}.db-replay-heading h2{font-size:16px}.db-replay-card{flex-basis:min(83vw,320px)}.db-replay-play{width:52px;height:52px;font-size:21px}.db-replay-modal{padding:0}.db-replay-modal-box{width:100%;height:100%;border:0;border-radius:0}}
.db-replay-dots{display:flex;justify-content:center;align-items:center;gap:6px;max-width:100%;overflow:hidden;margin:8px auto 0}.db-replay-dots button{width:7px;height:7px;flex:0 0 7px;border:0;border-radius:10px;padding:0;background:#68686b;cursor:pointer}.db-replay-dots button.active{width:20px;flex-basis:20px;background:#e9bf50}
.db-replay-modal-box.db-replay-modal-replay{width:min(780px,100%);height:auto;max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:18px;background:#19191c}
.db-replay-modal-replay header{height:58px;flex-basis:58px;padding:0 22px;font-size:19px;color:#f7f5ef}
.db-replay-player{position:relative;min-height:0;flex:1;overflow:hidden;background:#000}
.db-replay-player iframe{display:block;width:100%;height:100%;border:0;background:#000}
.db-replay-modal-replay .db-replay-player{flex:none;aspect-ratio:16/9;margin:0 20px;border-radius:14px}
.db-replay-fullscreen{position:absolute;right:12px;bottom:12px;z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:rgba(12,12,14,.9);color:#fff;font-size:27px;line-height:1;cursor:pointer}
.db-replay-player:fullscreen,.db-replay-player.db-replay-pseudo-fullscreen{position:fixed;inset:0;z-index:2147483647;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border-radius:0;aspect-ratio:auto;background:#000}
.db-replay-player:fullscreen iframe,.db-replay-player.db-replay-pseudo-fullscreen iframe{width:100%;height:100%}
.db-replay-modal-details{display:flex;flex-direction:column;gap:15px;margin:20px;padding:18px;border-radius:14px;background:#242428}
.db-replay-modal-identity{display:flex;align-items:center;gap:14px;min-width:0}.db-replay-modal-identity img{width:90px;height:66px;flex:none;object-fit:cover;border-radius:8px;background:#181818}.db-replay-modal-identity>div{display:flex;flex-direction:column;gap:5px;min-width:0}.db-replay-modal-identity strong{font-size:17px;line-height:1.2}.db-replay-modal-identity small{color:#bbb;font-size:13px}
.db-replay-modal-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.db-replay-modal-stats>div{min-width:0;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid #67572d;border-radius:10px;background:#171719}.db-replay-modal-stats small{color:#aaa;font-size:12px}.db-replay-modal-stats b{color:#f3cb58;font-size:19px;overflow-wrap:anywhere}
.db-replay-modal-play{width:100%;min-height:44px;border:0;border-radius:25px;background:linear-gradient(#f8dc80,#cda237);color:#171717;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}
@media(max-width:700px){.db-replay-dots{gap:5px}.db-replay-dots button{width:6px;height:6px;flex-basis:6px}.db-replay-dots button.active{width:16px;flex-basis:16px}
.db-replay-modal-box.db-replay-modal-replay{width:100%;height:auto;max-height:94dvh;border-radius:20px 20px 0 0;border:1px solid #444;border-bottom:0}.db-replay-modal-replay header{height:62px;flex-basis:62px;padding:13px 18px 0;font-size:18px;position:relative}.db-replay-modal-replay header:before{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:38px;height:5px;border-radius:8px;background:#929294}
.db-replay-modal-replay .db-replay-player{margin:0 12px;aspect-ratio:16/10;border-radius:12px}.db-replay-modal-details{margin:12px;padding:14px;gap:12px}.db-replay-modal-identity img{width:70px;height:58px}.db-replay-modal-identity strong{font-size:15px}.db-replay-modal-stats{gap:8px}.db-replay-modal-stats>div{padding:9px}.db-replay-modal-stats b{font-size:15px}}
