body[data-mode=replay] #game>*:not(#canvas):not(#replayPanel):not(#error){visibility:hidden!important;pointer-events:none!important}body[data-mode=replay] #canvas{visibility:visible!important;opacity:1!important}#watchReplay[hidden],#replayPanel[hidden],#replayEnd[hidden],#replayTransport[hidden],#replaySlow[hidden]{display:none!important}body[data-mode=crash] #watchReplay{display:block}#replayPanel{position:absolute;inset:0;z-index:95;color:#eef6f7;pointer-events:none;font-family:inherit;background:linear-gradient(#030b13b3,transparent 16%,transparent 80%,#030b13b3)}#replayPanel button{pointer-events:auto;touch-action:manipulation;min-height:44px;border:1px solid #76dfe04a;border-radius:9px;background:#091923c9;color:#edfafa;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.025em;cursor:pointer;transition:background .15s,border-color .15s}#replayPanel button:hover,#replayPanel button:focus-visible{background:#143444;border-color:#76dfe0;outline:2px solid #76dfe0;outline-offset:2px}#replayPanel button:active{background:#206074;transform:scale(.98)}.replayTop{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;align-items:center;gap:20px}.replayTop>div{flex:1}.replayTop strong{display:block;font-size:clamp(16px,2.2vw,25px);letter-spacing:.18em;line-height:1.5}.replayKicker{font-size:9px;letter-spacing:.2em;color:#8cdbde}#replayEdition{font-size:10px;letter-spacing:.12em;color:#acc9ce}.replayCaption{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:110px;display:flex;gap:14px;font-size:9px;letter-spacing:.18em;color:#daebed;text-shadow:0 1px 4px #000}#replaySlow{color:#8bffff}#replayTransport{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right))}.replayTrack{height:2px;background:#d8fdff38;margin-bottom:14px;overflow:hidden}.replayTrack i{display:block;background:#6ce6ed;height:100%;transform-origin:left;transform:scaleX(0)}.replayControls{display:flex;align-items:center;gap:8px}.replayControls #replayClock{font-size:11px;letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-left:8px;flex:1}#replayEnd{position:absolute;inset:0;display:grid;place-items:center;background:#020a12a8;pointer-events:auto;padding:24px;overflow:auto}.replayEndCard{width:min(500px,100%);border-left:2px solid #65dfe4;background:linear-gradient(120deg,#091e29ed,#07121ddd);padding:28px 32px;border-radius:3px 16px 16px 3px}.replayEndCard h2{font-size:clamp(32px,6vw,54px);letter-spacing:-.04em;margin:8px 0}.replayEndCard p{color:#a7bec7;font-size:13px;margin:0 0 24px}.replayEndActions{display:grid;grid-template-columns:1fr 1fr;gap:10px}#replayRetry{background:#57d9df;color:#04151d;border-color:#a5ffff}@media(max-width:800px),(max-height:500px){.replayTop{top:max(10px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));gap:10px}.replayTop strong{font-size:16px}.replayKicker{font-size:8px}.replayCaption{bottom:96px;left:max(14px,env(safe-area-inset-left))}#replayTransport{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}#replayPanel button{padding:8px 12px;font-size:11px}.replayTrack{margin-bottom:10px}.replayEndCard{padding:20px 24px}.replayEndCard h2{font-size:32px}.replayEndCard p{margin-bottom:16px}}@media(max-width:480px){#replayEdition{display:none}.replayControls{flex-wrap:wrap}.replayControls #replayClock{flex:1;min-width:75px;text-align:right}.replayControls #replayOther{width:100%}.replayCaption{bottom:155px}.replayEndActions{grid-template-columns:1fr}.replayEndCard{padding:24px 20px}}@media(prefers-reduced-motion:reduce){#replayPanel button{transition:none}}
