:root{color-scheme:dark;--ink:#071620;--paper:#fff1d3;--gold:#ffd258;--red:#fa625d;--mint:#67e6b3;font-family:system-ui,-apple-system,'PingFang SC',sans-serif;background:#07131b;color:var(--paper)}
*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}main{min-height:100svh;display:flex;align-items:center;justify-content:center;gap:42px;padding:20px;background:radial-gradient(ellipse at 40% 20%,#1c3c49,transparent 60%)}
.cabinet{position:relative;width:min(540px,calc((100svh - 40px)*.5625));aspect-ratio:9/16;flex-shrink:0;overflow:hidden;background:#102a39;box-shadow:0 0 0 2px #3c5969,9px 11px 0 #020a10,0 20px 60px #0009;border-radius:8px;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;cursor:crosshair}.utility{position:absolute;top:11.1%;right:2.5%;display:flex;gap:5px;z-index:3}.utility button{border:1px solid #7396a877;border-radius:5px;background:#0b1c28cc;color:#bfd6e1;font-size:11px;padding:5px 8px}.utility button:active{background:#355569}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:6%;background:#061019ab;backdrop-filter:blur(3px);z-index:5}.overlay[hidden]{display:none}.card{max-height:96%;overflow:auto;width:100%;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:15px;padding:24px 22px 16px;box-shadow:6px 7px 0 #020c16;transform:rotate(-1deg)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#7e929b;margin:0 0 12px}.card .eyebrow{color:#53626a}h1{font-size:clamp(27px,3.7vw,49px);font-weight:1000;line-height:1.12;letter-spacing:-2px;margin:0 0 12px;text-shadow:2px 2px #efb449}h1 span{display:block;color:#c94440}.tagline{font-size:16px;font-weight:800;line-height:1.5;margin:10px 0 17px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--red);border:3px solid var(--ink);border-radius:8px;padding:13px 16px;font-size:19px;color:var(--ink);font-weight:900;box-shadow:3px 4px 0 var(--ink);margin:14px 0 11px}.primary:active{transform:translate(2px,2px);box-shadow:1px 2px 0 var(--ink)}.secondary{width:100%;background:transparent;border:1px solid #8b856f;border-radius:5px;padding:8px;color:#3c494d;font-size:12px}.secondary[hidden]{display:none}.steps{display:grid;gap:8px;margin:14px 0;color:#3a505a;font-size:13px;line-height:1.55}.steps b{color:#112e3c}.score{font-size:42px;color:#be4140;line-height:1.1;font-weight:1000;margin:12px 0 5px}.score small{font-size:13px;color:#596367}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.stats div{border-top:1px solid #c9bda2;padding-top:8px;font-size:11px;color:#596367}.stats b{display:block;font-size:20px;color:#163442;margin-bottom:2px}.verdict{background:#e7d9b9;padding:10px 12px;border-left:4px solid #be4140;font-size:13px;line-height:1.6}.credit{font-size:9px;color:#777a6b;margin:12px 0 0;text-align:center;line-height:1.5}details{font-size:12px;margin-top:12px;line-height:1.6}summary{cursor:pointer;font-weight:700;color:#596367}details a{color:#a84131}details p{margin:8px 0}.touch-hint{position:absolute;bottom:14%;left:8%;width:84%;pointer-events:none;z-index:2;text-align:center;font-size:12px;color:#e6f7f6;text-shadow:1px 2px #07151d;font-weight:700}aside{width:300px;line-height:1.8}aside h2{font-size:34px;line-height:1.3;margin:0 0 18px;color:var(--gold)}aside p,aside li{color:#a9bec7;font-size:14px}aside ol{padding-left:22px}aside li{margin:14px 0}aside li b{color:var(--paper)}.tier-guide{display:flex;gap:12px;font-size:12px;color:var(--gold);border-top:1px solid #334956;border-bottom:1px solid #334956;padding:14px 0}.tier-guide b{color:#c1d6d6;font-size:11px}.small{font-size:11px;color:#7f9aa9}.version{margin-top:22px}.theme-chip{display:inline-block;padding:3px 8px;border:1px solid #a38e6f;border-radius:4px;color:#624e35;font-size:11px;margin:0 4px 4px 0}
.utility{top:auto;bottom:.8%;right:2.5%}
.brand-logo{display:block;width:100%;height:auto;max-height:122px;object-fit:contain;filter:drop-shadow(0 2px 0 #fff3);margin:0 auto}
.taunt{display:flex;align-items:center;gap:10px;margin:8px 0}.taunt-face{flex:0 0 76px;width:76px;height:76px;border:3px solid #132935;border-radius:50%;background-image:var(--boss-taunt);background-size:100% 100%;background-position:center;box-shadow:2px 3px 0 #c6b896}.taunt-face.shocked{background-image:var(--boss-shocked);background-position:center}.taunt p{position:relative;padding:10px;border:2px solid #162e3b;border-radius:10px;background:#ffdc76;font-size:13px;line-height:1.45;font-weight:850;margin:0}.primary:disabled{opacity:.65;cursor:wait}
@media(max-width:800px){main{padding:0;display:block;min-height:100svh}.cabinet{width:min(100vw,calc(100svh*.5625));margin:0 auto;border-radius:0;box-shadow:none}aside{display:none}.card{padding:20px 18px 14px}h1{font-size:37px}.tagline{font-size:14px}.primary{font-size:18px;padding:11px 14px}}@media(max-height:650px){.card{padding:12px}.card h1{font-size:27px}.card .steps{font-size:11px;gap:4px}.tagline{margin:6px 0;font-size:12px}.primary{padding:8px;margin:8px 0}.credit{margin:6px 0 0}}

.load-status{font-size:11px;color:#5c696d;margin:12px 0 4px}.load-status[hidden],.stage-loading[hidden]{display:none}.load-track{height:4px;background:#d9d0ba;border-radius:3px;overflow:hidden;margin-top:7px}.load-track i{display:block;height:100%;width:0;background:#b89134;transition:width .12s linear}.stage-loading{position:absolute;left:50%;top:34%;transform:translateX(-50%);max-width:80%;width:max-content;padding:12px 16px;border:1px solid #577585;border-radius:8px;background:#0b2231ef;color:#e9ecd9;font-size:12px;z-index:6;text-align:center}.stage-loading button{display:block;margin:9px auto 0;padding:5px 14px;border:1px solid #cdad64;background:#e8ca7e;color:#142732;border-radius:5px}.stage-loading button[hidden]{display:none}
@media(max-width:800px){main{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#153342,#07131b 75%)}.cabinet{margin:0;box-shadow:0 0 26px #020a1070}}
/* The final reaction and target stay visible; no full-screen victory modal. */
#final-actions{position:absolute;left:0;right:0;bottom:2px;z-index:5;display:flex;justify-content:center;gap:12px}
#final-actions[hidden]{display:none}
.utility[hidden]{display:none}
.test-panel{position:absolute;inset:0;z-index:12;display:flex;align-items:center;padding:6%;background:#020c17d9}.test-panel[hidden]{display:none}.test-panel article{width:100%;max-height:95%;overflow:auto;padding:19px;background:#112b3b;border:2px solid #719aa9;border-radius:14px;box-shadow:0 8px 35px #0008}.test-panel h2{font-size:22px;margin:0 0 10px}.test-panel p{font-size:12px;line-height:1.6;color:#b8d3da}.test-panel button{display:block;width:100%;min-height:42px;border:1px solid #76979d;border-radius:7px;background:#214555;color:#f9e8bb;font-weight:800;padding:9px;margin:7px 0}.test-panel button:disabled{opacity:.5}.test-audio{display:grid;grid-template-columns:1fr 1fr;gap:8px}.test-audio button{font-size:11px}.test-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.65 system-ui;background:#071e2b;padding:10px;border-radius:6px;color:#b5dbcc}.test-panel .small{font-size:10px}
#final-actions button{font:700 11px system-ui;padding:3px 16px;border:1px solid #7c999f;border-radius:15px;background:#112b3a;color:#e7e2c8}
.test-panel .audio-toggles button{font-size:15px}.test-panel article{touch-action:pan-y;overscroll-behavior:contain}.utility button{font-size:10px;padding:3px 8px;position:relative}.utility button::before{content:"";position:absolute;inset:-5px 0}
.utility{z-index:8}