/* Approved illustrated controls keep real buttons, live counters and links. */
.image-button{touch-action:manipulation;cursor:pointer}
.image-button img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.image-button:focus-visible{outline:3px solid #fff7b6;outline-offset:3px}
.home .topmark #sound{width:12cqw;height:12cqw;border:0;background:none;box-shadow:none;overflow:visible}
#soundIcon{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.home .home-bottom{width:88%;height:18%;bottom:5%;grid-template-rows:1.3fr 2.2fr;gap:.8cqh}
.home .home-bottom .image-record{position:relative;width:100%;height:100%;margin:0;padding:0;line-height:1;filter:drop-shadow(0 3px 4px #133a6633)}
.image-record>img{display:block;width:100%;height:100%;object-fit:fill}
.home .image-record #best{position:absolute;left:52%;top:51%;transform:translateY(-50%);width:40%;margin:0;text-align:center;font-family:system-ui,sans-serif;font-weight:900;font-size:min(5.1cqw,3.3cqh);letter-spacing:.1cqw;color:#ffe280;text-shadow:0 1px 0 #8c4c13;font-variant-numeric:tabular-nums;white-space:nowrap}
.home .home-bottom #start{display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:none;filter:drop-shadow(0 3px 5px #15325733)}
.home .home-bottom #start:active{transform:translateY(2px)}
.home .image-tips{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 2px #14387566)}
.hud .image-life{position:relative;width:clamp(90px,30cqw,135px);height:42px;flex:none;display:flex;align-items:center;filter:drop-shadow(0 2px 3px #04285855)}
.hud .image-life>img{display:block;width:100%;height:100%;object-fit:contain}
.hud .counter{flex-shrink:1;min-width:0}
.hud{gap:7px;align-items:flex-start}
.result-stage .result-panel{inset:43% 0 0;border:0;border-radius:0;background:none;box-shadow:none}
.result-stage .result-panel:before{display:none}
.result-panel-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.result-stage .result-podium{top:42%;left:12%;width:76%;height:3.5%;z-index:2}
#result #score{top:22%;left:7%;width:86%;font-size:16cqw;line-height:1;letter-spacing:-.65cqw;animation:scoreArrive .65s .3s both}
.live-result-stat{position:absolute;top:49%;z-index:4;text-align:left;color:#fff;font-family:system-ui,sans-serif;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 .5cqw 0 #06337d;white-space:nowrap}
.live-result-coins{left:27%;width:20%}.live-result-distance{left:68%;width:25%}
.live-result-coins strong{font-size:7.3cqw}.live-result-distance strong{font-size:6.2cqw;letter-spacing:-.2cqw}
.result-panel #again,.result-panel #resultHome{display:block;position:absolute;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:none;overflow:visible;z-index:4;line-height:0}
.result-panel #again{top:64%;left:5%;width:90%;height:19%;animation:resultRise .5s .9s both}
.result-panel #again:after{display:none}
.result-panel #resultHome{top:83%;left:15%;width:70%;height:12%;animation:resultRise .5s 1s both}
#offerClaim{background:none;border:0;box-shadow:none;border-radius:0;overflow:visible;font-size:0;gap:0}
#offerClaim img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
#offerClaim:before,#offerClaim:after{display:none}
@media(min-width:1000px){.hud .image-life{width:27cqw;height:38px}.hud .square{width:35px;height:38px;font-size:21px;flex:none}.hud .counter .hud-metric{min-width:100px}.hud{left:10px;right:10px;gap:5px}}
@media(max-width:360px){.hud .image-life{width:28cqw;height:38px}.hud .square{width:36px;height:38px;flex:none}.hud .counter .hud-metric{min-width:100px}.hud{left:10px;right:10px;gap:5px}}
@media(prefers-reduced-motion:reduce){.image-button,.image-button img{animation:none!important;transition:none!important}}

/* Symmetric result hierarchy with all controls safely inside the gold frame. */
#result #score{top:22%;left:8%;width:84%;font-size:15cqw;line-height:1.05;letter-spacing:-.3cqw;color:#ffdf75;-webkit-text-stroke:.12cqw #fff2bb;text-shadow:0 .35cqw 0 #b77924,0 .65cqw .7cqw #05307880;paint-order:stroke fill}
.live-result-stat{top:49%;width:23%;text-align:center;text-shadow:0 .25cqw .35cqw #062b6c80;line-height:1.1}
.live-result-coins{left:25%}.live-result-distance{left:64%}
.live-result-coins strong,.live-result-distance strong{font-size:6.3cqw;letter-spacing:0;line-height:1.1;font-weight:850}
.result-panel #again{top:61%;left:7%;width:86%;height:17%;transform-origin:center}
.result-panel #resultHome{top:79.5%;left:18%;width:64%;height:11.5%;transform-origin:center}
.result-panel #again img,.result-panel #resultHome img{object-fit:contain}
.result-stage .result-podium{top:41%;left:18%;width:64%;height:5%;border:0;box-shadow:none;background:none;z-index:2;pointer-events:none}
.result-stage .result-podium:before{display:none}
.result-podium img{display:block;width:100%;height:100%;object-fit:contain}

.result-stage .result-podium{top:40.4%;height:5.2%}.result-podium img{object-fit:fill}
@keyframes resultActionReveal{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
.result-panel #again,.result-panel #resultHome{animation-name:resultActionReveal}