:root{--ink:#1b1a19;--paper:#f3eee2;--wash:#5f5a5459;--accent:#b8402a;--font:"Courier New", Courier, monospace}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--font);margin:0;overflow:hidden}#game canvas{display:block}#ui{pointer-events:none;position:fixed;inset:0}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.bar{border:2px solid var(--ink);background:#f3eee2d9;border-radius:3px 6px 4px 5px;height:14px;position:relative;overflow:hidden}.bar.thin{border-width:1.5px;height:7px}.bar-fill{background:var(--ink);transition:width .1s;position:absolute;inset:0 auto 0 0}.hud-hp{align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:16px}.hud-hp .bar{width:220px}.hud-label{letter-spacing:2px;font-weight:700}.hud-num{min-width:30px;font-weight:700}.hud-top{text-align:center;position:absolute;top:10px;left:50%;transform:translate(-50%)}.hud-timer{font-size:26px;font-weight:700}.hud-small{opacity:.85;font-size:13px}.hud-bottom{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hud-row{flex-wrap:wrap;justify-content:center;gap:6px;max-width:92vw;display:flex}.slot{border:2px solid var(--ink);background:#f3eee2e0;border-radius:6px 4px 7px 5px;flex-direction:column;justify-content:flex-start;align-items:center;width:52px;height:58px;position:relative;overflow:hidden}.slot:after{content:attr(data-key);opacity:.7;font-size:10px;font-weight:700;position:absolute;top:1px;left:4px}.slot.active{background:var(--ink);color:var(--paper);transform:translateY(-4px);box-shadow:0 3px #00000040}.slot.upgraded{border-width:3px}.hud-row{align-items:flex-end}.slot.lv1{width:56px;height:62px}.slot.lv2{border-width:3px;width:60px;height:66px}.slot.lv3{border:4px double var(--ink);width:64px;height:70px}.slot.lv4{border:6px double var(--ink);width:68px;height:74px;box-shadow:0 0 10px #e0a040}.slot.lv3.active,.slot.lv4.active{box-shadow:0 3px #00000040}.slot-glyph{width:46px;height:46px}.slot-xp{background:var(--accent);height:4px;position:absolute;bottom:0;left:0}.slot-hp{background:var(--ink);opacity:.75;height:4px;position:absolute;bottom:5px;left:0}.slot.active .slot-hp{background:var(--paper)}.slot.active .slot-xp{background:#e0a040}.hud-xp{align-items:center;gap:8px;display:flex}.hud-xp .bar{width:200px}.hud-cap{border:1.5px dashed var(--ink);background:linear-gradient(90deg, #1b1a1926 var(--cap,0%), transparent var(--cap,0%));border-radius:4px;padding:2px 10px;font-weight:700;position:relative}.hud-cap.ready{border-style:solid;animation:1s infinite pulse}.hud-fogwarn{border:3px solid var(--ink);background:#f3eee2e6;padding:8px 18px;font-size:26px;font-weight:700;animation:.8s infinite pulse;display:none;position:absolute;top:28%;left:50%;transform:translate(-50%)rotate(-2deg)}.hud-spectate{border:2px solid var(--ink);background:#f3eee2eb;padding:6px 14px;font-weight:700;display:none;position:absolute;top:76px;left:50%;transform:translate(-50%)}.hud-toasts{flex-direction:column;gap:4px;display:flex;position:absolute;top:48px;left:16px}.toast{border-left:3px solid var(--ink);background:#f3eee2e0;padding:3px 8px;font-size:14px;transition:opacity .8s}.toast.strong{border-left-width:6px;font-weight:700}.toast.fade{opacity:0}@keyframes pulse{50%{opacity:.85;transform:translate(-50%)scale(1.04)}}.hud-cap.ready{animation-name:pulse2}@keyframes pulse2{50%{transform:scale(1.06)}}.debug-panel{z-index:50;border:2px solid var(--ink);background:#f3eee2f2;flex-direction:column;gap:4px;padding:8px;font-size:12px;display:flex;position:fixed;bottom:12px;right:12px}.debug-panel button,.debug-panel select{font-family:var(--font);font-size:12px}.debug-stats{font-size:11px}body{background-repeat:repeat}#ui>.screen{pointer-events:auto}.screen{z-index:20;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.screen.overlay{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#f3eee2d1}.screen h2{text-align:center;margin:0;font-size:30px}.screen h3{letter-spacing:1px;margin:0 0 8px;font-size:18px}.title-canvas{max-width:92vw;height:auto!important}.tagline{letter-spacing:3px;opacity:.8;margin:-10px 0 6px;font-style:italic}.menu-buttons{flex-direction:column;gap:10px;min-width:260px;display:flex}.menu-buttons.row{flex-flow:wrap;justify-content:center}.btn{font-family:var(--font);color:var(--ink);border:2.5px solid var(--ink);cursor:pointer;background:#f3eee2e6;border-radius:7px 4px 8px 5px;flex-direction:column;align-items:center;padding:10px 22px;font-size:18px;font-weight:700;transition:transform 80ms;display:flex}.btn small{opacity:.7;font-size:11px;font-weight:400}.btn:hover:not([disabled]),.btn:focus-visible{background:var(--ink);color:var(--paper);outline:none;transform:rotate(-.6deg)scale(1.02)}.btn.primary{border-width:3.5px}.btn[disabled]{opacity:.45;cursor:default}.panel{border:2px solid var(--ink);background:#f3eee2eb;border-radius:6px 9px 5px 8px;max-width:560px;padding:14px 18px;box-shadow:3px 4px #1b1a1926}.how{font-size:14px;line-height:1.45}.how p{margin:6px 0}.how ul{margin:6px 0;padding-left:18px}kbd{font-family:var(--font);border:1.5px solid var(--ink);border-bottom-width:3px;border-radius:4px;padding:0 5px;font-size:12px;font-weight:700}.setting{justify-content:space-between;align-items:center;gap:16px;min-width:280px;margin:8px 0;display:flex}.setting input[type=range]{accent-color:var(--ink);width:160px}.setting input[type=checkbox]{accent-color:var(--ink);width:18px;height:18px}.stats{min-width:300px}.stat{border-bottom:1px dashed #1b1a194d;justify-content:space-between;gap:30px;padding:3px 0;display:flex}.warn{border:2px dashed var(--ink);padding:4px 10px;font-weight:700}.field{align-items:center;gap:8px;display:flex}.field input[type=text]{font-family:var(--font);text-transform:uppercase;letter-spacing:4px;border:2.5px solid var(--ink);background:var(--paper);border-radius:5px;width:140px;padding:6px 10px;font-size:22px;font-weight:700}.code{letter-spacing:8px;border:3px solid var(--ink);-webkit-user-select:all;user-select:all;border-radius:6px;padding:4px 18px;font-size:40px;font-weight:700}.plist{min-width:260px;margin:6px 0;padding:0;list-style:none}.plist li{border-bottom:1px dashed #1b1a194d;padding:3px 0}body.in-menu #game{display:none}.bar-temp{border-top:1px solid var(--ink);background:repeating-linear-gradient(45deg,#d99a1e 0 4px,#d99a1e59 4px 8px);height:5px;position:absolute;bottom:0;left:0}.hud-words{flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.hud-word{letter-spacing:2px;background:#f3eee2bf;border:1.5px dashed #1b1a1959;border-radius:4px;padding:2px 8px;font-size:15px;font-weight:700}.hud-word .wl{opacity:.3}.hud-word .wl.owned{opacity:1;color:#b5740c;text-shadow:0 0 6px #d99a1ee6}.hud-word.complete{border-style:solid;border-color:var(--ink)}.hud-word.ready .wl.owned{color:var(--ink);text-shadow:0 0 6px #5ac8ff,0 0 12px #5ac8ffb3}.hud-word.passive .wl.owned{color:var(--ink);text-shadow:0 0 6px #78ff8c,0 0 12px #78ff8cb3}.hud-word-info{opacity:.8;letter-spacing:0;margin-left:6px;font-size:12px}