:root{--primary:#0ea5e9;--primary-glow:#0ea5e980;--secondary:#f43f5e;--bg-dark:#020617;--glass-bg:#0f172a99;--glass-border:#ffffff1a;--text-main:#f8fafc}body,html{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-main);margin:0;padding:0;font-family:Outfit,sans-serif;overflow:hidden}#game-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glass-panel,#hud,.btn,input{pointer-events:auto}.hidden{display:none!important}h1{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #38bdf880;-webkit-background-clip:text;margin:0;font-size:4rem;font-weight:900}h2{letter-spacing:4px;color:#94a3b8;margin:0 0 2rem;font-size:2rem;font-weight:700}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);text-align:center;border-radius:24px;padding:3rem;animation:6s ease-in-out infinite float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000080}@keyframes float{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-52%)}to{transform:translate(-50%,-50%)}}.connection-section{background:#0000004d;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.code-box{letter-spacing:.5rem;color:var(--primary);text-shadow:0 0 10px var(--primary-glow);margin:1rem 0;font-family:monospace;font-size:2.5rem;font-weight:700}.status{font-size:.9rem;font-weight:700}.status.warning{color:#fbbf24}.status.success{color:#10b981}.btn{color:var(--text-main);border:2px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:9999px;padding:1rem 3rem;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn.primary{box-shadow:0 10px 20px -10px var(--primary-glow);background:linear-gradient(135deg,#0ea5e9,#3b82f6);border:none}.btn.primary:not(:disabled):hover{box-shadow:0 15px 25px -5px var(--primary-glow);transform:translateY(-2px)scale(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}#hud{justify-content:space-between;display:flex;position:absolute;top:2rem;left:2rem;right:2rem}.hud-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;padding:1rem 1.5rem;display:flex}.hud-item .label{color:#94a3b8;letter-spacing:2px;font-size:.8rem;font-weight:700}.hud-item .value{color:#fff;text-shadow:0 0 15px #ffffff80;font-size:2.5rem;font-weight:900}.health-bar-container{background:#00000080;border-radius:6px;width:200px;height:12px;margin-top:8px;overflow:hidden}.health-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);width:100%;height:100%;transition:width .3s,background .3s;box-shadow:0 0 10px #10b98180}