.hud-chassis{position:relative;width:100%;border-radius:1.25rem;background:linear-gradient(145deg,#1f2a26,#111a16 45%,#080e0c);padding:.5rem;box-shadow:0 20px 50px -10px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -2px 0 rgba(0,0,0,.6);overflow:hidden;transform:translateZ(0);backface-visibility:hidden;will-change:transform}@media (min-width:640px){.hud-chassis{padding:.85rem;border-radius:1.75rem}}.hud-bezel-bolt{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#5a6e65 0,#222d28 65%,#141c19 100%);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 2px rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.8);z-index:20}@media (min-width:640px){.hud-bezel-bolt{width:12px;height:12px}}.hud-bolt-tl{top:.65rem;left:.65rem}.hud-bolt-tr{top:.65rem;right:.65rem}.hud-bolt-bl{bottom:.65rem;left:.65rem}.hud-bolt-br{bottom:.65rem;right:.65rem}.hud-chassis-bracket{position:absolute;height:5px;width:70px;background:linear-gradient(90deg,transparent,#2d3d36 20%,#475f54 50%,#2d3d36 80%,transparent);border-radius:3px;z-index:20}@media (min-width:640px){.hud-chassis-bracket{height:6px;width:90px}}.hud-bracket-top{top:.35rem;left:50%;transform:translateX(-50%)}.hud-bracket-bottom{bottom:.35rem;left:50%;transform:translateX(-50%)}.hud-neon-ring{position:relative;width:100%;border-radius:1rem;padding:2px;background:linear-gradient(135deg,#00ff88,#00b359 35%,#054026 65%,#00ff88);box-shadow:0 0 20px rgba(0,255,136,.35),0 0 40px rgba(0,255,136,.15),inset 0 0 15px rgba(0,255,136,.25);overflow:hidden}@media (min-width:640px){.hud-neon-ring{border-radius:1.35rem}}.hud-viewport{position:relative;width:100%;height:600px;min-height:520px;max-height:calc(100dvh - 170px);border-radius:calc(1rem - 2px);background:linear-gradient(180deg,rgba(3,10,7,.78),rgba(2,8,5,.65) 40%,rgba(1,5,3,.88)),radial-gradient(ellipse 90% 60% at 50% 85%,rgba(0,230,118,.18) 0,transparent 75%),url(/cyborg/hub/stadium-bg.jpg) bottom /cover no-repeat,#050c09;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:.75rem}@media (min-width:640px){.hud-viewport{padding:1.25rem;height:650px;min-height:560px;border-radius:calc(1.35rem - 2px)}}.hud-particle-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:15}.hud-event-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:.45rem;background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.3);color:#00ff88;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.65rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 0 10px rgba(0,255,136,.15);white-space:nowrap}@media (min-width:640px){.hud-event-pill{font-size:.72rem;padding:.35rem .75rem}}.hud-timer-segment{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.45rem;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.15);color:#e6fff2;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.72rem;font-weight:900;letter-spacing:.06em;box-shadow:inset 0 0 6px rgba(0,0,0,.8);white-space:nowrap}@media (min-width:640px){.hud-timer-segment{font-size:.8rem;padding:.35rem .65rem}}.hud-battle-container{position:relative;border-radius:.85rem;background:rgba(8,14,11,.88);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);padding:.5rem .75rem;box-shadow:0 6px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1);transform:translateZ(0);will-change:transform}@media (min-width:640px){.hud-battle-container{padding:.65rem .95rem;border-radius:1rem}}.hud-clash-rail{position:relative;height:9px;border-radius:9999px;background:#0d1612;border:1px solid rgba(255,255,255,.15);overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.8)}.hud-clash-fill-fire{left:0;background:linear-gradient(90deg,#dc2626,#ea580c 50%,#f59e0b);box-shadow:0 0 15px rgba(245,158,11,.8)}.hud-clash-fill-fire,.hud-clash-fill-lightning{position:absolute;top:0;bottom:0;transition:width .18s cubic-bezier(.34,1.56,.64,1)}.hud-clash-fill-lightning{right:0;background:linear-gradient(270deg,#2563eb,#0284c7 50%,#06b6d4);box-shadow:0 0 15px rgba(6,182,212,.8)}.hud-clash-spark{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:#ffffff;box-shadow:0 0 12px 3px #00ff88,0 0 18px 5px #06b6d4;transform:translate(-50%,-50%);z-index:10;animation:hudSparkPulse .8s ease-in-out infinite alternate}@keyframes hudSparkPulse{0%{transform:translate(-50%,-50%) scale(.85);opacity:.8}to{transform:translate(-50%,-50%) scale(1.3);opacity:1}}.hud-messages-scroll-area{position:relative;z-index:10;flex:1 1 0%;min-height:160px;overflow-y:auto;overflow-x:hidden;padding-right:4px;margin:.35rem 0;display:flex;flex-direction:column;gap:.45rem}@media (min-width:640px){.hud-messages-scroll-area{gap:.55rem;margin:.6rem 0}}.hud-messages-scroll-area::-webkit-scrollbar{width:4px}.hud-messages-scroll-area::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:4px}.hud-messages-scroll-area::-webkit-scrollbar-thumb{background:rgba(0,255,136,.35);border-radius:4px}.hud-messages-scroll-area::-webkit-scrollbar-thumb:hover{background:rgba(0,255,136,.7)}.hud-card{position:relative;width:100%;box-sizing:border-box;border-radius:.85rem;background:rgba(12,20,16,.82);border:1px solid rgba(0,255,136,.22);backdrop-filter:blur(10px);padding:.6rem .8rem;box-shadow:0 4px 16px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1);transform:translateZ(0);will-change:transform,opacity;transition:border-color .2s ease,transform .2s ease}@media (min-width:640px){.hud-card{padding:.75rem 1.1rem;border-radius:1rem}}.hud-card:hover{border-color:rgba(0,255,136,.5);transform:translate3d(0,-1px,0)}.hud-card--destacado{border-color:rgba(0,255,136,.55);box-shadow:0 0 18px rgba(0,255,136,.2),inset 0 0 12px rgba(0,255,136,.08)}.hud-presence-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:9999px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.65rem;backdrop-filter:blur(8px);animation:hudFadeIn .25s ease-out}@media (min-width:640px){.hud-presence-pill{font-size:.72rem;padding:.3rem .9rem}}@keyframes hudFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hud-console{position:relative;width:100%;flex-shrink:0;border-radius:1rem;background:linear-gradient(180deg,#18231e,#0c1310);border:1px solid rgba(255,255,255,.14);padding:.5rem .65rem;box-shadow:0 10px 30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -2px 0 rgba(0,0,0,.7);display:flex;flex-direction:column;gap:.45rem;z-index:20}@media (min-width:640px){.hud-console{border-radius:1.25rem;padding:.65rem .95rem;gap:.55rem}}.hud-console-top-strip{justify-content:space-between}.hud-console-input-row,.hud-console-top-strip{display:flex;align-items:center;gap:.4rem;width:100%}@media (min-width:640px){.hud-console-input-row{gap:.6rem}}.hud-keycap{position:relative;width:32px;height:32px;border-radius:.55rem;background:linear-gradient(180deg,#2a3a32,#17221c);border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 0 #09100d,0 3px 5px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:1.05rem;cursor:pointer;user-select:none;flex-shrink:0;transition:transform .08s ease,box-shadow .08s ease,background .15s ease}@media (min-width:640px){.hud-keycap{width:38px;height:38px;border-radius:.65rem;font-size:1.2rem}}.hud-keycap:hover{background:linear-gradient(180deg,#33473d,#1e2c25);border-color:rgba(0,255,136,.4)}.hud-keycap:active{transform:translateY(2px);box-shadow:0 0 0 #09100d,0 1px 2px rgba(0,0,0,.5),inset 0 2px 4px rgba(0,0,0,.5)}.hud-mic-ring{position:relative;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle,#083344 0,#03151e 100%);border:2px solid #06b6d4;box-shadow:0 0 12px rgba(6,182,212,.5),inset 0 0 6px rgba(6,182,212,.3);display:flex;align-items:center;justify-content:center;color:#22d3ee;cursor:pointer;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease}@media (min-width:640px){.hud-mic-ring{width:42px;height:42px}}.hud-mic-ring.recording{border-color:#ef4444;color:#f87171;box-shadow:0 0 22px rgba(239,68,68,.8),inset 0 0 10px rgba(239,68,68,.5);animation:hudRecordingPulse 1s ease-in-out infinite alternate}@keyframes hudRecordingPulse{0%{transform:scale(.96);box-shadow:0 0 12px rgba(239,68,68,.5)}to{transform:scale(1.06);box-shadow:0 0 26px rgba(239,68,68,.9)}}.hud-btn-send{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:0 .85rem;height:38px;border-radius:.75rem;background:linear-gradient(135deg,#00ff88,#00b359);color:#03150d;font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;border:none;cursor:pointer;flex-shrink:0;box-shadow:0 0 14px rgba(0,255,136,.45),0 2px 0 #006633;transition:transform .08s ease,filter .15s ease,box-shadow .08s ease}@media (min-width:640px){.hud-btn-send{height:42px;padding:0 1.25rem;font-size:.78rem}}.hud-btn-send:hover{filter:brightness(1.1)}.hud-btn-send:active{transform:translateY(2px);box-shadow:0 0 0 #006633}.hud-reward-track{width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:9999px;overflow:hidden}.hud-reward-bar{height:100%;background:linear-gradient(90deg,#f59e0b,#10b981);box-shadow:0 0 8px rgba(16,185,129,.6);transition:width .15s ease-out}.hud-battle-reward-pill{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#064e3b,#047857);border:1px solid #34d399;color:#ffffff;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.65rem;font-weight:900;padding:.25rem .65rem;border-radius:9999px;box-shadow:0 0 16px rgba(52,211,153,.6);white-space:nowrap;z-index:30;animation:hudRewardPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes hudRewardPop{0%{transform:translateX(-50%) scale(.6);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}.hud-card--radio{border-color:rgba(0,255,136,.45);background:linear-gradient(135deg,rgba(6,78,59,.25),rgba(3,20,15,.75));box-shadow:0 4px 20px rgba(0,0,0,.6),inset 0 0 12px rgba(0,255,136,.15)}.hud-card--radio-active{border-color:#00ff88;background:linear-gradient(135deg,rgba(16,185,129,.28),rgba(6,40,28,.9));box-shadow:0 0 25px rgba(0,255,136,.5),inset 0 0 15px rgba(0,255,136,.35);animation:hudRadioGlow 1.8s ease-in-out infinite alternate}@keyframes hudRadioGlow{0%{box-shadow:0 0 15px rgba(0,255,136,.35)}to{box-shadow:0 0 28px rgba(0,255,136,.7)}}.hud-eq-bar{width:3px;border-radius:2px;background:#00ff88;transition:height .1s ease}.hud-eq-bar.animating{animation:hudEqPulse .6s ease-in-out infinite alternate}@keyframes hudEqPulse{0%{height:25%}50%{height:95%}to{height:40%}}.hud-tier-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.12rem .4rem;border-radius:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;line-height:1;border:1px solid transparent;vertical-align:middle;white-space:nowrap}.hud-tier-free{background:rgba(39,39,42,.7);color:#a1a1aa;border-color:rgba(82,82,91,.5)}.hud-tier-pro{background:linear-gradient(135deg,rgba(6,78,59,.8),rgba(4,120,87,.6));color:#34d399;border-color:rgba(52,211,153,.6);box-shadow:0 0 10px rgba(52,211,153,.25)}.hud-tier-tripster{background:linear-gradient(135deg,rgba(120,53,15,.75),rgba(180,83,9,.5));color:#fcd34d;border-color:rgba(245,158,11,.7);box-shadow:0 0 10px rgba(245,158,11,.3)}.hud-tier-emoji{font-size:.68rem;line-height:1}