:root{color:#fff;font-synthesis:none;background:#10213a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#game{width:100%;height:100dvh;margin:0;overflow:hidden}body{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));position:relative}.login-screen{z-index:100;background:radial-gradient(circle at 20% 20%,#8fd17f55 0 90px,#0000 92px),radial-gradient(circle at 85% 76%,#53b3cb33 0 130px,#0000 132px),linear-gradient(145deg,#10213a,#183c45 58%,#315c3a);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.login-screen[hidden]{display:none}.login-card{color:#10213a;background:#f8fbf3;border:2px solid #fffa;border-radius:24px;width:min(430px,100%);padding:30px;box-shadow:0 24px 80px #0006}.login-logo{color:#fff;background:linear-gradient(145deg,#53b3cb,#315c3a);border:3px solid #fff;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:18px;font-size:29px;font-weight:900;display:grid;box-shadow:0 8px 22px #315c3a55}.login-kicker,.login-copy,.login-note,.login-message{margin:0}.login-kicker{color:#557063;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.login-card h1{letter-spacing:-.04em;margin:2px 0 10px;font-size:clamp(30px,8vw,44px)}.login-copy{color:#415263;margin-bottom:22px;line-height:1.45}.login-card form{gap:8px;display:grid}.login-card label{margin-top:6px;font-size:13px;font-weight:800}.login-card input{color:#10213a;width:100%;font:inherit;background:#fff;border:2px solid #cad8d0;border-radius:10px;outline:none;padding:12px 14px}.login-card input:focus{border-color:#53b3cb;box-shadow:0 0 0 4px #53b3cb22}.login-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.login-card button{color:#fff;cursor:pointer;min-height:44px;font:inherit;background:#315c3a;border:0;border-radius:10px;padding:10px 12px;font-weight:800}.login-card button.secondary{color:#10213a;background:#dce8ed}.login-card button:hover{filter:brightness(1.08)}.login-message{color:#a23643;min-height:22px;padding-top:4px;font-size:13px;font-weight:700}.login-message.success{color:#315c3a}.login-note{color:#68777f;margin-top:14px;font-size:11px;line-height:1.4}@media (width<=520px){.login-card{border-radius:18px;padding:22px}.login-actions{grid-template-columns:1fr}}canvas{touch-action:none;border-radius:16px;max-width:100%;max-height:100%;margin:auto;display:block;box-shadow:0 18px 60px #0005}@media (width<=640px),(height<=600px) and (pointer:coarse){body{overscroll-behavior:none;padding:0}#game{background:#10213a;place-items:center;display:grid}canvas{box-shadow:none;border-radius:0}.login-screen{padding:max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom));align-items:start}.login-card{border-radius:18px;margin-top:2vh;padding:20px}.login-logo{border-radius:14px;width:48px;height:48px;margin-bottom:12px;font-size:24px}.login-copy{margin-bottom:14px}.login-card input{min-height:48px;font-size:16px}.login-card button{min-height:48px}}@media (orientation:landscape) and (height<=600px) and (pointer:coarse){.login-screen{padding:max(8px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left))}.login-card{grid-template-columns:128px minmax(300px,1fr);column-gap:22px;width:min(720px,100%);margin-top:0;padding:16px 20px;display:grid}.login-logo,.login-kicker,.login-card h1,.login-copy,.login-note{grid-column:1}.login-card form{grid-area:1/2/span 5}.login-card h1{margin-bottom:6px;font-size:28px}.login-copy{margin-bottom:8px;font-size:13px}.login-note{margin-top:6px;font-size:9px}.login-actions{grid-template-columns:1fr 1fr}}