*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:#101418;color:#f4f4f4;font-family:ui-monospace,SF Mono,Menlo,monospace}.game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.game-canvas canvas{display:block}.landing{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.landing h1{font-size:clamp(2rem,6vw,4rem);letter-spacing:.04em}.landing p{opacity:.7}.play-button{margin-top:1rem;padding:.75rem 2rem;background:#f25c54;color:#101418;text-decoration:none;border-radius:999px;font-weight:700;letter-spacing:.05em}.play-button:hover{filter:brightness(1.1)}.game-root{position:fixed;top:0;right:0;bottom:0;left:0}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-size:14px}.hud button{pointer-events:auto;cursor:pointer;font-family:inherit}.hud-top-left{position:absolute;top:12px;left:12px;background:#101418b3;padding:8px 10px;border-radius:8px;min-width:160px}.hud-top-left .lvl{font-weight:700;margin-bottom:4px}.exp-bar{height:8px;background:#ffffff26;border-radius:999px;overflow:hidden}.exp-fill{height:100%;background:#6fb56a;transition:width .3s ease}.exp-text{margin-top:4px;font-size:11px;opacity:.75}.hud-objective{position:absolute;top:12px;right:12px;background:#101418b3;padding:8px 12px;border-radius:8px;text-align:right;max-width:240px}.hud-objective.done{background:#6fb56ad9;color:#101418}.hud-objective .obj-label{font-weight:700}.hud-objective .obj-task{font-size:12px;opacity:.9}.hud-abilities{position:absolute;bottom:56px;left:12px}.ability-btn{background:#101418cc;color:#f4f4f4;border:2px solid #4a8fd6;border-radius:999px;padding:8px 16px;font-weight:700}.ability-btn.active{background:#4a8fd6;color:#101418}.hud-toast{position:absolute;top:70px;left:50%;transform:translate(-50%);background:#f25c54eb;color:#fff;padding:8px 16px;border-radius:999px;font-weight:700}.hud-dialogue{pointer-events:auto;cursor:pointer;position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:min(640px,calc(100% - 24px));background:#101418eb;border:2px solid #f4f4f4;border-radius:12px;padding:16px 20px}.hud-dialogue p{margin-bottom:6px;line-height:1.4}.dlg-hint{display:block;margin-top:6px;font-size:10px;opacity:.5;text-align:right}.hud-controls{position:absolute;bottom:12px;left:12px;font-size:11px;opacity:.5}.hud-reset{position:absolute;bottom:12px;right:12px;background:#101418b3;color:#f4f4f4;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:6px 12px;font-size:12px}.hud-reset:hover{background:#f25c54d9;color:#fff;border-color:transparent}