*{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-chip{display:inline-block;background:#101418cc;color:#8bc5ee;border:2px solid #4aa4ee;border-radius:999px;padding:6px 14px;font-weight:700;font-size:12px;letter-spacing:.08em}.ability-chip.active{background:#4aa4ee;color:#101418;animation:surf-pulse 1.1s ease-in-out infinite}@keyframes surf-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hud-toast{position:absolute;top:70px;left:50%;transform:translate(-50%);background:#f25c54eb;color:#fff;padding:8px 16px;border-radius:999px;font-weight:700}.msgbox{pointer-events:auto;cursor:pointer;position:absolute;bottom:18px;left:50%;transform:translate(-50%);width:min(620px,calc(100% - 36px));min-height:64px;background:#f8f8f8;border:3px solid #00c8b8;box-shadow:0 0 0 3px #00f898,0 0 0 4px #102039;border-radius:6px;padding:14px 40px 14px 18px;color:#606060;font-size:17px;font-weight:700;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.msgbox p{margin:0 0 4px;line-height:1.45;text-shadow:1px 1px 0 #d0d0c8}.msg-arrow{position:absolute;right:14px;bottom:8px;color:#e00808;font-size:14px;animation:arrow-bounce .53s steps(4) infinite}@keyframes arrow-bounce{0%,to{transform:translateY(0)}25%{transform:translateY(1px)}50%{transform:translateY(2px)}75%{transform:translateY(1px)}}.choicebox{pointer-events:auto;position:absolute;bottom:104px;left:calc(50% + min(310px,50% - 18px) - 120px);width:120px;background:#f8f8f8;border:3px solid #00c8b8;box-shadow:0 0 0 3px #00f898,0 0 0 4px #102039;border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.choice{background:none;border:none;text-align:left;color:#606060;font-size:16px;font-weight:700;letter-spacing:.04em;padding:2px 4px;text-shadow:1px 1px 0 #d0d0c8}.choice .cursor{visibility:hidden;color:#303030;text-shadow:none}.choice.selected .cursor{visibility:visible}.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}