/* Ivory scorecard: independent scenery, native text, raised card and live actions. */
@font-face{font-family:StackResult;src:url('/assets/bungee.ttf') format('truetype');font-display:swap}
#app[data-state=gameover]>.world-cap,#app[data-state=gameover]>.hud,#app[data-state=gameover]>#stage,#app[data-state=gameover]>.controls,#app[data-state=gameover]>.world-floor{visibility:hidden;pointer-events:none}
.stack-result{position:fixed;inset:0;z-index:40;isolation:isolate;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;background:#8a673c url('assets/result-vault-v1.webp') center/cover no-repeat;color:#100d09;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));-webkit-user-select:text;user-select:text;-webkit-overflow-scrolling:touch}
.stack-result:before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,#0000 20%,#140d0310 65%,#0a070550);pointer-events:none;z-index:-1}
.result-layout{width:min(100%,440px);min-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - max(14px,env(safe-area-inset-bottom)));margin:auto;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:4px 6px 12px;text-align:center}
.result-header a{display:block;width:68%;max-width:290px;margin:auto;filter:drop-shadow(0 3px 2px #0008)}
.result-header img{width:100%;height:auto;display:block}
.result-game-name{width:82%;margin:8px auto 0;padding:7px 4px;border:2px solid #d8ac57;border-radius:10px;color:#ffe3a3;background:linear-gradient(110deg,#0b0907,#242019,#080706);box-shadow:inset 0 0 0 2px #5b401e,0 3px 7px #0007;font:700 clamp(12px,3.8vw,18px)/1.2 Georgia,serif;letter-spacing:4px}
.result-scorecard{position:relative;z-index:1;margin:8px 0 18px;padding:12px 20px 20px;border:3px solid #b67c23;border-radius:26px;background:radial-gradient(ellipse at 30% 0,#fff9e5,#f6e7bd 68%,#ecdaa8);box-shadow:0 0 0 2px #ffedb1,inset 0 0 0 2px #fff3ce,inset 0 0 0 5px #c5a05d,0 14px 24px #140a0080;color:#100d09}
.result-scorecard:before{content:'';position:absolute;inset:9px;border:1px solid #cdb477;border-radius:17px;pointer-events:none}
.result-crown{font:36px/1 Georgia,serif;color:#c08b2e;text-shadow:0 1px #fff5d2,0 -1px #67470c;margin:0 auto 3px}
#result-title{font:clamp(36px,10.2vw,58px)/1.12 StackResult,Impact,sans-serif;letter-spacing:-2px;white-space:nowrap;margin:0;color:#0d0b09;text-shadow:1px 1px #f1d593,2px 3px #b1802d,0 5px 5px #5a3f1d44}
#result-reason{font:700 clamp(8px,2.25vw,11px)/1.5 Arial,sans-serif;letter-spacing:2px;margin:10px -6px 13px;color:#1d190f}
.result-score-wrap{border:1px solid #d7c18d;border-radius:13px;padding:8px 4px 2px;background:linear-gradient(120deg,#fff6df55,#f0daa433)}
.result-score-wrap small{display:block;font:700 12px/1.2 Arial,sans-serif;letter-spacing:4px}
#result-score{display:block;font:clamp(58px,19vw,105px)/1.1 Impact,StackResult,sans-serif;letter-spacing:-3px;color:#0d0b09;text-shadow:1px 1px #f8dd9c,2px 3px #ac7b22,0 5px 8px #73502344;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.result-stats{display:grid;grid-template-columns:1fr .8fr 1.4fr;margin:16px 0 12px;padding-bottom:13px;border-bottom:1px solid #bb9349}
.result-stats>div+div{border-left:1px solid #b88e41}.result-stats dt{font:700 clamp(8px,2.3vw,11px)/1.3 Arial,sans-serif;letter-spacing:1.3px}.result-stats dd{margin:3px 0 0;font:800 clamp(20px,6.5vw,34px)/1.1 Arial,sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.result-target>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;font:10px/1.4 Arial,sans-serif;text-align:left}.result-target b{font-size:clamp(10px,3vw,14px)}.result-target span{text-align:right;font-size:clamp(8px,2.2vw,11px)}
#result-progress{height:20px;overflow:hidden;margin-top:8px;padding:3px;border:2px solid #c69b46;border-radius:20px;background:linear-gradient(#090806,#2a241c);box-shadow:0 0 0 1px #74521f,inset 0 2px 5px #0009,0 2px 2px #fff8}
#result-progress-fill{display:block;height:100%;width:0;min-width:0;border-radius:10px;background:linear-gradient(#fff0ac,#f2bc4a,#bd7b16);box-shadow:0 0 3px #ffd476}
.result-actions{position:relative;z-index:2;width:100%}.result-actions a,.result-actions button{color:#f9d485;text-decoration:none;text-shadow:0 2px 2px #000;background:linear-gradient(120deg,#201b12,#080807 60%,#252016);border:2px solid #d3a85e;border-radius:12px;box-shadow:inset 0 0 0 2px #55401f,inset 0 3px 2px #f1ce7b55,0 0 0 1px #6a491f,0 5px 10px #0008;font-weight:800;touch-action:manipulation}
#result-start{display:flex;justify-content:center;align-items:center;gap:18px;width:100%;min-height:62px;padding:12px 8px;font:700 clamp(22px,6.5vw,32px)/1.2 Arial,sans-serif;letter-spacing:.4px;box-shadow:inset 0 0 0 3px #51391a,inset 0 4px 3px #ffe5a388,0 0 0 2px #ffe4a0,0 7px 15px #0008}
#result-start span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#fff1ba,#c88a2d);color:#3a2306;text-shadow:none;font-size:20px;box-shadow:0 2px 4px #000a}
.result-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.result-actions a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:9px 4px;font:700 clamp(9px,2.6vw,12px)/1.2 Arial,sans-serif;letter-spacing:.4px}.result-actions a span{font-size:22px}.result-actions a:hover,.result-actions button:hover{filter:brightness(1.12)}.result-actions :focus-visible,.result-header a:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-height:720px) and (orientation:portrait){.result-layout{gap:10px}.result-header a{width:57%}.result-scorecard{margin:3px 0 9px;padding:8px 16px 15px}.result-crown{font-size:26px}#result-title{font-size:clamp(32px,9vw,46px)}#result-reason{margin:7px -5px 9px}#result-score{font-size:clamp(50px,16vw,80px)}.result-stats{margin:10px 0 8px;padding-bottom:9px}.result-actions>div{margin-top:10px}#result-start{min-height:54px}.result-layout{padding-bottom:6px}}
@media(orientation:landscape){.result-layout{width:min(100%,950px);min-height:calc(100dvh - 30px);display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto 1fr;gap:12px 35px;align-items:center;padding:0 16px}.result-header{grid-column:2;grid-row:1}.result-header a{max-width:200px;width:64%}.result-game-name{font-size:12px;letter-spacing:3px;margin-top:2px}.result-scorecard{grid-column:1;grid-row:1/3;margin:8px 0;padding:9px 20px 14px}.result-actions{grid-column:2;grid-row:2}.result-crown{font-size:25px}#result-title{font-size:clamp(26px,5.5vw,48px)}#result-reason{margin:5px 0 8px;font-size:8px}#result-score{font-size:clamp(40px,13dvh,70px)}.result-score-wrap{padding:5px}.result-stats{margin:9px 0;padding-bottom:8px}.result-stats dd{font-size:23px}.result-stats dt{font-size:9px}.result-actions>div{grid-template-columns:1fr;gap:10px}#result-start{font-size:24px;min-height:54px}.result-actions a{min-height:42px}}
.result-foreground{position:absolute;z-index:2;pointer-events:none;width:31%;height:auto;left:-7%;bottom:-14%;filter:drop-shadow(3px 5px 4px #3b200966)}
@media(orientation:landscape){.result-foreground{width:23%;left:-7%;bottom:-8%}}
@media(prefers-reduced-motion:no-preference){#result-start{position:relative;overflow:hidden}#result-start:after{content:'';position:absolute;inset:-80% auto -80% -50%;width:20%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#fff1ba24,transparent);animation:result-light 9s ease-in-out infinite;pointer-events:none}@keyframes result-light{0%,76%{left:-50%}94%,100%{left:140%}}}
