:root{--ink:#e8f4f8;--muted:#8eb0bc;--deep:#041018;--teal:#1a6b7a;--foam:#7ec8c3;--wood:#c4a574;--danger:#c45c4a;--panel:#041018d1;--font-display:"Unbounded", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--deep);height:100%;color:var(--ink);font-family:var(--font-body);margin:0}#app{min-height:100%}.auth{background:radial-gradient(80% 60% at 50% 20%,#0a3a48 0%,#0000 55%),linear-gradient(165deg,#061820 0%,#0a2834 45%,#041018 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth__panel{flex-direction:column;gap:.75rem;width:min(22rem,100%);display:flex}.auth__brand{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,5vw,2.1rem);font-weight:700}.auth__lead{color:var(--muted);margin:0 0 .5rem;font-size:.95rem;line-height:1.45}.auth label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.8rem;display:flex}.auth input{color:var(--ink);font:inherit;background:#00000059;border:1px solid #7ec8c340;border-radius:2px;padding:.65rem .75rem}.auth__row{gap:.5rem;margin-top:.35rem;display:flex}.auth__err{min-height:1.2rem;color:var(--danger);margin:0;font-size:.85rem}.btn{appearance:none;color:var(--ink);font:inherit;cursor:pointer;background:#1a6b7a73;border:1px solid #7ec8c373;border-radius:2px;padding:.6rem 1rem;font-weight:600}.btn:hover{background:#1a6b7ab3}.btn--ghost{background:0 0}.btn:disabled{opacity:.5;cursor:default}.game{height:100vh;position:relative;overflow:hidden}.game__canvas{cursor:grab;touch-action:none;outline:none;width:100%;height:100%;display:block}.game__canvas--dragging{cursor:grabbing}.hud{pointer-events:none;flex-direction:column;justify-content:space-between;padding:1rem 1.1rem;display:flex;position:absolute;inset:0}.hud__top,.hud__bottom,.hud__tools,.panel,.modal,.toast{pointer-events:auto}.hud__top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.hud__brand{font-family:var(--font-display);margin:0;font-size:1rem;font-weight:700}.hud__meta{color:var(--muted);margin:.2rem 0 0;font-size:.8rem}.hud__stats{text-align:right;color:var(--foam);background:var(--panel);border:1px solid #7ec8c333;padding:.55rem .75rem;font-size:.85rem}.hud__stats strong{color:var(--wood)}.panel{background:var(--panel);border:1px solid #7ec8c338;width:min(18rem,100% - 2rem);padding:.85rem .95rem;display:none;position:absolute;bottom:4.5rem;right:1rem}.panel[data-open=true]{display:block}.panel h2{font-family:var(--font-display);margin:0 0 .35rem;font-size:.95rem}.panel p{color:var(--muted);margin:0 0 .65rem;font-size:.82rem;line-height:1.4}.panel__actions{flex-wrap:wrap;gap:.4rem;display:flex}.hud__bottom{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}.hud__hint{color:var(--muted);background:var(--panel);border:1px solid #7ec8c326;margin:0;padding:.45rem .65rem;font-size:.8rem}.hud__tools{flex-wrap:wrap;gap:.4rem;display:flex}.toast{background:var(--panel);text-align:center;border:1px solid #7ec8c359;max-width:min(24rem,90vw);padding:.55rem .9rem;font-size:.9rem;display:none;position:absolute;top:18%;left:50%;transform:translate(-50%)}.game--shore .hud__hint{max-width:min(28rem,100%)}.game .hud__brand{text-shadow:0 1px 12px #0a283259}.modal{background:#0000008c;place-items:center;padding:1rem;display:none;position:absolute;inset:0}.modal[data-open=true]{display:grid}.modal__box{background:#0a1c24;border:1px solid #7ec8c34d;flex-direction:column;gap:.6rem;width:min(20rem,100%);padding:1rem;display:flex}.modal__box h2{font-family:var(--font-display);margin:0;font-size:1rem}.modal__box input{color:var(--ink);font:inherit;background:#00000059;border:1px solid #7ec8c340;padding:.55rem .65rem}.modal__box p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.4}