.hud-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:Space Mono,monospace;color:#00f3ff;z-index:1000;text-transform:uppercase}.hud-header-wrapper{position:absolute;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-start}.header-bg-gradient{position:absolute;top:-25px;left:-30px;width:calc(100% + 60px);height:120px;background:linear-gradient(180deg,#000000e6,#0000);z-index:-1;pointer-events:none}.hud-top-left{display:flex;align-items:center;gap:30px}.brand-text{font-size:26px;font-weight:700;letter-spacing:10px;text-shadow:0 0 15px rgba(0,243,255,.6)}.divider-vertical{width:2px;height:35px;background:#00f3ff33}.game-metrics{display:flex;gap:40px}.metric-box{display:flex;flex-direction:column;min-width:80px}.m-label{font-size:10px;opacity:.5;letter-spacing:2px}.m-value{font-size:20px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,243,255,.8)}.hud-top-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.status-indicator{display:flex;align-items:center;gap:10px;padding:4px 0}.score-legend{display:flex;flex-direction:column;gap:5px;border:1px solid rgba(0,243,255,.12);background:#0000008c;padding:10px 14px;backdrop-filter:blur(4px);min-width:180px}.legend-title{font-size:8px;letter-spacing:3px;opacity:.4;margin-bottom:4px;text-align:right}.legend-item{display:flex;align-items:center;gap:8px}.legend-icon{font-size:13px;width:20px;text-align:center}.legend-name{font-size:9px;letter-spacing:1.5px;opacity:.6;flex:1}.legend-pts{font-size:11px;font-weight:700;letter-spacing:1px}.pts-pos{color:#00ff64;text-shadow:0 0 8px rgba(0,255,100,.5)}.pts-neg{color:#f44;text-shadow:0 0 8px rgba(255,68,68,.5)}.status-value-green{color:#00ff64;font-size:14px;font-weight:700;letter-spacing:2px;text-shadow:0 0 15px rgba(0,255,100,.6)}.status-value-orange{color:#fa0;font-size:14px;font-weight:700;letter-spacing:2px;text-shadow:0 0 15px rgba(255,170,0,.6)}.hud-bottom-bar{position:absolute;bottom:25px;left:30px;right:30px}.footer-bg-gradient{position:absolute;bottom:-25px;left:-30px;width:calc(100% + 60px);height:100px;background:linear-gradient(0deg,#000000e6,#0000);z-index:-1;pointer-events:none}.horizontal-divider{width:100%;height:1px;background:linear-gradient(90deg,#00f3ff00,#00f3ff66 10% 90%,#00f3ff00);margin-bottom:10px}.bottom-layout{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:flex-end;width:100%}.bottom-left{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.bottom-right{display:flex;justify-content:flex-end}.api-info{font-size:9px;opacity:.4;letter-spacing:1px}.controls-info{font-size:11px;letter-spacing:2px;color:#00f3ff;white-space:nowrap;opacity:.8;text-shadow:0 0 10px rgba(0,243,255,.4)}.scanner-btn{background:#00f3ff1a;border:1px solid rgba(0,243,255,.3);color:#00f3ff;padding:8px 15px;font-family:Space Mono,monospace;font-size:10px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .2s ease;pointer-events:auto!important}.scanner-btn:hover{background:#00f3ff33;border-color:#00f3ff;box-shadow:0 0 10px #00f3ff4d}.scanner-btn.disabled{background:#ffaa000d;border-color:#fa03;color:#fa0;cursor:not-allowed;opacity:.6}.crt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000000d 50%),linear-gradient(90deg,#ff000003,#00ff0001,#0000ff03);background-size:100% 4px,4px 100%;pointer-events:none;opacity:.15}@media(max-width:768px){.hud-header-wrapper{flex-direction:column;gap:10px;align-items:flex-start}.bottom-layout{display:flex;flex-direction:column;gap:10px;align-items:center}.bottom-left{align-items:center}}.loading-screen{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;font-family:Space Mono,monospace;color:#00f3ff;overflow:hidden;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),visibility 1.2s}.loading-screen.fade-out{opacity:0;visibility:hidden}.loading-content{width:450px;display:flex;flex-direction:column;gap:3rem;padding:40px;position:relative}.loading-brand{display:flex;flex-direction:column;align-items:center;gap:5px}.brand-accent{font-size:10px;letter-spacing:5px;opacity:.5}.brand-title{font-size:3rem;font-weight:700;letter-spacing:15px;margin:0 -15px 0 0;text-shadow:0 0 20px rgba(0,243,255,.5)}.status-box{display:flex;flex-direction:column;gap:15px}.loading-text{font-size:12px;letter-spacing:3px;margin:0;text-transform:uppercase;min-height:20px;color:#fff;opacity:.8}.progress-container{width:100%;height:2px;background:#00f3ff1a;position:relative;overflow:hidden}.progress-bar{height:100%;background:#00f3ff;transition:width .3s ease-out;position:relative}.bar-glow{position:absolute;top:0;right:0;width:20px;height:100%;background:#fff;box-shadow:0 0 15px #00f3ff,0 0 30px #00f3ff}.loading-details{display:flex;justify-content:space-between;border-top:1px solid rgba(0,243,255,.1);padding-top:20px}.detail-item{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.detail-label{font-size:8px;letter-spacing:2px;opacity:.4}.detail-value{font-size:11px;font-weight:700;letter-spacing:1px}.status-ok{color:#00ff64;text-shadow:0 0 10px rgba(0,255,100,.5)}.status-wait{opacity:.5}.scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,3px 100%;pointer-events:none;z-index:10}.noise-overlay{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:5}@keyframes flicker{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.loading-screen.finished .loading-brand{animation:flicker .1s infinite}.rules-screen{position:fixed;inset:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:9000;font-family:Space Mono,monospace;color:#00f3ff;backdrop-filter:blur(4px);opacity:1;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s}.rules-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.rules-panel{width:min(560px,92vw);border:1px solid rgba(0,243,255,.25);background:linear-gradient(160deg,#000a14fa,#000005fa);padding:40px 44px 36px;position:relative;display:flex;flex-direction:column;gap:28px;box-shadow:0 0 60px #00f3ff12,inset 0 0 40px #00f3ff08;animation:panelIn .6s cubic-bezier(.16,1,.3,1) both}@keyframes panelIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.rules-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00f3ff 40%,#9933ff 70%,transparent)}.rules-header{display:flex;flex-direction:column;align-items:center;gap:6px}.rules-eyebrow{font-size:9px;letter-spacing:5px;opacity:.4;text-transform:uppercase}.rules-title{font-size:2rem;font-weight:700;letter-spacing:10px;margin:0 -10px 0 0;text-shadow:0 0 20px rgba(0,243,255,.5)}.rules-subtitle{font-size:10px;letter-spacing:2px;opacity:.45;margin-top:4px}.rules-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,243,255,.2),transparent)}.rules-list{display:flex;flex-direction:column;gap:12px}.rule-item{display:flex;align-items:center;gap:16px;padding:12px 14px;border:1px solid rgba(0,243,255,.08);background:#00f3ff08;transition:border-color .2s,background .2s}.rule-item:hover{border-color:#00f3ff33;background:#00f3ff0f}.rule-icon{font-size:1.5rem;width:36px;text-align:center;flex-shrink:0}.rule-body{display:flex;flex-direction:column;gap:3px;flex:1}.rule-name{font-size:10px;letter-spacing:2px;opacity:.5;text-transform:uppercase}.rule-desc{font-size:12px;color:#fff;opacity:.85;line-height:1.5}.rule-pts{font-size:13px;font-weight:700;letter-spacing:1px;flex-shrink:0}.pts-positive{color:#00ff64;text-shadow:0 0 10px rgba(0,255,100,.5)}.pts-negative{color:#f44;text-shadow:0 0 10px rgba(255,68,68,.5)}.rules-start-btn{margin-top:4px;width:100%;padding:14px 0;background:transparent;border:1px solid rgba(0,243,255,.4);color:#00f3ff;font-family:Space Mono,monospace;font-size:12px;letter-spacing:4px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s,color .2s}.rules-start-btn:before{content:"";position:absolute;inset:0;background:#00f3ff14;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.rules-start-btn:hover{border-color:#00f3ff;color:#fff;text-shadow:0 0 10px rgba(0,243,255,.8)}.rules-start-btn:hover:before{transform:scaleX(1)}.rules-start-btn:active{transform:scale(.99)}.rules-scanline{position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000014 50%);background-size:100% 4px;pointer-events:none;z-index:2;opacity:.4}:root{--primary-glow: #00ffcc}body,html{margin:0;padding:0;background:#000;width:100%;height:100%;overflow:hidden;color:#fff}main{width:100vw;height:100vh}