.match-replay-view{margin-top:18px;overflow:hidden;border:1px solid #203a4e;border-radius:10px;background:#061a2c;color:#fff;box-shadow:0 18px 42px #071d3026}.match-replay-view[hidden]{display:none!important}.replay-view-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px 19px;border-bottom:1px solid #294559}.replay-view-header span{color:#78a9c7;font-size:9px;font-weight:900;letter-spacing:.13em}.replay-view-header h2{margin:4px 0 0;font-size:20px}.replay-view-header>strong{padding:7px 10px;border-radius:5px;background:#17344b;color:#b9daf0;font-size:9px;letter-spacing:.06em}.replay-view-header>strong.is-simulated{background:#3d2b09;color:#f5bd47}.replay-back{display:grid;place-items:center;width:38px;height:38px;border:1px solid #39566a;border-radius:50%;color:#fff}.replay-back svg{width:18px}.replay-back:hover,.replay-back:focus-visible{border-color:#dca331;color:#dca331;outline:3px solid #dca33144}.replay-view-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:620px}.replay-sidebar{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px;border-right:1px solid #294559}.replay-player{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:11px;padding:13px;border:1px solid #294559;border-radius:7px;background:#0a2337}.replay-player>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dca331;color:#071728;font-size:17px;font-weight:900}.replay-player strong,.replay-player small{display:block}.replay-player small{margin-top:4px;color:#8fa4b3;font-size:10px}.replay-versus{color:#dca331;font-size:10px;font-weight:900;text-align:center}.replay-sidebar>p{margin:8px 0 0;padding:13px;border-radius:6px;background:#102d43;color:#d5e3eb;font-size:11px;line-height:1.55;text-align:center}.replay-sidebar>strong{color:#b8cbd7;font-size:10px;text-align:center}.replay-progress{overflow:hidden;height:4px;border-radius:4px;background:#294559}.replay-progress span{display:block;width:0;height:100%;background:#dca331;transition:width .2s ease}.replay-board-wrap{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 40%,#123b56,#082137 62%)}.replay-board[hidden]{display:none!important}.replay-board .official-cell{cursor:default}.replay-board .official-cell.last-move{background:#fff4ad;box-shadow:inset 0 0 0 2px #fff}.replay-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-top:1px solid #294559;background:#071d30}.replay-controls button{display:grid;place-items:center;min-width:42px;height:42px;padding:0 11px;border:1px solid #39566a;border-radius:6px;background:#0b263a;color:#fff;cursor:pointer}.replay-controls button:hover,.replay-controls button:focus-visible{border-color:#dca331;color:#dca331;outline:3px solid #dca33133}.replay-controls button:disabled{opacity:.35;cursor:not-allowed}.replay-controls svg{width:17px}.replay-controls .replay-play{display:flex;gap:7px;min-width:94px;border-color:#dca331;background:#dca331;color:#071728;font-weight:900}.replay-controls .replay-play:hover,.replay-controls .replay-play:focus-visible{background:#edb745;color:#071728}.replay-controls .replay-speed{font-size:11px;font-weight:900}.replay-error{grid-column:1/-1;display:grid;place-items:center;gap:10px;min-height:420px;padding:30px;text-align:center}.replay-error svg{width:28px;color:#dca331}.replay-error strong{font-size:20px}.replay-error p{max-width:430px;margin:0;color:#9eb2bf;line-height:1.6}
.replay-manche-selector{display:flex;gap:8px;padding:11px 18px;border-bottom:1px solid #294559;background:#071d30;overflow-x:auto;scrollbar-width:thin}.replay-manche-selector[hidden]{display:none!important}.replay-manche-selector button{display:grid;grid-template-columns:auto auto;align-items:center;gap:10px;min-width:max-content;padding:9px 13px;border:1px solid #294559;border-radius:7px;background:#0a2337;color:#bfd0db;cursor:pointer}.replay-manche-selector button span{font-size:10px;font-weight:900;letter-spacing:.04em}.replay-manche-selector button small{color:#7890a0;font-size:9px}.replay-manche-selector button:hover,.replay-manche-selector button:focus-visible{border-color:#b88935;outline:2px solid #dca33133}.replay-manche-selector button.is-active{border-color:#dca331;background:#17344b;color:#fff}.replay-manche-selector button.is-active small{color:#efc36c}
@media(max-width:767px){.replay-view-header{grid-template-columns:auto minmax(0,1fr);padding:14px}.replay-view-header h2{font-size:17px}.replay-view-header>strong{grid-column:2;width:max-content}.replay-manche-selector{padding:9px 12px}.replay-manche-selector button{padding:8px 11px}.replay-view-layout{grid-template-columns:1fr;min-height:0}.replay-sidebar{display:grid;grid-template-columns:1fr auto 1fr;padding:13px;border-right:0;border-bottom:1px solid #294559}.replay-player{grid-template-columns:30px minmax(0,1fr);padding:9px}.replay-player>span{width:30px;height:30px;font-size:13px}.replay-player strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.replay-sidebar>p,.replay-progress,.replay-sidebar>strong{grid-column:1/-1}.replay-board-wrap{padding:10px}.replay-controls{position:sticky;bottom:0;z-index:3;gap:5px;padding:10px 6px}.replay-controls button{min-width:38px;height:40px;padding:0 8px}.replay-controls .replay-play{min-width:78px}.replay-controls .replay-play span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.replay-progress span{transition:none}}
.domino-replay-board{display:block;width:100%;height:clamp(540px,72svh,760px);max-width:none;min-height:0;overflow:hidden;border-radius:8px;background:#056052}.domino-replay-board[hidden]{display:none!important}.domino-replay-board iframe{display:block;width:100%;height:100%;border:0;background:#056052}.replay-board-wrap.has-domino-replay,.replay-board-wrap:has(.domino-replay-board:not([hidden])){display:block;padding:0;background:#056052}.domino-replay-tile{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:34px;padding:0 8px;border:1px solid #39566a;border-radius:6px;background:#0b263a;color:#fff;font-size:13px;font-weight:900}.replay-empty{grid-column:1/-1;margin:0;color:#8fa4b3;font-size:12px;text-align:center}@media(max-width:767px){.domino-replay-board{height:clamp(520px,72svh,700px);border-radius:0}}