:root{--ink:#0f0e0c;--cream:#ede3d2;--verm:#ff5b22;--green:#3df58c;--yellow:#fff5a0;--cyan:#39e6e6;--violet:#c69bff;--pink:#ff5b8a}*{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#bfe0d6;height:100%;margin:0;padding:0;font-family:JetBrains Mono,monospace;overflow:hidden}#app{position:fixed;inset:0}canvas{display:block}#load{z-index:50;background:var(--ink);color:var(--cream);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .8s;display:flex;position:fixed;inset:0}#load.gone{opacity:0;pointer-events:none}#load h1{margin:0;font-family:Instrument Serif,serif;font-size:clamp(34px,7vw,64px);font-style:italic;font-weight:400}#load .bar{background:#ede3d22e;border-radius:2px;width:min(240px,60vw);height:3px;overflow:hidden}#load .bar i{background:var(--verm);width:0%;height:100%;transition:width .25s;display:block}#load .tip{letter-spacing:.12em;text-transform:uppercase;color:#ede3d273;font-size:11px}.hud{z-index:20;color:var(--cream);pointer-events:none;position:fixed}#brand{top:18px;left:20px}#brand b{color:var(--ink);background:var(--cream);border-radius:20px;padding:2px 12px;font-family:Instrument Serif,serif;font-size:24px;font-style:italic;font-weight:400;box-shadow:0 4px 18px #0000002e}#brand .sub{letter-spacing:.1em;text-transform:uppercase;color:#ede3d2b3;text-shadow:0 1px 4px #0009;margin-top:8px;padding-left:4px;font-size:10.5px;display:block}#topright{pointer-events:auto;align-items:center;gap:10px;display:flex;top:18px;right:20px}#topright button,#topright a{cursor:pointer;letter-spacing:.04em;color:var(--ink);background:#ede3d2eb;border:1px solid #0f0e0c1f;border-radius:20px;padding:8px 13px;font-family:JetBrains Mono,monospace;font-size:12px;text-decoration:none;transition:transform .15s,background .15s;box-shadow:0 4px 18px #00000024}#topright button:hover,#topright a:hover{background:var(--cream);transform:translateY(-1px)}#quest{pointer-events:none;bottom:20px;left:20px}#quest .box{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0e0cc7;border:1px solid #ede3d21f;border-radius:14px;min-width:190px;padding:12px 14px}#quest h3{letter-spacing:.16em;text-transform:uppercase;color:var(--verm);margin:0 0 8px;font-size:10px;font-weight:700}#quest ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}#quest li{color:#ede3d28c;align-items:center;gap:8px;font-size:12px;transition:color .2s;display:flex}#quest li .dot{border:1.5px solid #ede3d266;border-radius:50%;flex:none;width:7px;height:7px}#quest li.done{color:var(--cream)}#quest li.done .dot{background:var(--green);border-color:var(--green);box-shadow:0 0 8px var(--green)}#hint{pointer-events:none;opacity:0;transition:opacity .2s;bottom:30px;left:50%;transform:translate(-50%)}#hint.show{opacity:1}#hint .key{background:var(--cream);color:var(--ink);white-space:nowrap;border-radius:8px;padding:7px 12px;font-size:12.5px;box-shadow:0 6px 20px #00000038}#hint .key b{background:var(--verm);color:var(--ink);border-radius:5px;margin-right:6px;padding:1px 7px}#dlg{z-index:30;justify-content:center;align-items:flex-end;padding:0 16px 26px;display:none;position:fixed;inset:0}#dlg.show{display:flex}#dlg .scrim{background:#0f0e0c59;position:absolute;inset:0}#dlg .panel{background:var(--cream);width:min(640px,100%);color:var(--ink);opacity:0;border-radius:18px;padding:22px 24px 20px;transition:transform .25s,opacity .25s;position:relative;transform:translateY(14px);box-shadow:0 24px 70px #0006}#dlg.show .panel{opacity:1;transform:translateY(0)}#dlg .who{align-items:center;gap:10px;margin-bottom:12px;display:flex}#dlg .who .av{border-radius:9px;flex:none;width:30px;height:30px}#dlg .who .nm{font-family:Instrument Serif,serif;font-size:26px;font-style:italic;line-height:1}#dlg .who .tag{letter-spacing:.14em;text-transform:uppercase;color:#0f0e0c73;margin-left:auto;font-size:10px}#dlg .body{flex-direction:column;gap:7px;font-size:14px;line-height:1.65;display:flex}#dlg .body a{color:var(--verm);border-bottom:1px solid #ff5b2266;text-decoration:none}#dlg .body .lead{font-family:Instrument Serif,serif;font-size:22px;font-style:italic}#dlg .x{cursor:pointer;color:#0f0e0c80;letter-spacing:.06em;font-size:12px;position:absolute;top:14px;right:16px}#dlg .x:hover{color:var(--ink)}#stick{z-index:20;touch-action:none;background:#0f0e0c2e;border:1.5px solid #ede3d259;border-radius:50%;width:118px;height:118px;display:none;position:fixed;bottom:120px;left:26px}#stick .knob{background:#ede3d2d9;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #0000004d}body.touch #stick{display:block}body.touch #quest{display:none}