:root{--ink:#4a3b3f;--paper:#fffaeed1;--accent:#e8735c;--teal:#3f8f8c;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#cfe7f3;margin:0;overflow:hidden}#scene{cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#scene:active{cursor:grabbing}#vignette{pointer-events:none;background:radial-gradient(#0000 55%,#3c283247 100%);position:fixed;inset:0}#grain{pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.3  0 0 0 0 0.25  0 0 0 0 0.2  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:-50%}#fade{pointer-events:none;opacity:1;background:#fffaf0;transition:opacity 1.2s;position:fixed;inset:0}.card{background:var(--paper);-webkit-backdrop-filter:blur(6px);border-radius:18px;padding:14px 18px;font-size:14px;position:fixed;box-shadow:0 6px 24px #4a3b3f26,inset 0 0 0 2px #fff9}#hud{min-width:210px;bottom:22px;left:22px}#hud .row{align-items:baseline;gap:8px;margin:3px 0;display:flex}#hud .row span{opacity:.65;width:66px}#hud .row b{text-align:right;font-variant-numeric:tabular-nums;min-width:48px;font-size:22px;font-weight:700}#hud .row i{opacity:.6;font-style:normal}#hud .bar{background:#4a3b3f1f;border-radius:6px;flex:1;align-self:center;height:10px;overflow:hidden}#hud-thr{background:linear-gradient(90deg, var(--teal), var(--accent));border-radius:6px;width:0%;height:100%}#help{transition:opacity .4s,transform .4s;bottom:22px;right:22px}#help.hidden{opacity:0;pointer-events:none;transform:translateY(10px)}#help h2{color:var(--accent);margin:0 0 6px;font-size:15px}#help ul{margin:0;padding:0;line-height:1.9;list-style:none}kbd{text-align:center;background:#fff;border-radius:6px;min-width:22px;margin-right:3px;padding:0 6px;font-family:inherit;font-size:12px;line-height:20px;display:inline-block;box-shadow:0 2px #4a3b3f40}.mouse{color:var(--teal);font-weight:700}#title{text-align:center;pointer-events:none;text-shadow:0 2px 12px #fffc;transition:opacity 2s;position:fixed;top:9vh;left:0;right:0}#title h1{letter-spacing:1px;color:#fffaf0;text-shadow:0 3px 0 var(--accent), 0 6px 22px #4a3b3f59;margin:0;font-size:56px;font-weight:800}#title p{margin:8px 0 0;font-size:16px}#title.gone{opacity:0}#toast{background:var(--paper);opacity:0;pointer-events:none;border-radius:999px;padding:8px 18px;font-weight:600;transition:all .4s;position:fixed;top:22px;left:50%;transform:translate(-50%,-10px);box-shadow:0 6px 24px #4a3b3f26}#toast.show{opacity:1;transform:translate(-50%)}