*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}:root{--color-bg: #050b14;--color-bg-deep: #03070d;--color-primary: #00f0ff;--color-secondary: #0066cc;--color-accent-amber: #ffb703;--color-accent-magenta: #e040fb;--color-text: #ffffff;--color-text-muted: #94a3b8;--font-heading: "Outfit", sans-serif;--font-body: "Roboto", sans-serif}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}#app{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 30%,#0a1f38,#050b14 70%,#020509)}#game-container{width:100vw;height:100vh;position:relative;overflow:hidden}#game-container canvas{display:block}#captain-name{width:380px;height:46px;padding:0 18px;border-radius:23px;border:1.5px solid rgba(0,240,255,.45);background:#030a14bf;color:#fff;font-family:var(--font-heading);font-size:19px;font-weight:600;text-align:center;letter-spacing:1px;outline:none;user-select:text;-webkit-user-select:text;box-shadow:inset 0 0 18px #00f0ff14;transition:border-color .2s,box-shadow .2s}#captain-name:focus{border-color:#00f0ff;box-shadow:0 0 18px #00f0ff59,inset 0 0 18px #00f0ff1f}#captain-name::placeholder{color:#94a3b8b3;font-weight:400}#captain-name.shake{animation:shake .4s;border-color:#ff5400}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}