:root{--gold: #e0b169;--gold-lit: #ffd98a;--gold-deep: #8c6a2e;--ink: #f4ecdd;--ink-dim: #b9ad97;--panel: rgba(16, 13, 10, .86);--panel-line: rgba(224, 177, 105, .3);--danger: #d9564a;--ok: #7fc08a;--pad: clamp(12px, 3.2vmin, 26px);--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--ui: "Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif;--display: Georgia, "Iowan Old Style", "Times New Roman", serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0a0906;color:var(--ink);font-family:var(--ui);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;overflow:hidden}#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;background:#10120c}.title{font-family:var(--display);font-size:clamp(30px,8.4vmin,74px);letter-spacing:.13em;text-transform:uppercase;margin:0;line-height:1.02;background:linear-gradient(178deg,#fff0cf 4%,var(--gold-lit) 38%,var(--gold-deep) 96%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 22px rgba(0,0,0,.55)}.subtitle{font-family:var(--display);font-size:clamp(12px,2.9vmin,20px);letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin:.35em 0 0;opacity:.92}.h2{font-family:var(--display);font-size:clamp(21px,4.6vmin,32px);letter-spacing:.06em;color:var(--gold-lit);margin:0 0 .5em}.h3{font-size:clamp(12px,2.4vmin,14px);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 .6em}.note,.field-note,.blurb{color:var(--ink-dim);font-size:clamp(12px,2.7vmin,15px);line-height:1.5;margin:.5em 0 1em}.blurb{max-width:46ch}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--pad) + var(--safe-t)) calc(var(--pad) + var(--safe-r)) calc(var(--pad) + var(--safe-b)) calc(var(--pad) + var(--safe-l));overflow:auto;overscroll-behavior:contain;z-index:20}.screen--panel{background:linear-gradient(180deg,#060504b3,#060504e0)}.screen--pause{background:linear-gradient(180deg,#06050433,#0605046b)}.screen--title{background:linear-gradient(180deg,#0605044d,#0605049e 55%,#060504db)}.panel{position:relative;width:min(620px,100%);max-height:100%;overflow:auto;background:var(--panel);border:1px solid var(--panel-line);border-radius:14px;padding:clamp(16px,3.6vmin,30px);box-shadow:0 18px 60px #0009,inset 0 1px #fff6e20f;backdrop-filter:blur(7px)}.panel--narrow{width:min(420px,100%)}.panel--title{background:none;border:none;box-shadow:none;backdrop-filter:none;width:min(560px,100%);text-align:center;padding:0}.panel--title .blurb{margin-left:auto;margin-right:auto}.panel--title .row{justify-content:center}.panel--loading{text-align:center;width:min(420px,100%);background:none;border:none;box-shadow:none}.screen--loading{flex-direction:column;gap:clamp(14px,3vmin,28px);background:radial-gradient(120% 90% at 50% 18%,#1d1a12,#0a0906 72%)}.loading-art{display:block;width:min(300px,52vmin);height:auto;aspect-ratio:1 / 1;object-fit:contain;filter:drop-shadow(0 12px 40px rgba(0,0,0,.7))}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:.6em}.row--stack{flex-direction:column;align-items:stretch}.row--pair{flex-direction:row;gap:10px;margin-top:0}.row--pair .btn{flex:1 1 0}.panel--pause{width:min(340px,100%)}.panel--title .row--stack{max-width:320px;margin-left:auto;margin-right:auto}.row--sound{justify-content:center;margin-top:1.1em}.btn{font-family:var(--ui);font-size:clamp(14px,2.9vmin,17px);font-weight:600;letter-spacing:.05em;color:var(--ink);background:#fff6e212;border:1px solid rgba(224,177,105,.35);border-radius:10px;padding:.72em 1.15em;min-height:48px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 90ms ease;touch-action:manipulation}.btn:hover{background:#fff6e221}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--gold-lit);outline-offset:2px}.btn--primary{background:linear-gradient(180deg,#e3b972,#a87a33);border-color:#f0cf92;color:#241a08;font-size:clamp(15px,3.3vmin,19px);letter-spacing:.09em;text-transform:uppercase}.btn--primary:hover{background:linear-gradient(180deg,#f2ce8c,#bb8a3c)}.btn--small{font-size:clamp(12px,2.5vmin,14px);padding:.5em .9em;min-height:40px}.btn[aria-pressed=false]{opacity:.55}.icon-btn{width:44px;height:44px;display:grid;place-items:center;font-size:15px;letter-spacing:.06em;color:var(--ink);background:#0c0a078c;border:1px solid rgba(224,177,105,.5);border-radius:10px;cursor:pointer;touch-action:manipulation}.icon-btn:hover{background:#1e1810cc}.hud{position:absolute;inset:0;z-index:10;pointer-events:none;font-variant-numeric:tabular-nums}.hud-bar{position:absolute;top:calc(8px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.hud-block--right{text-align:right;padding-right:54px}.hud-score{font-family:var(--display);font-size:clamp(26px,6.4vmin,44px);line-height:1;color:var(--gold-lit);text-shadow:0 2px 12px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.9)}.hud-sub{font-size:clamp(11px,2.4vmin,14px);letter-spacing:.1em;text-transform:uppercase;color:#f4ecddc7;text-shadow:0 1px 6px rgba(0,0,0,.9);margin-top:2px}.hud-coins{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-size:clamp(19px,4.6vmin,30px);color:var(--gold-lit);text-shadow:0 2px 12px rgba(0,0,0,.85)}.coin-dot{width:.72em;height:.72em;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff3ce,#e8b866 52%,#8c6a2e);box-shadow:0 0 10px #e8b866a6}.hud-pause{position:absolute;top:calc(8px + var(--safe-t));right:calc(10px + var(--safe-r));pointer-events:auto}.hud-effects{position:absolute;left:50%;transform:translate(-50%);bottom:calc(14px + var(--safe-b));display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:min(92vw,560px)}.chip{display:flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:#0c0a07b3;border:1px solid rgba(224,177,105,.45);font-size:clamp(11px,2.4vmin,13px);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.chip-bar{width:46px;height:4px;border-radius:2px;background:#fff3;overflow:hidden}.chip-fill{height:100%;width:100%;background:var(--gold-lit)}.chip--magnet .chip-fill{background:#e2705f}.chip--shield .chip-fill{background:#6fa8dc}.chip--x2 .chip-fill{background:#c98fd8}.chip--boost .chip-fill{background:#f0d264}.hud-threat{position:absolute;left:50%;transform:translate(-50%);top:calc(10px + var(--safe-t));width:min(38vw,190px);opacity:0;transition:opacity .38s ease}.hud-threat.is-on{opacity:1}.threat-fill{height:5px;width:0%;border-radius:3px;background:linear-gradient(90deg,#e0b169,#d9564a);box-shadow:0 0 12px #d9564a80}.threat-label{margin-top:4px;text-align:center;font-size:clamp(10px,2.2vmin,12px);letter-spacing:.14em;text-transform:uppercase;color:#f4ecddd9;text-shadow:0 1px 6px rgba(0,0,0,.9)}.hud-toast{position:absolute;left:50%;top:34%;transform:translate(-50%) scale(.94);font-family:var(--display);font-size:clamp(20px,5vmin,34px);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-lit);text-shadow:0 3px 18px rgba(0,0,0,.9);opacity:0;transition:opacity .22s ease,transform .22s ease}.hud-toast.is-on{opacity:1;transform:translate(-50%,-6px) scale(1)}.hud-hint{position:absolute;left:50%;bottom:calc(70px + var(--safe-b));transform:translate(-50%);font-size:clamp(12px,2.6vmin,15px);letter-spacing:.08em;color:#f4ecdde6;text-shadow:0 2px 10px rgba(0,0,0,.95);text-align:center;max-width:88vw}.tutorial{position:absolute;left:50%;top:18%;transform:translate(-50%);z-index:12;pointer-events:none;text-align:center;max-width:88vw}.tutorial-line{font-family:var(--display);font-size:clamp(15px,3.4vmin,22px);letter-spacing:.06em;color:var(--ink);text-shadow:0 2px 14px rgba(0,0,0,.95);margin:0;animation:fadeUp .32s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cols{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:560px){.cols{grid-template-columns:1fr 1fr;gap:22px}}.keys{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:baseline}.keys dt{white-space:nowrap}.keys dd{margin:0;color:var(--ink-dim);font-size:clamp(12px,2.6vmin,14px)}kbd{display:inline-block;min-width:1.9em;text-align:center;padding:.18em .42em;margin-right:3px;border-radius:5px;border:1px solid rgba(224,177,105,.42);border-bottom-width:2px;background:#fff6e214;font-family:var(--ui);font-size:clamp(11px,2.3vmin,13px);color:var(--ink)}.field{margin-bottom:1.05em}.field-label{display:block;font-size:clamp(12px,2.4vmin,13px);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.5em}.select{width:100%;min-height:46px;padding:.5em .7em;font-family:var(--ui);font-size:clamp(14px,2.9vmin,16px);color:var(--ink);background:#fff6e212;border:1px solid rgba(224,177,105,.35);border-radius:9px}.range{width:100%;height:34px;accent-color:var(--gold)}.switch{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px}.switch input{width:20px;height:20px;accent-color:var(--gold)}.switch span{font-size:clamp(13px,2.8vmin,15px);color:var(--ink)}.results,.title-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:.4em 0 1em}@media(min-width:480px){.results{grid-template-columns:repeat(4,1fr)}}.results>div,.title-stats>div{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:9px;background:#fff6e20d;border:1px solid rgba(224,177,105,.2)}.results .k,.title-stats .k{font-family:var(--display);font-size:clamp(19px,4.4vmin,27px);color:var(--gold-lit);line-height:1.05}.results .v,.title-stats .v{font-size:clamp(10px,2.1vmin,12px);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-dim)}.title-stats{margin-top:1.2em}.title-stats>div{background:#08070580}.record{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lit);font-size:clamp(13px,2.8vmin,16px);margin:0 0 .8em}.bar{height:6px;border-radius:3px;background:#fff6e221;overflow:hidden;margin:1.4em 0 .7em}.bar-fill{height:100%;width:4%;background:linear-gradient(90deg,#8c6a2e,var(--gold-lit));transition:width .2s ease}.load-label{font-size:clamp(11px,2.4vmin,13px);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin:0}.fatal{position:absolute;inset:0;display:grid;place-items:center;padding:var(--pad);z-index:40;background:#060504eb}@media(max-height:520px){#scr-settings .panel{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-content:start}#scr-settings .h2,#scr-settings .note,#scr-settings .row{grid-column:1 / -1}#scr-settings .field{margin-bottom:.6em}#scr-settings .note{margin:.2em 0 .4em}#scr-settings .h2{margin-bottom:.25em}#scr-settings .row{margin-top:.25em}#scr-settings .panel{padding-top:12px;padding-bottom:12px}}@media(max-height:460px){.panel{border-radius:11px}.title{font-size:clamp(24px,7vmin,40px)}.loading-art{width:min(180px,34vmin)}.screen--loading{flex-direction:row;gap:22px}}@media(max-height:520px){.panel--title .row--stack{flex-direction:row;flex-wrap:nowrap;max-width:520px;gap:8px}.panel--title .row--stack .btn{flex:1 1 0}.subtitle{margin-top:.15em}.panel--title .blurb{font-size:clamp(12px,2.6vmin,15px);margin:.3em auto .55em}.btn{min-height:42px}.btn--small{min-height:36px}.title-stats,.row--sound{margin-top:.7em}}@media(orientation:portrait){.panel--title{height:100%;display:flex;flex-direction:column}.panel--title .row--stack{margin-top:auto}}@media(prefers-reduced-motion:reduce){.tutorial-line{animation:none}.hud-toast{transition:none}}.st-input-pad{display:block}.st-input-btn{display:grid;place-items:center;color:var(--ink);background:#0c0a076b;border:1px solid rgba(224,177,105,.42);border-radius:50%;box-shadow:0 2px 10px #00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background 90ms ease,transform 90ms ease}.st-input-btn:active{background:#e0b1698c;transform:scale(.94)}@media(prefers-reduced-motion:reduce){.st-input-btn{transition:none}}