*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%;overflow:hidden;font-family:'Orbitron',system-ui,sans-serif;background:#05030f;color:#eaf2ff}
#game-wrapper{position:fixed;inset:0;overflow:hidden}
#starfield{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#1a1150 0%,#0a0624 45%,#05030f 100%);z-index:0}
canvas#game{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;touch-action:none}
.overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:rgba(5,3,15,.78);backdrop-filter:blur(6px)}
.hidden{display:none!important}
h1{font-size:clamp(2.2rem,9vw,4.5rem);font-weight:900;line-height:1;letter-spacing:2px;background:linear-gradient(90deg,#49f2ff,#9b6bff,#ff5fd2);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(123,97,255,.5);filter:drop-shadow(0 0 12px rgba(73,242,255,.3))}
h2{font-size:clamp(1.8rem,7vw,3rem);font-weight:700;color:#49f2ff;text-shadow:0 0 20px rgba(73,242,255,.6)}
.subtitle{max-width:520px;font-size:clamp(.85rem,3.5vw,1.05rem);color:#aeb9e8;line-height:1.5;font-weight:500}
.hint{font-size:.8rem;color:#7d87b8;margin-top:6px}
input#player-name{width:min(320px,80vw);padding:14px 18px;border-radius:14px;border:2px solid #4b3a9e;background:rgba(20,14,50,.8);color:#fff;font-family:inherit;font-size:1rem;text-align:center;outline:none}
input#player-name:focus{border-color:#49f2ff;box-shadow:0 0 18px rgba(73,242,255,.4)}
.btn{cursor:pointer;font-family:inherit;font-weight:700;font-size:1.05rem;letter-spacing:1px;padding:15px 36px;border:none;border-radius:16px;color:#05030f;background:linear-gradient(90deg,#49f2ff,#9b6bff);box-shadow:0 8px 24px rgba(123,97,255,.45);transition:transform .12s,box-shadow .12s;width:min(320px,80vw)}
.btn:active{transform:scale(.96)}
.btn-ghost{background:transparent;color:#9b6bff;border:2px solid #4b3a9e;box-shadow:none}
.score-big{font-size:1.4rem;font-weight:700;color:#ffd24a}
#lb-list{list-style:none;width:min(420px,88vw);max-height:56vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
#lb-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;background:rgba(30,20,70,.6);border:1px solid #3a2d7a;border-radius:12px;font-weight:500}
#lb-list li .rank{color:#49f2ff;font-weight:700}
#lb-list li .pts{color:#ffd24a;font-weight:700}
#lb-list li:nth-child(1){border-color:#ffd24a;box-shadow:0 0 16px rgba(255,210,74,.3)}
#hud{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;justify-content:space-between;padding:12px 18px;font-weight:700;font-size:clamp(.9rem,4vw,1.2rem);pointer-events:none;text-shadow:0 0 10px rgba(0,0,0,.8)}
.hud-item{background:rgba(10,6,36,.55);padding:6px 14px;border-radius:12px;border:1px solid #3a2d7a}
#hud-shield{color:#49f2ff}