:root{--bg: #f2efe8;--paper: #faf7f0;--ink: #0a0a0a;--ink-soft: #1a1a1a;--acid: #c6ff3d;--acid-deep: #a8e020;--hot: #ff4d1a;--hot-deep: #e63e0e;--plum: #1f1b2e;--muted: #6b6660;--line: rgba(10, 10, 10, .12);--line-strong: rgba(10, 10, 10, .32);--font-grotesk: "Space Grotesk", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);cursor:none;font-family:var(--font-grotesk);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas{position:fixed;inset:0;display:block}#gameCanvas{z-index:1}#fxCanvas{z-index:12;pointer-events:none}.noise{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>")}.hint{position:fixed;bottom:16px;left:18px;color:var(--muted);font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;pointer-events:none;user-select:none;z-index:6}.score{position:fixed;top:18px;left:22px;pointer-events:none;user-select:none;z-index:6}.score-label{font-family:var(--font-grotesk);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.score-value{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:44px;letter-spacing:-.02em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;transition:color .35s ease}.score-value.bump{animation:score-bump .36s cubic-bezier(.2,.85,.2,1)}.xp-strip{margin-top:8px;width:150px}.xp-bar-bg{width:100%;height:4px;background:#0a0a0a14;border-radius:999px;overflow:hidden}.xp-bar-fill{height:100%;background:#78c83cf2;transition:width .12s cubic-bezier(.2,.85,.2,1)}.xp-meta{font-family:var(--font-grotesk);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:5px;font-variant-numeric:tabular-nums}@keyframes score-bump{0%{transform:scale(1);color:var(--ink)}35%{transform:scale(1.18);color:var(--hot)}to{transform:scale(1);color:var(--ink)}}.title-overlay{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:space-between;padding:7vh 0 8vh;pointer-events:none;z-index:14}body.state-title .title-overlay{display:flex}.title-top{display:flex;flex-direction:column;align-items:center}.title-text{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:clamp(64px,11vw,132px);letter-spacing:-.04em;color:var(--ink);line-height:1}.title-sub{margin-top:14px;font-family:var(--font-grotesk);font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}.title-emojis{margin-top:32px;text-align:center}.title-emojis-label{font-family:var(--font-grotesk);font-size:9px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.emoji-row{display:flex;align-items:center;gap:18px;margin:5px 0;justify-content:center}.emoji-row .cat{font-family:var(--font-grotesk);font-size:9px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);width:92px;text-align:right}.emoji-row .row-emojis{font-size:28px;letter-spacing:8px;line-height:1}.title-emojis-caption{margin-top:14px;font-family:var(--font-serif);font-style:italic;font-size:13px;color:#0000008c}.title-cta{font-family:var(--font-grotesk);font-size:13px;font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:var(--muted);background:var(--paper);border:1px solid var(--line-strong);width:360px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:14px;box-shadow:0 1px #0a0a0a0f;animation:cta-pulse 1.6s ease-in-out infinite}@keyframes cta-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}body:not(.state-play) .bottom-hud,body:not(.state-play) .score,body:not(.state-play) .hint{display:none}.pause-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;background:transparent;pointer-events:none;z-index:20}.pause-overlay.visible{display:flex}.pause-card{text-align:center}.pause-title{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:76px;letter-spacing:-.03em;color:var(--ink);line-height:1}.pause-hint{font-size:10px;margin-top:14px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--muted)}.gameover-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#0a0a0ae0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;z-index:20}.gameover-overlay.visible{display:flex}.gameover-title{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:96px;letter-spacing:-.04em;color:var(--hot);line-height:1}.gameover-overlay .pause-hint{color:var(--acid)}.bottom-hud{--key-w: 46px;--key-h: 46px;--shift-w: 76px;--gap: 5px;--row-w: calc(var(--shift-w) + var(--key-w) * 6 + var(--gap) * 6);position:fixed;bottom:5vh;left:50%;transform:translate(-50%);pointer-events:none;user-select:none;z-index:8;padding:18px 24px;background:#f2efe8eb;border:1px solid var(--line);border-radius:22px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 24px #0a0a0a0f}.hp-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;width:var(--row-w)}.hp-label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--muted)}.hp-bar{flex:1;height:6px;background:#0a0a0a14;border-radius:999px;overflow:hidden}.hp-fill{height:100%;background:var(--acid);transition:width 80ms linear,background .2s ease}.hp-count{font-size:11px;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.04em;min-width:60px;text-align:right}.keyboard,.ammo-row,.row-d,.spacebar-row{display:flex;gap:var(--gap);width:var(--row-w)}.key{width:var(--key-w);height:var(--key-h);background:var(--paper);border:1px solid var(--line-strong);border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:var(--font-grotesk);font-size:15px;font-weight:700;color:var(--ink);letter-spacing:.02em;box-shadow:0 1px #0a0a0a0f;transition:background 80ms ease,transform 80ms ease,box-shadow 80ms ease,border-color 80ms ease,color 80ms ease;position:relative}.key.wide{width:var(--shift-w);font-size:11px;letter-spacing:.05em;font-weight:700}.key.pressed{background:var(--ink);color:var(--acid);border-color:var(--ink);box-shadow:inset 0 1px 3px #00000080;transform:translateY(1px)}.key.disabled{background:#0a0a0a06;border-color:var(--line);color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}.key.cooling{background:#ff4d1a1f;border-color:#ff4d1a59;color:var(--muted)}.key:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);white-space:nowrap;background:var(--ink);color:var(--acid);font-family:var(--font-grotesk);font-size:9px;font-weight:700;padding:5px 11px;border-radius:999px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.85,.2,1)}.bottom-hud.show-tooltips .key:before{opacity:1;transform:translate(-50%) translateY(0)}body.paused .key:before,body.paused [data-tooltip]:before,body.paused [data-tooltip]:after{display:none!important}.key-bar{position:absolute;left:5px;right:5px;bottom:4px;height:2px;background:#0a0a0a1a;border-radius:999px;overflow:hidden}.key-bar-fill{height:100%;width:100%;background:var(--ink);transition:width 60ms linear,background .2s ease}.ammo-row{margin-top:6px}.ammo-cell{width:var(--key-w);display:flex;flex-direction:column;align-items:center}.ammo-cell.wide{width:var(--shift-w)}.ammo-bar-mini{width:calc(var(--key-w) - 8px);height:3px;background:#0a0a0a14;border-radius:999px;overflow:hidden}.ammo-bar-mini-fill{height:100%;background:var(--ink);transition:width 80ms linear,background .2s ease}.ammo-text-mini{font-size:9px;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums;letter-spacing:.06em;font-weight:700;text-align:center}.row-d{margin-top:6px}.row-d-spacer{width:calc(var(--shift-w) + var(--gap) + 2 * (var(--key-w) + var(--gap)));flex-shrink:0}.key.disabled .key-bar,.key.disabled .key-counter,body.shift-locked #keyQ .key-bar,body.shift-locked #keyQ .key-counter{display:none}.key-counter{position:absolute;top:3px;right:5px;font-size:7px;font-weight:700;letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1}.ammo-floating{display:none}.ammo-floating{position:fixed;top:18px;right:22px;pointer-events:none;user-select:none;z-index:6;text-align:right}.ammo-floating-label{font-family:var(--font-grotesk);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.ammo-floating-count{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:38px;letter-spacing:-.02em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.ammo-floating-bar{width:140px;height:4px;background:#0a0a0a14;border-radius:999px;overflow:hidden;margin-left:auto;margin-top:8px}.ammo-floating-fill{height:100%;background:var(--ink);transition:width 80ms linear,background .2s ease}.key.q-awakening{animation:q-awakening 1.5s cubic-bezier(.2,.85,.2,1)}@keyframes q-awakening{0%{background:#0a0a0a06;color:var(--muted);box-shadow:0 0 #c6ff3d00;transform:translateY(0) scale(1)}8%{background:var(--acid);color:var(--ink);box-shadow:0 0 0 16px #c6ff3d80,0 0 32px #c6ff3db3;transform:translateY(-14px) scale(1.18)}22%{background:var(--acid);color:var(--ink);box-shadow:0 0 0 8px #c6ff3d47,0 0 22px #c6ff3d59;transform:translateY(0) scale(1.04)}36%{transform:translateY(-9px) scale(1.08);box-shadow:0 0 0 6px #c6ff3d38,0 0 18px #c6ff3d4d}50%{transform:translateY(0) scale(1.02)}64%{transform:translateY(-5px) scale(1.04)}78%{transform:translateY(0) scale(1)}90%{transform:translateY(-2px) scale(1);background:var(--paper);color:var(--ink);box-shadow:0 1px #0a0a0a0f}to{background:var(--paper);color:var(--ink);box-shadow:0 1px #0a0a0a0f;transform:translateY(0) scale(1)}}.level-banner{position:fixed;top:28%;left:50%;transform:translate(-50%);font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:80px;letter-spacing:-.04em;line-height:1;color:var(--ink);pointer-events:none;user-select:none;z-index:18;opacity:0;text-align:center}.level-banner .sub{display:block;font-family:var(--font-grotesk);font-style:normal;font-size:11px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-top:8px}.level-banner.show{animation:level-banner-appear 1.9s cubic-bezier(.2,.85,.2,1)}@keyframes level-banner-appear{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.92)}18%{opacity:1;transform:translate(-50%) translateY(0) scale(1.06)}65%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-12px) scale(1)}}body.state-play .bottom-hud,body.state-play .score,body.state-play .hint{animation:hud-fade-in .7s cubic-bezier(.2,.85,.2,1) backwards}body.state-play .score{animation-delay:.12s}body.state-play .hint{animation-delay:.24s}@keyframes hud-fade-in{0%{opacity:0}to{opacity:1}}.spacebar-row{margin-top:6px}.key.spacebar{width:100%;height:var(--key-h);font-size:9px;letter-spacing:.34em;text-transform:uppercase;font-weight:700;color:var(--muted);border-radius:11px}.admin-panel{position:fixed;top:50%;right:22px;transform:translateY(-50%);display:none;flex-direction:column;gap:8px;padding:18px 20px;background:#f2efe8f5;border:1px solid var(--line-strong);border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 24px #0a0a0a1a;font-family:var(--font-grotesk);z-index:30;pointer-events:auto;user-select:none;min-width:260px;cursor:auto}body.admin-open .admin-panel{display:flex}.admin-header{font-size:10px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:4px;display:flex;justify-content:space-between;align-items:center}.admin-header .admin-key{background:var(--paper);border:1px solid var(--line-strong);border-radius:5px;padding:2px 7px;font-size:9px;color:var(--ink)}.admin-row{display:flex;align-items:center;gap:6px}.admin-row>label{font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);width:64px;flex-shrink:0}.admin-row button{background:var(--paper);border:1px solid var(--line-strong);border-radius:6px;padding:5px 10px;font-family:var(--font-grotesk);font-size:11px;font-weight:700;color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;transition:background 80ms,color 80ms,border-color 80ms}.admin-row button:hover{background:var(--ink);color:var(--acid);border-color:var(--ink)}.admin-row .value{min-width:30px;text-align:center;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);font-family:var(--font-serif);font-style:italic}.xp-row{margin-bottom:14px;margin-top:-6px}.hp-fill.xp-fill-purple{background:#a75ae6}.talent-tree{display:none;position:fixed;inset:0;align-items:center;justify-content:center;background:#0a0a0ad1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:auto;cursor:auto;z-index:25;padding:24px;overflow:auto}body.talent-open .talent-tree{display:flex}body.talent-open .pause-overlay{display:none}.talent-tree-frame{background:var(--bg);border:1px solid var(--line-strong);border-radius:18px;padding:22px 28px 28px;box-shadow:0 12px 50px #00000073;max-width:900px}.talent-tree-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;gap:18px}.talent-tree-title{font-family:var(--font-serif);font-style:italic;font-size:36px;line-height:1;color:var(--ink);letter-spacing:-.02em}.talent-tree-points{font-family:var(--font-grotesk);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.talent-tree-points b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px;margin:0 4px}.talent-grid{display:grid;grid-template-columns:repeat(7,92px);column-gap:6px;justify-content:center}.talent-col{display:flex;flex-direction:column;align-items:center}.talent-col-header{width:46px;height:36px;background:var(--paper);border:1px solid var(--line-strong);border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:var(--font-grotesk);font-size:14px;font-weight:700;color:var(--ink);margin-bottom:14px}.talent-node{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--line-strong);background:#0a0a0a0f;color:transparent;cursor:pointer;padding:0;position:relative;flex-shrink:0;transition:background .12s ease,border-color .12s ease,transform 80ms ease,box-shadow .12s ease}.talent-node.big{width:50px;height:50px;border-width:2px}.talent-node.locked{opacity:.32;cursor:not-allowed;background:#0a0a0a0a}.talent-node.available{border-color:var(--ink);background:var(--paper)}.talent-node.available:hover{transform:scale(1.08);box-shadow:0 0 0 4px #c6ff3d2e}.talent-node.allocated{background:var(--acid);border-color:var(--ink);box-shadow:0 0 0 2px #c6ff3d59,0 0 14px #c6ff3d73}.talent-node.big.allocated{box-shadow:0 0 0 3px #c6ff3d73,0 0 22px #c6ff3d8c}.talent-link{width:3px;height:14px;background:#0a0a0a2e;margin:4px 0;border-radius:2px}.talent-link.allocated{background:var(--acid);box-shadow:0 0 8px #c6ff3d8c}.talent-tooltip{position:fixed;pointer-events:none;background:var(--ink);color:var(--acid);border-radius:10px;padding:8px 12px;font-family:var(--font-grotesk);font-size:11px;font-weight:600;letter-spacing:.04em;line-height:1.35;max-width:240px;z-index:40;opacity:0;transform:translate(-50%,calc(-100% - 14px));transition:opacity .12s ease;white-space:nowrap}.talent-tooltip.visible{opacity:1}.talent-tooltip b{display:block;color:var(--paper);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px}.brand-logo-left{position:fixed;top:22px;left:24px;z-index:9999;pointer-events:auto}.brand-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink, #0a0a0a);font-family:"Instrument Serif",Georgia,serif;font-weight:600;font-size:1.4rem;letter-spacing:-.02em}.brand-dot{width:.55rem;height:.55rem;border-radius:999px;background:#c6ff3d;display:inline-block}.brand-name{display:inline-flex;align-items:baseline;position:relative;z-index:1}.brand-lux{color:var(--ink, #0a0a0a);position:relative;display:inline-block;isolation:isolate}.brand-lux:after{content:"";position:absolute;left:-8%;right:-1%;top:50%;height:.55em;background:#c6ff3d;mix-blend-mode:multiply;z-index:-1;border-radius:1px;transform:translateY(-50%) rotate(-8deg);transform-origin:center}.brand-suffix{opacity:.5;font-size:.95rem}.brand-back{position:fixed;top:22px;right:24px;z-index:9999;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;border:2px solid var(--ink, #0a0a0a);color:var(--ink, #0a0a0a);background:#f2efe8eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none;font-family:var(--font-grotesk, "Space Grotesk", system-ui, sans-serif);font-size:14px;font-weight:700;letter-spacing:.04em;box-shadow:0 4px 14px #0a0a0a2e;transition:background .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}.brand-back-arrow{font-size:16px;line-height:1;margin-top:-2px}.brand-back:hover{background:var(--ink, #0a0a0a);color:var(--acid, #c6ff3d);transform:translateY(-1px);box-shadow:0 8px 22px #0a0a0a47}@media (max-width: 720px){.brand-back-text{display:none}.brand-back{padding:0 14px;height:40px}}