:root{--page-pad-x: clamp(16px, 4vw, 32px);--page-pad-y: clamp(20px, 4.5vw, 32px);--page-pad-top: calc(var(--page-pad-y) + env(safe-area-inset-top));--page-pad-bottom: calc(var(--page-pad-y) + env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100vh;min-height:100svh;font-family:var(--font-body);background:var(--color-background);color:var(--color-text);-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}button,input,select,textarea{font-family:inherit}html.match--active,body.match--active{height:100%;overflow:hidden;overscroll-behavior:none}body.match--active{touch-action:none}body.match--active #app{height:100%}#app{min-height:100%;min-height:100svh}main{padding:0;margin:0;max-width:none;display:block}h1,h2,h3{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text);font-weight:700}p,pre{color:var(--color-text-muted)}pre{background:var(--color-panel);border-radius:var(--radius-12);padding:var(--space-16);box-shadow:var(--shadow-soft),var(--shadow-soft-inner)}section{background:transparent;padding:0;border:none}a{color:var(--color-accent);text-decoration:none;font-weight:700;transition:color .2s ease}a:hover{color:var(--color-accent-strong)}img,svg,canvas{max-width:100%}@keyframes panelGlow{0%,to{box-shadow:0 0 18px #00f3ff33,var(--shadow-soft),var(--shadow-soft-inner)}50%{box-shadow:0 0 28px #ff009940,var(--shadow-soft),var(--shadow-soft-inner)}}@media(prefers-reduced-motion:reduce){.ui-panel--modern,.ui-button--primary,.ui-chip,.welcome__tab.is-active,.lobby__cta-button,.lobby__vip-chip,.match__chip,.debuff-indicators__chip,.queue__panel,.queue__bot-tag,.shop__tokens,.shop__item,.missions__card[data-completed=true],.missions__stat{animation:none}}.welcome{--cyber-bg: #030407;--cyber-primary: #0bc5ea;--cyber-secondary: #d53f8c;--cyber-text: #ffffff;--cyber-text-muted: #a0aec0;--cyber-glass: rgba(20, 25, 40, .75);--cyber-border: rgba(255, 255, 255, .1);--cyber-glow: 0 0 20px rgba(11, 197, 234, .3);width:100vw;height:100vh;height:100svh;overflow:hidden;position:relative;display:grid;place-items:center;font-family:system-ui,-apple-system,sans-serif;color:var(--cyber-text);background:var(--cyber-bg);max-width:none;padding:0;margin:0}.welcome__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;perspective:1000px}.welcome__bg-grid{position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background-image:linear-gradient(rgba(11,197,234,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(11,197,234,.15) 1px,transparent 1px);background-size:60px 60px;transform:rotateX(60deg);animation:gridMove 20s linear infinite;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 80%);mask-image:radial-gradient(circle at center,black 0%,transparent 80%)}.welcome__bg-orb{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(213,63,140,.4) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(60px);animation:orbFloat 10s ease-in-out infinite alternate}@keyframes orbFloat{0%{transform:translate(-50%,-60%) scale(1);opacity:.5}to{transform:translate(-50%,-40%) scale(1.2);opacity:.8}}.welcome__card{position:relative;z-index:10;width:min(90%,420px);background:var(--cyber-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--cyber-border);border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:24px;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff1a}.welcome__header{text-align:center;display:flex;flex-direction:column;gap:24px}.welcome__brand{display:flex;flex-direction:column;align-items:center;gap:12px}.welcome__logo{width:64px;height:64px;filter:drop-shadow(0 0 12px rgba(11,197,234,.5))}.welcome__title{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(to right,#fff,var(--cyber-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome__toggle{display:flex;background:#0000004d;padding:4px;border-radius:12px;position:relative}.welcome__toggle-btn{flex:1;background:transparent;border:none;color:var(--cyber-text-muted);padding:10px;font-weight:600;font-size:.85rem;cursor:pointer;border-radius:8px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.welcome__toggle-btn:hover{color:#fff}.welcome__toggle-btn.is-active{background:#ffffff1a;color:#fff;box-shadow:0 2px 8px #0003}.welcome__form{display:flex;flex-direction:column;gap:16px}.welcome__field{position:relative;display:flex;flex-direction:column}.welcome__input{width:100%;background:#0003;border:1px solid var(--cyber-border);border-radius:12px;padding:14px 16px;font-size:1rem;color:#fff;outline:none;transition:all .2s ease}.welcome__input:focus{background:#0bc5ea0d;border-color:var(--cyber-primary);box-shadow:0 0 0 1px var(--cyber-primary),inset 0 0 12px #0bc5ea1a}.welcome__input::placeholder{color:transparent}.welcome__label-text{position:absolute;left:16px;top:14px;color:var(--cyber-text-muted);font-size:1rem;pointer-events:none;transition:all .2s ease;background:transparent;padding:0 4px}.welcome__input:focus~.welcome__label-text,.welcome__input:not(:placeholder-shown)~.welcome__label-text{transform:translateY(-24px) scale(.85);left:12px;color:var(--cyber-primary);font-weight:600;background:var(--cyber-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:0 4px;border-radius:4px}.welcome__field-error,.welcome__form-error{color:var(--color-danger);font-size:.8rem;margin-top:4px}.welcome__meta{display:flex;justify-content:flex-end}.welcome__link{color:var(--cyber-text-muted);font-size:.8rem;text-decoration:none;transition:color .2s}.welcome__link:hover{color:#fff;text-decoration:underline}.ui-button.welcome__submit-btn{margin-top:8px;background:linear-gradient(135deg,var(--cyber-primary) 0%,#3182ce 100%);border:none;padding:16px;font-size:1rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#fff;border-radius:12px;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease;box-shadow:0 4px 20px #0bc5ea66}.ui-button.welcome__submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0bc5ea99}.ui-button.welcome__submit-btn:active{transform:translateY(1px)}.ui-button.welcome__submit-btn:disabled{opacity:.6;pointer-events:none;filter:grayscale(1)}.ui-button__spinner{border-color:#ffffff4d;border-top-color:#fff}.welcome__footer{display:flex;align-items:center;justify-content:center;gap:8px}.welcome__status{font-size:.75rem;color:var(--cyber-text-muted);font-family:monospace;letter-spacing:.1em}.welcome__status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-danger);box-shadow:0 0 8px var(--color-danger);transition:all .3s ease}.welcome__status-dot.is-online{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.lobby{--cyber-bg: #030407;--cyber-glass: rgba(10, 15, 30, .6);--cyber-border: rgba(255, 255, 255, .1);--parallax-x: 0px;--parallax-y: 0px;width:100vw;min-height:100vh;min-height:100svh;overflow-x:hidden;background:var(--color-background);color:var(--color-text);font-family:var(--font-body);display:grid;grid-template-columns:280px 1fr;gap:0}.welcome__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;perspective:1000px;pointer-events:none}.welcome__bg-grid{position:absolute;top:-150%;right:-150%;bottom:-150%;left:-150%;background-image:linear-gradient(rgba(0,243,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.1) 1px,transparent 1px);background-size:80px 80px;transform:rotateX(60deg);animation:gridMove 30s linear infinite;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 70%);mask-image:radial-gradient(circle at center,black 0%,transparent 70%);translate:var(--parallax-x) var(--parallax-y);transition:translate .1s linear}.welcome__bg-orb{position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(255,0,153,.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(80px);animation:orbFloat 12s ease-in-out infinite alternate;translate:calc(var(--parallax-x) * -.5) calc(var(--parallax-y) * -.5);transition:translate .1s linear}.lobby__particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}@keyframes gridMove{0%{transform:rotateX(60deg) translateY(0)}to{transform:rotateX(60deg) translateY(80px)}}@keyframes orbFloat{0%{transform:translate(-50%,-60%) scale(1);opacity:.3}to{transform:translate(-50%,-40%) scale(1.2);opacity:.6}}.lobby__sidebar{position:sticky;top:0;height:100vh;background:#05080fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--cyber-border);display:flex;flex-direction:column;padding:32px 24px;gap:40px;z-index:20}.lobby__brand{display:flex;align-items:center;gap:16px;padding-left:8px}.lobby__brand-logo{width:40px;height:40px;filter:drop-shadow(0 0 10px rgba(0,243,255,.5))}.lobby__brand span{font-family:var(--font-display);font-weight:800;letter-spacing:.1em;font-size:1.5rem;color:#fff;text-shadow:0 0 10px rgba(0,243,255,.3)}.lobby__logout{margin-top:auto;border-color:#ffffff1a;color:var(--color-text-muted)}.lobby__logout:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ff4d4d1a}.lobby__content{position:relative;z-index:10;padding:48px;display:flex;flex-direction:column;gap:48px;max-width:1600px;margin:0 auto;width:100%}.lobby__dashboard-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.lobby__profile-card,.lobby__status-card{background:#0f142399;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.lobby__profile-card:hover,.lobby__status-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000004d;border-color:#fff3}.lobby__nameplate{display:flex;align-items:center;gap:16px;margin-bottom:16px}.lobby__nameplate-art{height:32px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.lobby__nameplate-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:.05em}.lobby__nameplate-vip{background:var(--color-warning);color:#000;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:4px;box-shadow:0 0 10px #ffb70080}.lobby__status-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.lobby__status-row:last-child{border-bottom:none}.lobby__status-label{color:var(--color-text-muted);font-size:.9rem}.lobby__status-value{color:var(--color-accent);font-family:var(--font-display);font-weight:700;font-size:1.1rem}.lobby__cta{display:flex;flex-direction:column;gap:32px}.lobby__cta-header h2{font-size:3rem;font-weight:800;font-style:italic;letter-spacing:.05em;margin:0;color:#fff;text-shadow:0 0 30px rgba(0,243,255,.2)}.lobby__cta-header p{font-size:1.2rem;color:var(--color-text-muted);max-width:600px}.lobby__cta-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.lobby__cta-button{position:relative;aspect-ratio:16/10;min-height:140px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.23,1,.32,1);padding:24px}.lobby__cta-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(0,243,255,.2),transparent 70%);opacity:0;transition:opacity .3s ease}.lobby__cta-button .ui-button__label{font-family:var(--font-display);font-size:2rem;font-weight:800;font-style:italic;color:#fffc;z-index:2;transition:all .3s ease;text-shadow:0 4px 10px rgba(0,0,0,.5)}.lobby__cta-button:hover{transform:translateY(-5px);border-color:var(--color-accent);box-shadow:0 20px 40px #0006,0 0 20px #00f3ff33}.lobby__cta-button:hover:before{opacity:1}.lobby__cta-button:hover .ui-button__label{color:#fff;text-shadow:0 0 15px var(--color-accent);transform:scale(1.05)}.lobby__cta-button--ranked{border-color:#ff00994d;background:#ff00990d}.lobby__cta-button--ranked .ui-button__label{color:#ff0099e6}.lobby__cta-button--ranked:hover{border-color:var(--color-accent-strong);box-shadow:0 20px 40px #0006,0 0 30px #ff00994d}.lobby__cta-button--ranked:hover:before{background:radial-gradient(circle at center,rgba(255,0,153,.3),transparent 70%)}.lobby__cta-button--ranked:hover .ui-button__label{color:#fff;text-shadow:0 0 20px var(--color-accent-strong)}.lobby__cta-button--solo{border-color:#ffb7004d}.lobby__cta-button--solo:hover{border-color:var(--color-warning);box-shadow:0 20px 40px #0006,0 0 20px #ffb70033}.lobby__cta-button--solo:hover:before{background:radial-gradient(circle at center,rgba(255,183,0,.2),transparent 70%)}.lobby__sections{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.lobby__section-card{background:#0f142366;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lobby__section-card:hover{background:#0f1423b3;border-color:#fff3;transform:translateY(-4px);box-shadow:0 10px 30px #0003}.lobby__section-card .ui-card__title{color:#fff;font-size:1.25rem}.lobby__section-card .ui-card__subtitle{color:var(--color-accent);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.lobby__section-body{margin-top:16px;display:flex;flex-direction:column;gap:16px}.lobby__section-cta{align-self:flex-start;padding:8px 16px;font-size:.8rem}.lobby__section-card--style{background:linear-gradient(145deg,#00f3ff0d,#ff00990d);border:1px solid rgba(255,255,255,.15)}.lobby__style-actions{display:flex;align-items:center;gap:12px}.ui-nav__button{padding:16px;font-family:var(--font-display);font-weight:600;letter-spacing:.1em}.ui-nav__button:hover{background:#ffffff0d;color:#fff;padding-left:20px}.ui-nav__button.is-active{background:linear-gradient(90deg,rgba(0,243,255,.15),transparent);border-left:3px solid var(--color-accent);color:var(--color-accent);padding-left:20px}.ui-nav__icon{width:24px;height:24px}.lobby .lobby__bottom-nav{display:none}@media(max-width:1024px){.lobby{grid-template-columns:1fr;padding-bottom:80px}.lobby__sidebar{display:none}.lobby__content{padding:24px}.lobby__bottom-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;background:#05080ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);z-index:100;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));justify-content:space-around}}.queue{--cyber-bg: #030407;--cyber-primary: #0bc5ea;--cyber-secondary: #d53f8c;--cyber-text: #ffffff;--cyber-text-muted: #a0aec0;--cyber-glass: rgba(20, 25, 40, .65);--cyber-glass-hover: rgba(30, 35, 55, .75);--cyber-border: rgba(255, 255, 255, .1);--cyber-glow: 0 0 20px rgba(11, 197, 234, .2);--color-text: var(--cyber-text);--color-text-muted: var(--cyber-text-muted);--color-accent: var(--cyber-primary);width:100vw;min-height:100vh;min-height:100svh;max-width:none;margin:0;padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-24);position:relative;background:var(--cyber-bg);color:var(--cyber-text);overflow-x:hidden}.queue__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;perspective:1000px;pointer-events:none}.queue__bg-grid{position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background-image:linear-gradient(rgba(11,197,234,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(11,197,234,.15) 1px,transparent 1px);background-size:60px 60px;transform:rotateX(60deg);animation:gridMove 20s linear infinite;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 80%);mask-image:radial-gradient(circle at center,black 0%,transparent 80%)}.queue__bg-orb{position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(213,63,140,.25) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(80px);animation:orbFloat 15s ease-in-out infinite alternate}@keyframes orbFloat{0%{transform:translate(-50%,-60%) scale(1);opacity:.4}to{transform:translate(-50%,-40%) scale(1.1);opacity:.6}}.queue>*:not(.queue__bg){position:relative;z-index:10;width:100%;max-width:1400px}.queue__banner{width:100%}.queue__header{display:grid;gap:var(--space-8);text-align:center}.queue__header h1{margin:0;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(to right,#fff,var(--cyber-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.queue__type{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--cyber-secondary);font-weight:700}.queue__panel,.queue__stat,.queue__joining-item,.queue__guide{background:var(--cyber-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--cyber-border);box-shadow:0 4px 20px #0006;color:var(--cyber-text)}.queue__panel{display:grid;gap:var(--space-16);align-items:center;border-radius:var(--radius-16);padding:24px}.queue__countdown{display:grid;gap:var(--space-8);align-items:center;justify-items:center;text-transform:uppercase;letter-spacing:.18em}.queue__countdown-label{font-size:.7rem;color:var(--cyber-text-muted)}.queue__countdown-value{font-size:clamp(2.5rem,6vw,3.5rem);color:var(--cyber-primary);text-shadow:0 0 20px rgba(11,197,234,.5)}.queue__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-12)}.queue__stat{border-radius:var(--radius-12);padding:var(--space-16);display:grid;gap:var(--space-8);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--cyber-text-muted);background:#ffffff08}.queue__stat-value{font-size:1.4rem;color:#fff}.queue__joining{display:grid;gap:var(--space-12)}.queue__joining h2{margin:0;font-size:1rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyber-text)}.queue__joining-list{list-style:none;display:grid;gap:var(--space-8);margin:0;padding:0}.queue__joining-item{display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-12);padding:var(--space-10) var(--space-16);font-size:.9rem;background:#ffffff0d}.queue__bot-tag{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;border:1px solid var(--cyber-secondary);background:#d53f8c33;padding:2px 8px;border-radius:999px;box-shadow:0 0 8px #d53f8c4d}.queue__guide{display:grid;gap:var(--space-12);border-radius:var(--radius-16);padding:var(--space-16)}.queue__guide-title{margin:0;font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyber-primary)}.queue__guide-intro{margin:0;color:var(--cyber-text-muted);font-size:.8rem}.queue__guide-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.queue__guide-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.queue__guide-item:hover{background:#ffffff14;border-color:var(--cyber-primary)}.queue__guide-icon{width:32px;height:32px;object-fit:contain;padding:6px;border-radius:10px;background:#0bc5ea26;border:1px solid rgba(11,197,234,.3);box-shadow:0 0 10px #0bc5ea33;flex:0 0 auto}.queue__guide-content{display:grid;gap:2px}.queue__guide-item strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#fff}.queue__guide-item span{font-size:.7rem;color:var(--cyber-text-muted);line-height:1.2;display:block}.queue__actions{display:flex;justify-content:center}.queue__actions .ui-button--secondary{background:#f5656526;border:1px solid rgba(245,101,101,.4);color:#fc8181;box-shadow:none;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:12px 24px}.queue__actions .ui-button--secondary:hover{background:#f5656540;color:#fff;box-shadow:0 0 12px #f565654d}@media(max-width:700px){.queue{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom)}.queue__panel{justify-items:stretch}.queue__actions .ui-button{width:100%}.queue__guide-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media(max-height:700px){.queue{align-content:start}}.match{--cyber-bg: #030407;--cyber-primary: #00f3ff;--cyber-secondary: #ff0099;--cyber-glass: rgba(10, 15, 30, .85);--cyber-border: rgba(255, 255, 255, .15);width:100vw;height:100vh;height:100svh;overflow:hidden;position:relative;font-family:var(--font-body);color:var(--color-text);background:var(--cyber-bg);padding:0;margin:0;display:grid;place-items:center}.match__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;perspective:1000px;pointer-events:none;background:radial-gradient(circle at 50% 50%,#0a0f1e,#000)}.match__bg-grid{position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background-image:linear-gradient(rgba(0,243,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.1) 1px,transparent 1px);background-size:60px 60px;transform:rotateX(60deg);animation:gridMove 20s linear infinite;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 80%);mask-image:radial-gradient(circle at center,black 0%,transparent 80%);filter:drop-shadow(0 0 10px rgba(0,243,255,.2))}@keyframes gridMove{0%{transform:rotateX(60deg) translateY(0)}to{transform:rotateX(60deg) translateY(60px)}}.match__layout{position:relative;z-index:10;width:100%;height:100%;padding:16px;display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto 1fr auto;gap:16px;box-sizing:border-box}.match__hud{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;background:#0a0f1ecc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 20px #00000080}.match__stats{display:flex;gap:32px;align-items:center}.match__stat{display:flex;flex-direction:column}.match__stat span{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.match__stat strong{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text);line-height:1}.match__connection{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}.match__connection span{font-size:.7rem;color:var(--cyber-text-muted)}.match__connection strong{color:var(--color-success)}.match__draft-controls{display:flex;align-items:center;gap:16px}.match__draft-countdown{font-weight:700;color:var(--cyber-secondary);text-shadow:0 0 10px rgba(213,63,140,.4);text-transform:uppercase;font-size:.9rem}.match__panel{background:#0a0f1e99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;height:100%;max-height:600px;box-shadow:0 10px 40px #0006}.match__panel h2{font-family:var(--font-display);font-size:.9rem;margin:0;color:var(--cyber-primary);letter-spacing:.1em;text-transform:uppercase}.match__panel-hint{font-size:.75rem;color:var(--cyber-text-muted);margin:0}.mini-players{display:grid;gap:8px;flex:1;min-height:0;overflow:hidden}.mini-players__scroll{overflow-y:auto;padding-right:4px}.mini-players__list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.mini-players__list--virtual{position:relative;display:block}.mini-players__list--virtual .mini-players__row{position:absolute;left:0;width:100%}.mini-players__button{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-left:2px solid var(--cyber-primary);border-radius:8px;color:var(--cyber-text);cursor:pointer;transition:all .2s ease;text-align:left}.mini-players__button:hover{background:#ffffff14;box-shadow:0 2px 8px #0003}.mini-players__name{font-family:var(--font-display);font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.mini-players__identity{display:flex;align-items:center;gap:8px;overflow:hidden}.mini-players__status{font-size:.7rem;text-transform:uppercase;color:var(--cyber-text-muted)}.mini-players__lives{font-family:var(--font-display);color:var(--cyber-secondary);font-weight:700;font-size:.9rem}.mini-players__nameplate-img{max-height:24px;width:auto;border-radius:2px}.match__arena{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0}.match__arena-header{display:flex;align-items:center;justify-content:space-between}.match__arena-header h2{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:.1em;text-shadow:0 0 15px rgba(0,243,255,.4);margin:0}.match__arena-meta{display:flex;align-items:center;gap:12px}.match__canvas-wrap{flex:1;position:relative;border-radius:12px;border:1px solid rgba(0,243,255,.3);background:#0009;box-shadow:0 0 30px #00f3ff26,inset 0 0 50px #000c;overflow:hidden;transition:box-shadow .3s ease}.match__canvas{width:100%;height:100%;display:block}.match__abandon{background:#f5656526;border:1px solid rgba(245,101,101,.4);color:#fc8181;padding:6px 14px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease}.match__abandon:hover{background:#f5656540;box-shadow:0 0 12px #f565654d;color:#fff}.match__guide-button,.match__chip{background:#00f3ff1a;border:1px solid rgba(0,243,255,.3);color:var(--cyber-primary);padding:6px 14px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease}.match__guide-button:hover{background:#00f3ff33;box-shadow:0 0 12px #00f3ff4d;color:#fff}.match__intro-overlay,.match__pause-overlay,.match__eliminated-overlay,.match__round-countdown,.match__draft-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.match__intro-panel,.match__draft-panel,.match__round-countdown-panel{background:#0f1423f2;border:1px solid var(--cyber-primary);box-shadow:0 0 50px #00f3ff33;border-radius:16px;padding:40px;color:#fff;max-width:800px;width:90%}.match__intro-header h2,.match__draft-header h2{color:var(--cyber-text);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.match__intro-countdown-value,.match__round-countdown-value{color:var(--cyber-primary);text-shadow:0 0 12px rgba(0,243,255,.6);font-weight:800}.match__eliminated-card{background:#140a14f2;border:1px solid var(--cyber-secondary);box-shadow:0 0 60px #ff00994d;padding:40px;border-radius:16px;text-align:center;width:min(90%,400px);display:flex;flex-direction:column;gap:16px}.match__eliminated-rank{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--cyber-secondary);text-shadow:0 0 20px var(--cyber-secondary);margin:0}.match__eliminated-hint{font-size:.8rem;color:var(--cyber-text-muted);margin:0}.match__eliminated-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.match__footer{grid-column:1 / -1;text-align:center;font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2em;opacity:.6;margin-top:auto}.match__draft-subtitle{color:var(--cyber-text-muted);font-size:.9rem;margin:8px 0 24px}.match__draft-timer{position:absolute;top:32px;right:32px;display:flex;flex-direction:column;align-items:flex-end}.match__draft-timer span{font-size:.75rem;text-transform:uppercase;color:var(--cyber-text-muted)}.match__draft-timer strong{font-size:1.5rem;font-weight:800;color:var(--cyber-primary);font-variant-numeric:tabular-nums}.match__draft-timer[data-urgent=true] strong{color:var(--color-danger);animation:pulse 1s infinite}.match__draft-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.match__draft-card{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;cursor:pointer;transition:all .2s ease}.match__draft-card:hover{background:#00f3ff1a!important;border-color:var(--cyber-primary)!important;transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.match__draft-card--selected{border-color:var(--cyber-secondary)!important;box-shadow:0 0 25px #ff009980!important}.match__draft-card-icon{width:64px;height:64px;object-fit:contain}.match__draft-card-label{font-family:var(--font-display);font-weight:700;color:var(--cyber-primary);text-transform:uppercase}.match__draft-card-description{font-size:.8rem;color:var(--cyber-text-muted);margin:0;line-height:1.4}.match__draft-card--recommended{border-color:var(--cyber-secondary)!important;box-shadow:0 0 15px #ff00994d!important;background:linear-gradient(to bottom right,#ff00991a,#0000)!important}.match__draft-card-badge{background:var(--cyber-secondary);color:#fff;font-size:.6rem;font-weight:800;text-transform:uppercase;padding:2px 8px;border-radius:4px;margin-bottom:8px;order:-1;letter-spacing:.1em}.match__draft-cta-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.match__draft-cta{background:var(--cyber-primary);color:#000;border:none;border-radius:99px;padding:12px 32px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease}.match__draft-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #00f3ff66}.match__draft-cta:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.match__draft-cta-hint{font-size:.8rem;color:var(--cyber-text-muted);margin:0}.match__draft-status{margin-top:16px;text-align:center;font-weight:700;padding:8px 16px;border-radius:8px;background:#ffffff0d;display:block}.match__draft-status[data-state=success]{color:var(--color-success);background:#00ff9d1a}.match__draft-status[data-state=error]{color:var(--color-danger);background:#ff4d4d1a}.match__pick-vfx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.match__pick-vfx-item{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;white-space:nowrap;animation:pickFloatUp 2s cubic-bezier(.2,.8,.2,1) forwards}.match__pick-vfx-text{font-size:1.2rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#fff;text-shadow:0 0 12px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,.8);padding:4px 12px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:99px;border:1px solid rgba(255,255,255,.2)}.match__pick-vfx-item[data-role=self] .match__pick-vfx-text{color:var(--cyber-primary);border-color:var(--cyber-primary);text-shadow:0 0 12px rgba(0,243,255,.5)}.match__pick-vfx-item[data-role=enemy] .match__pick-vfx-text{color:var(--cyber-secondary);border-color:var(--cyber-secondary);text-shadow:0 0 12px rgba(255,0,153,.5)}@keyframes pickFloatUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}10%{opacity:1;transform:translate(-50%,-100%) scale(1.1)}20%{transform:translate(-50%,-100%) scale(1)}80%{opacity:1;transform:translate(-50%,-220%)}to{opacity:0;transform:translate(-50%,-240%)}}.debuff-indicators__list{display:flex;gap:8px}.debuff-indicators__chip{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:99px;background:#ffffff1a;border:1px solid var(--cyber-border);font-size:.7rem;text-transform:uppercase;color:var(--cyber-text)}.debuff-indicators__timer{color:var(--cyber-secondary);font-weight:700}.match__status{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:flex;align-items:center;justify-content:center;background:#03040799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;border-radius:20px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--cyber-text-muted);border:1px dashed var(--cyber-border)}.match__alerts{position:absolute;top:100px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:80;width:min(400px,90%)}.match__alert{justify-content:center;box-shadow:0 4px 12px #0000004d}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media(max-width:1024px){.match__layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.match__panel{display:none}}@media(max-width:640px){.match__draft-cards{grid-template-columns:1fr}}[hidden],[data-visible=false],.match__pause-overlay[data-active=false]{display:none!important}.match__eliminated-overlay[data-visible=true]{opacity:1;pointer-events:auto}.match__eliminated-overlay[data-visible=false]{display:none!important}.eliminated{min-height:100vh;min-height:100svh;padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom);max-width:none;margin:0;display:grid;gap:var(--space-16)}.eliminated__header{display:grid;gap:var(--space-8);padding:var(--space-16) var(--space-20);border-radius:var(--radius-16)}.eliminated__header h1{margin:0;font-size:1.6rem}.eliminated__header p{margin:0;color:var(--color-text-muted)}.eliminated__layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:var(--space-16);align-items:start}.eliminated__panel{border-radius:var(--radius-16);padding:var(--space-16);display:grid;gap:var(--space-12)}.eliminated__panel h2{margin:0;font-size:14px}.eliminated__center,.eliminated__card{display:grid;gap:var(--space-16)}.eliminated__title{margin:0;font-size:1.1rem;text-transform:uppercase;letter-spacing:.08em}.eliminated__rank{margin:0;font-size:1rem;color:var(--color-text);text-transform:uppercase;letter-spacing:.08em}.eliminated__stats{display:grid;gap:var(--space-8)}.eliminated__hint{margin:0;color:var(--color-text-muted);font-size:.85rem}.eliminated__stat{display:flex;justify-content:space-between;gap:var(--space-12);font-size:.95rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.eliminated__stat strong{color:var(--color-text);font-weight:600}.eliminated__feedback{display:grid;gap:var(--space-10);padding:var(--space-12) var(--space-16);border-radius:var(--radius-12);border:1px solid rgb(var(--color-text-rgb) / .12)}.eliminated__feedback-prompt{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--color-text-muted)}.eliminated__feedback-actions{display:flex;gap:var(--space-10)}.eliminated__feedback-button{font-size:1.1rem;padding:var(--space-8) var(--space-12)}.eliminated__feedback-status{font-size:.75rem;color:var(--color-text-muted)}.eliminated__empty{margin:0;color:var(--color-text-muted)}.eliminated__ranking{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-8)}.eliminated__ranking-row{display:grid;grid-template-columns:minmax(52px,auto) minmax(0,1fr) auto;align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-12);border-radius:var(--radius-12);color:var(--color-text-muted)}.eliminated__ranking-row.is-self{background:rgb(var(--color-accent-rgb) / .2);color:var(--color-text)}.eliminated__ranking-rank{font-weight:600;color:var(--color-text)}.eliminated__ranking-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eliminated__ranking-lives{font-weight:600;color:var(--color-text)}.eliminated__actions{display:flex;flex-wrap:wrap;gap:var(--space-12)}@media(max-width:900px){.eliminated__layout{grid-template-columns:1fr}}@media(max-width:720px){.eliminated__actions{flex-direction:column}}.match-end{min-height:100vh;min-height:100svh;padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom);max-width:none;margin:0;display:grid;gap:var(--space-16)}.match-end__header{display:grid;gap:var(--space-8);padding:var(--space-16) var(--space-20);border-radius:var(--radius-16)}.match-end__header h1{margin:0;font-size:1.6rem}.match-end__header p{margin:0;color:var(--color-text-muted)}.match-end__hero{display:grid;gap:var(--space-10);padding:var(--space-16);border-radius:var(--radius-16);border:1px solid rgb(var(--color-text-rgb) / .12);background:radial-gradient(circle at top,rgb(var(--color-accent-rgb) / .15),transparent 65%),rgb(var(--color-panel-rgb) / .65);text-transform:uppercase;letter-spacing:.08em}.match-end__hero-label{font-size:.7rem;color:var(--color-text-muted)}.match-end__hero-status{font-size:2rem;letter-spacing:.14em}.match-end__hero-status.is-win{color:var(--color-success);text-shadow:0 0 12px rgb(var(--color-success-rgb) / .35)}.match-end__hero-status.is-lose{color:var(--color-danger-soft);text-shadow:0 0 12px rgb(var(--color-danger-rgb) / .35)}.match-end__outcome{display:grid;gap:var(--space-4);padding:var(--space-12) var(--space-16);border-radius:var(--radius-12);border:1px solid rgb(var(--color-text-rgb) / .12);background:rgb(var(--color-panel-rgb) / .55);text-transform:uppercase;letter-spacing:.08em}.match-end__outcome-title{font-size:.75rem;color:var(--color-text-muted)}.match-end__outcome-value{font-size:1.4rem;letter-spacing:.12em}.match-end__outcome-value.is-win{color:var(--color-success)}.match-end__outcome-value.is-lose{color:var(--color-danger-soft)}.match-end__outcome-hint{font-size:.7rem;color:var(--color-text-muted)}.match-end__layout,.match-end__card{display:grid;gap:var(--space-16)}.match-end__title{margin:0;font-size:1.1rem;text-transform:uppercase;letter-spacing:.08em}.match-end__stats{margin:0;display:grid;grid-template-columns:1fr auto;gap:var(--space-8) var(--space-16);text-transform:uppercase;letter-spacing:.08em}.match-end__stats dt{margin:0;color:var(--color-text-muted)}.match-end__stats dd{margin:0;font-weight:600;text-align:right}.match-end__rating{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-8)}.match-end__rating-delta{font-weight:700}.match-end__rating-delta.is-positive{color:var(--color-success)}.match-end__rating-delta.is-negative{color:var(--color-danger-soft)}.match-end__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-8)}.match-end__row{display:grid;grid-template-columns:80px 1fr;gap:var(--space-12);align-items:center;padding:var(--space-10) var(--space-12);border-radius:var(--radius-12);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.match-end__row--winner{color:var(--color-text);background:rgb(var(--color-accent-rgb) / .2);box-shadow:0 0 0 1px rgb(var(--color-accent-rgb) / .35) inset}.match-end__row--self{border:1px solid rgb(var(--color-text-rgb) / .25)}.match-end__rank{font-weight:700}.match-end__name{font-weight:600}.match-end__empty{margin:0;color:var(--color-text-muted)}.match-end__feedback{display:grid;gap:var(--space-10);padding:var(--space-12) var(--space-16);border-radius:var(--radius-12);border:1px solid rgb(var(--color-text-rgb) / .12)}.match-end__feedback-prompt{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--color-text-muted)}.match-end__feedback-actions{display:flex;gap:var(--space-10)}.match-end__feedback-button{font-size:1.1rem;padding:var(--space-8) var(--space-12)}.match-end__feedback-status{font-size:.75rem;color:var(--color-text-muted)}.match-end__actions{display:flex;flex-wrap:wrap;gap:var(--space-12)}@media(max-width:720px){.match-end__actions{flex-direction:column}.match-end__row{grid-template-columns:64px 1fr}}.match--tutorial .tutorial__ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column;align-items:center;padding:var(--space-32)}.tutorial__header{width:100%;display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.tutorial__card{margin-top:var(--space-64);padding:var(--space-24);max-width:480px;text-align:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);background:#141928bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 4px 30px #0003}.tutorial__card.pop{transform:scale(1.05)}.tutorial__message{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.tutorial__controls{margin-top:auto;font-family:var(--font-mono);color:var(--color-text-muted);background:#0006;padding:var(--space-8) var(--space-16);border-radius:var(--radius-full)}.match--tutorial .match__arena{width:100%;max-width:1200px;margin:0 auto}.inventory{padding:40px;display:flex;flex-direction:column;gap:32px;width:100%;max-width:1200px;margin:0 auto;color:var(--cyber-text)}.inventory__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--cyber-border)}.inventory__heading{display:flex;flex-direction:column;gap:8px}.inventory__heading h1{margin:0;font-size:clamp(32px,5vw,48px);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.05em;color:var(--cyber-text);text-shadow:0 0 30px rgba(11,197,234,.3)}.inventory__heading p{margin:0;color:var(--cyber-text-muted);font-size:1.1rem}.inventory__notice{color:var(--cyber-secondary)!important;font-weight:700;font-size:.9rem;margin-top:4px;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(213,63,140,.4)}.inventory__content{display:grid;gap:48px}.inventory__section{display:flex;flex-direction:column;gap:24px}.inventory__section-heading h2{margin:0;font-size:1.5rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cyber-primary);display:flex;align-items:center;gap:12px}.inventory__section-heading h2:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--cyber-primary),transparent);opacity:.5}.inventory__items{display:flex;flex-direction:column;gap:24px}.inventory__rarity{display:flex;flex-direction:column;gap:16px}.inventory__rarity-label{margin:0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cyber-text-muted);opacity:.7;padding-left:4px}.inventory__rarity-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.inventory__item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:var(--cyber-radius);background:var(--cyber-glass-light);border:1px solid var(--cyber-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.23,1,.32,1);overflow:hidden}.inventory__item:hover{transform:translateY(-4px);border-color:#fff6;box-shadow:0 12px 40px #0006;background:#283246b3}.inventory__item[data-equipped=true]{border-color:var(--cyber-primary);background:linear-gradient(135deg,#0bc5ea1a,#0bc5ea05);box-shadow:0 0 30px #0bc5ea26,inset 0 0 20px #0bc5ea0d}.inventory__item[data-equipped=true]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cyber-primary);box-shadow:0 0 10px var(--cyber-primary)}.inventory__item-info{display:flex;flex-direction:column;gap:10px;flex:1}.inventory__item-swatch{width:60px;height:8px;border-radius:4px;box-shadow:0 0 0 1px #ffffff26;margin-bottom:4px}.inventory__item-name{font-weight:800;font-size:1.25rem;color:var(--cyber-text);letter-spacing:.02em}.inventory__item-meta{font-size:.8rem;color:var(--cyber-text-muted);font-family:monospace;background:#0003;padding:4px 8px;border-radius:4px;align-self:flex-start;border:1px solid rgba(255,255,255,.05)}.inventory__item-action{display:flex;align-items:center}.inventory__empty{margin:0;padding:40px;text-align:center;color:var(--cyber-text-muted);font-style:italic;background:#ffffff05;border:1px dashed var(--cyber-border);border-radius:var(--cyber-radius)}@media(max-width:900px){.inventory{padding:24px;width:100%;box-sizing:border-box}.inventory__header{flex-direction:column;align-items:flex-start;gap:16px}.inventory__rarity-items{grid-template-columns:1fr}.inventory__item{padding:16px;gap:16px}.inventory__item-name{font-size:1.1rem}}.shop{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom);display:flex;flex-direction:column;gap:24px;max-width:none;margin:0}.shop__header{display:flex;justify-content:space-between;align-items:center;gap:16px}.shop__heading h1{margin:0;font-size:2rem}.shop__heading p{margin:8px 0 0;color:var(--color-text-muted)}.shop__rotation{font-size:.9rem;color:rgb(var(--color-text-rgb) / .6)}.shop__actions{display:flex;gap:12px;flex-wrap:wrap}.shop__inventory.ui-button--secondary,.shop__back.ui-button--secondary{box-shadow:0 10px 22px rgb(var(--color-shadow-rgb) / .25),0 0 12px rgb(var(--color-accent-rgb) / .16)}.shop__inventory.ui-button--secondary:disabled,.shop__back.ui-button--secondary:disabled{box-shadow:none;color:var(--color-text-muted)}.shop__tokens{border-radius:16px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;color:rgb(var(--color-text-rgb) / .85);animation:panelGlow 12s ease-in-out infinite}.shop__status{min-height:24px;margin:0;color:var(--color-warning)}.shop__countdown{margin:0;color:rgb(var(--color-text-rgb) / .8);font-weight:600}.shop__vip-reminder{border-radius:16px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:rgb(var(--color-text-rgb) / .85);background:rgb(var(--color-panel-rgb) / .45)}.shop__vip-reminder p{margin:0;color:var(--color-text-muted)}.shop__status[data-state=idle]{opacity:0}.shop__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.shop__item{border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;animation:panelGlow 14s ease-in-out infinite}.shop__item-info{display:flex;gap:12px}.shop__item-swatch{width:48px;height:48px;border-radius:12px;border:1px solid rgb(var(--color-text-rgb) / .1)}.shop__item-details h3{margin:0;font-size:1.1rem}.shop__item-details p{margin:6px 0 0;color:var(--color-text-muted)}.shop__item-meta{display:inline-block;margin-top:8px;font-size:.85rem;color:var(--color-text);border-radius:999px;padding:4px 10px;border:1px solid transparent;background:linear-gradient(120deg,rgb(var(--color-panel-rgb) / .8),rgb(var(--color-accent-rgb) / .16),rgb(var(--color-panel-rgb) / .8)) padding-box,linear-gradient(130deg,rgb(var(--color-accent-rgb) / .55),rgb(var(--color-accent-strong-rgb) / .3)) border-box;box-shadow:0 0 12px rgb(var(--color-accent-rgb) / .18)}.shop__item-action{display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;gap:6px}.shop__buy:disabled{color:var(--color-text-muted);background:rgb(var(--color-panel-rgb) / .7);border-color:rgb(var(--color-text-rgb) / .12);box-shadow:none}.shop__item-warning{margin:0;font-size:.85rem;color:var(--color-warning)}.shop__item-reminder{margin:0;font-size:.8rem;color:var(--color-text-muted)}.shop__empty{color:var(--color-text-muted);margin:0}@media(max-width:720px){.shop{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom)}.shop__header,.shop__vip-reminder{flex-direction:column;align-items:flex-start}}.vip{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom);display:flex;flex-direction:column;gap:48px;max-width:1200px;margin:0 auto;align-items:center;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 15px rgb(var(--color-accent-rgb) / .4))}50%{filter:drop-shadow(0 0 25px rgb(var(--color-accent-rgb) / .7))}}.vip__hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;animation:fadeInUp .8s ease-out}.vip__hero-icon{width:120px;height:120px;margin-bottom:8px;animation:float 4s ease-in-out infinite,glowPulse 3s infinite}.vip__hero-title{margin:0;font-size:3.5rem;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(135deg,#fff,rgb(var(--color-accent-rgb)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;text-shadow:0 0 30px rgb(var(--color-accent-rgb) / .3)}.vip__hero-subtitle{margin:0;font-size:1.25rem;color:var(--color-text-muted);max-width:600px}.vip__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;width:100%;animation:fadeInUp .8s ease-out .2s backwards}.vip__card{background:rgb(var(--color-panel-rgb) / .6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:24px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.vip__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgb(var(--color-accent-rgb)),transparent);opacity:0;transition:opacity .3s ease}.vip__card:hover{transform:translateY(-8px);background:rgb(var(--color-panel-rgb) / .8);box-shadow:0 20px 40px #0003,0 0 20px rgb(var(--color-accent-rgb) / .15);border-color:rgb(var(--color-accent-rgb) / .3)}.vip__card:hover:before{opacity:1}.vip__card-icon{width:64px;height:64px;padding:12px;background:rgb(var(--color-accent-rgb) / .1);border-radius:16px;margin-bottom:8px;transition:transform .3s ease}.vip__card:hover .vip__card-icon{transform:scale(1.1) rotate(5deg);background:rgb(var(--color-accent-rgb) / .2)}.vip__card-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text)}.vip__card-desc{margin:0;color:var(--color-text-muted);font-size:1rem;line-height:1.5}.vip__cta-section{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:600px;animation:fadeInUp .8s ease-out .4s backwards}.vip__cta-button{width:100%;max-width:400px;font-size:1.25rem;padding:16px 32px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;box-shadow:0 0 20px rgb(var(--color-accent-rgb) / .4);transition:all .2s ease}.vip__cta-button:not(:disabled):hover{transform:scale(1.05);box-shadow:0 0 40px rgb(var(--color-accent-rgb) / .6)}.vip__cta-button:disabled{background:rgb(var(--color-success-rgb) / .2);color:rgb(var(--color-success-rgb));border:1px solid rgb(var(--color-success-rgb) / .4);box-shadow:none;cursor:default}.vip__disclaimer{text-align:center;color:var(--color-text-muted);font-size:.9rem;opacity:.7;max-width:400px}.vip__disclaimer strong{color:var(--color-text);font-size:1rem}.vip__status,.vip__error{width:100%;padding:16px;border-radius:12px;text-align:center;font-weight:600;animation:fadeInUp .3s ease-out}.vip__status[data-tone=success]{background:rgb(var(--color-success-rgb) / .15);border:1px solid rgb(var(--color-success-rgb) / .3);color:rgb(var(--color-success-rgb))}.vip__status[data-tone=warning]{background:rgb(var(--color-warning-rgb) / .15);border:1px solid rgb(var(--color-warning-rgb) / .3);color:rgb(var(--color-warning-rgb))}.vip__error{background:rgb(var(--color-danger-rgb) / .15);border:1px solid rgb(var(--color-danger-rgb) / .3);color:rgb(var(--color-danger-rgb))}@media(max-width:768px){.vip__hero-title{font-size:2.5rem}.vip__features{grid-template-columns:1fr}.vip__cta-button{width:100%}}.rewards{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom);display:flex;flex-direction:column;gap:24px;max-width:none;margin:0}.rewards__header{display:flex;justify-content:space-between;align-items:center;gap:16px}.rewards__heading h1{margin:0;font-size:2rem}.rewards__heading p{margin:8px 0 0;color:var(--color-text-muted)}.rewards__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.rewards__card{min-height:180px}.rewards__summary{display:grid;grid-template-columns:1fr;gap:6px}.rewards__metric-label{color:var(--color-text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.rewards__metric-value{font-size:1.25rem;color:var(--color-text)}.rewards__rules{margin:0;padding-left:18px;color:rgb(var(--color-text-rgb) / .85)}.rewards__rules li{margin-bottom:8px}.rewards__daily{display:flex;flex-direction:column;gap:12px}.rewards__daily-item{display:flex;align-items:center;gap:12px}.rewards__daily-swatch{width:36px;height:36px;border-radius:12px;background:rgb(var(--color-panel-rgb) / .8);border:1px solid rgb(var(--color-text-rgb) / .12);flex-shrink:0}.rewards__daily-details{display:flex;flex-direction:column;gap:4px}.rewards__daily-name{font-size:1.05rem;color:var(--color-text)}.rewards__daily-description{margin:0;color:rgb(var(--color-text-rgb) / .75);font-size:.9rem}.rewards__daily-meta{margin:0;color:var(--color-text-muted);font-size:.85rem}.rewards__daily-action{display:flex;align-items:center;gap:12px}.rewards__daily-claim{width:fit-content}.rewards__daily-status{margin:0;color:rgb(var(--color-text-rgb) / .85);font-size:.9rem}.rewards__daily-status[data-state=idle]{display:none}@media(max-width:720px){.rewards{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom)}.rewards__header{flex-direction:column;align-items:flex-start}.rewards__card{min-height:auto}}.season{min-height:100vh;padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,4vw,4rem);background:radial-gradient(circle at top,rgba(68,82,140,.35),transparent 55%) no-repeat,var(--color-bg);color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--space-32);max-width:none;margin:0}.season__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-16);align-items:center}.season__heading h1{margin:0 0 var(--space-8);font-size:clamp(2rem,3vw,2.6rem)}.season__heading p{margin:0;color:var(--color-text-muted)}.season__header-actions{display:flex;flex-wrap:wrap;gap:var(--space-12)}.season__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-24)}.season__card{min-height:100%}.season__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-16)}.season__metric-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.season__metric-value{font-size:1.1rem}.season__progress{display:flex;flex-direction:column;gap:var(--space-16)}.season__progress-track{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.season__progress-fill{height:100%;width:0;background:linear-gradient(90deg,#61f4d7,#7aa7ff);border-radius:999px;transition:width .3s ease}.season__progress-meta{display:flex;justify-content:space-between;gap:var(--space-12);font-size:.9rem}.season__progress-status{color:var(--color-text-muted)}.season__progress-hint{margin:0;font-size:.85rem;color:var(--color-text-muted)}.season__milestones-list{display:grid;gap:var(--space-12)}.season__milestone{padding:var(--space-12) var(--space-16);border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:var(--space-8)}.season__milestone[data-reached=true]{border-color:#61f4d799;box-shadow:0 0 0 1px #61f4d733}.season__milestone-title{font-weight:600}.season__milestone-meta{display:flex;justify-content:space-between;gap:var(--space-12);font-size:.85rem;color:var(--color-text-muted)}.season__rules{display:grid;gap:var(--space-16)}.season__rules-list{margin:0;padding-left:1.2rem;display:grid;gap:var(--space-8)}.season__breakdown{display:grid;gap:var(--space-12);padding:var(--space-12) var(--space-16);background:#ffffff0a;border-radius:16px}.season__breakdown-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.season__breakdown-rows{display:grid;gap:var(--space-8)}.season__breakdown-row{display:flex;justify-content:space-between;font-size:.9rem}@media(max-width:720px){.season{padding:clamp(1.5rem,6vw,2.5rem) clamp(1rem,6vw,2.5rem)}.season__header-actions{width:100%;justify-content:flex-start}}.missions{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom);display:flex;flex-direction:column;gap:32px;max-width:none;margin:0}.missions__header{display:flex;align-items:center;justify-content:space-between;gap:24px}.missions__heading h1{margin:0 0 6px;font-size:clamp(28px,4vw,40px)}.missions__heading p{margin:0;color:rgb(var(--color-text-rgb) / .72)}.missions__content,.missions__sections{display:grid;gap:24px}.missions__section{display:grid;gap:16px}.missions__section-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.missions__section-title{margin:0;font-size:20px}.missions__info{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.missions__stats{display:flex;gap:12px;flex-wrap:wrap}.missions__stat{display:grid;gap:4px;padding:10px 14px;border-radius:12px;min-width:120px;animation:panelGlow 14s ease-in-out infinite}.missions__stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-text-rgb) / .65)}.missions__stat-value{font-size:16px}.missions__date{margin:0;color:rgb(var(--color-text-rgb) / .65);font-size:14px}.missions__list{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.missions__card{padding:18px;border-radius:18px;display:grid;gap:14px}.missions__card[data-completed=true]{border-color:rgb(var(--color-accent-rgb) / .6);box-shadow:0 0 0 1px rgb(var(--color-accent-rgb) / .3);animation:panelGlow 10s ease-in-out infinite}.missions__card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.missions__card-header h3{margin:0;font-size:18px}.missions__reward{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-accent-rgb) / .8)}.missions__description{margin:0;color:rgb(var(--color-text-rgb) / .7)}.missions__progress{display:grid;gap:8px}.missions__progress-track{position:relative;height:8px;border-radius:999px;background:rgb(var(--color-text-rgb) / .08);overflow:hidden}.missions__progress-fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,rgb(var(--color-accent-rgb) / .9),rgb(var(--color-accent-rgb) / .4))}.missions__progress-meta{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:rgb(var(--color-text-rgb) / .65)}.missions__status{text-transform:uppercase;letter-spacing:.08em}.missions__card-footer{display:flex;justify-content:flex-end}.missions__claim{width:100%}.missions__empty{margin:0;color:rgb(var(--color-text-rgb) / .6)}@media(max-width:768px){.missions{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom)}.missions__header{flex-direction:column;align-items:flex-start}}.profile{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom);display:flex;flex-direction:column;gap:32px;max-width:none;margin:0}.profile__header{display:flex;align-items:center;justify-content:space-between;gap:24px}.profile__heading h1{margin:0 0 6px;font-size:clamp(28px,4vw,40px)}.profile__heading p{margin:0;color:rgb(var(--color-text-rgb) / .72)}.profile__actions{display:flex;gap:12px;flex-wrap:wrap}.profile__content{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.profile__card{display:grid;gap:12px}.profile__summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}.profile__avatar{width:72px;height:72px;border-radius:24px;background:rgb(var(--color-accent-rgb) / .16);border:1px solid rgb(var(--color-accent-rgb) / .4);display:grid;place-items:center;font-weight:600;font-size:24px;color:var(--color-text)}.profile__identity{display:grid;gap:6px;min-width:0}.profile__identity-group{display:grid;gap:12px;min-width:0}.profile__username{margin:0;font-size:22px;overflow-wrap:anywhere}.profile__meta{margin:0;color:rgb(var(--color-text-rgb) / .6);font-size:13px}.profile__status{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-accent-rgb) / .85)}.profile__nameplate{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgb(var(--color-accent-rgb) / .35);background:rgb(var(--color-background-rgb) / .6);font-size:12px;width:fit-content}.profile__nameplate-art{width:56px;height:24px;object-fit:contain;filter:drop-shadow(0 0 8px rgb(var(--color-text-rgb) / .2));flex-shrink:0}.profile__nameplate-name{font-weight:600}.profile__nameplate-vip{padding:2px 8px;border-radius:999px;border:1px solid rgb(var(--color-warning-rgb) / .6);color:var(--color-warning);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.profile__username-form{display:grid;gap:8px}.profile__username-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-text-rgb) / .7)}.profile__username-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-width:0}.profile__username-input{flex:1;min-width:min(160px,100%);max-width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgb(var(--color-accent-rgb) / .35);background:rgb(var(--color-panel-rgb) / .75);color:var(--color-text);font-weight:600}.profile__username-input:disabled{opacity:.7;cursor:not-allowed}.profile__username-message{margin:0;font-size:12px;color:rgb(var(--color-text-rgb) / .65)}.profile__username-message[data-tone=error]{color:var(--color-danger-soft)}.profile__username-message[data-tone=success]{color:rgb(var(--color-accent-rgb) / .9)}.profile__stats{display:grid;gap:10px}.profile__stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px}.profile__stat-label{color:rgb(var(--color-text-rgb) / .75);font-size:13px}.profile__stat-value{font-weight:600}.profile__stat-meta{display:inline-flex;align-items:center;gap:8px}.profile__loadout{display:grid;gap:12px}.profile__loadout-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px;border-radius:12px}.profile__loadout-swatch{width:36px;height:12px;border-radius:999px;background:rgb(var(--color-text-rgb) / .15);box-shadow:0 0 0 1px rgb(var(--color-text-rgb) / .12)}.profile__loadout-text{display:grid;gap:4px}.profile__loadout-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-text-rgb) / .6)}.profile__loadout-value{font-weight:600}.profile__badges{display:grid;gap:12px}.profile__empty{margin:0;color:rgb(var(--color-text-rgb) / .6)}.profile__theme{display:grid;gap:10px}.profile__theme-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-text-rgb) / .7)}.profile__theme-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:12px;padding:10px 12px;border:1px solid rgb(var(--color-accent-rgb) / .35);background:rgb(var(--color-panel-rgb) / .75);color:var(--color-text);font-weight:600}.profile__vfx,.profile__audio{display:grid;gap:12px}.profile__setting{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px;border-radius:12px}.profile__setting--slider{grid-template-columns:1fr}.profile__setting-text{display:grid;gap:4px}.profile__setting-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-text-rgb) / .75)}.profile__setting-helper{font-size:13px;color:rgb(var(--color-text-rgb) / .6)}.profile__toggle{width:18px;height:18px;accent-color:rgb(var(--color-accent-rgb))}.profile__slider-wrap{display:flex;align-items:center;gap:12px}.profile__slider{flex:1;accent-color:rgb(var(--color-accent-rgb))}.profile__slider-value{min-width:48px;text-align:right;font-weight:600;color:rgb(var(--color-text-rgb) / .8)}@media(max-width:768px){.profile{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom)}.profile__header{flex-direction:column;align-items:flex-start}}:root{color-scheme:dark;--font-display: "Rajdhani", sans-serif;--font-body: "Inter", sans-serif;--color-background: #050508;--color-background-rgb: 5 5 8;--color-panel: rgba(10, 15, 30, .85);--color-panel-rgb: 10 15 30;--color-panel-glass: rgba(20, 30, 50, .7);--color-panel-glass-rgb: 20 30 50;--color-text: #ffffff;--color-text-rgb: 255 255 255;--color-text-muted: #94a3b8;--color-text-muted-rgb: 148 163 184;--color-hud-text: #ffffff;--color-hud-muted: #cbd5e0;--color-critical-text: #ff8080;--color-critical-muted: #ff6060;--color-accent: #00f3ff;--color-accent-rgb: 0 243 255;--color-accent-strong: #ff0099;--color-accent-strong-rgb: 255 0 153;--color-neon-glow: #76e4f7;--color-neon-glow-rgb: 118 228 247;--color-success: #00ff9d;--color-success-rgb: 0 255 157;--color-warning: #ffb700;--color-warning-rgb: 255 183 0;--color-warning-soft: #d69e2e;--color-danger: #ff4d4d;--color-danger-rgb: 255 77 77;--color-danger-soft: #c53030;--color-contrast: #ffffff;--color-contrast-rgb: 255 255 255;--color-shadow-rgb: 0 0 0;--color-border-soft: rgba(255, 255, 255, .15);--cyber-glass-border: 1px solid rgba(255, 255, 255, .1);--gradient-panel: linear-gradient(135deg, rgba(20, 30, 50, .9) 0%, rgba(10, 15, 30, .8) 100%);--gradient-accent: linear-gradient(135deg, #00f3ff 0%, #ff0099 100%);--color-rank-base: #94a3b8;--color-rank-base-border: #475569;--color-rank-base-bg: #1e293b;--color-rank-bronze: #f97316;--color-rank-bronze-border: #c2410c;--color-rank-silver: #e2e8f0;--color-rank-silver-border: #94a3b8;--color-rank-gold: #fbbf24;--color-rank-gold-border: #d97706;--color-rank-platinum: #2dd4bf;--color-rank-platinum-border: #0f766e;--color-rank-diamond: #a855f7;--color-rank-diamond-border: #7e22ce;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--shadow-soft: 0 4px 30px rgba(0, 0, 0, .4);--shadow-soft-inner: inset 0 1px 1px rgba(255, 255, 255, .08);--shadow-neon-cyan: 0 0 10px rgba(0, 243, 255, .5), 0 0 20px rgba(0, 243, 255, .3);--shadow-neon-pink: 0 0 10px rgba(255, 0, 153, .5), 0 0 20px rgba(255, 0, 153, .3)}:root[data-contrast=high]{--color-background: #000000;--color-background-rgb: 0 0 0;--color-panel: #1a202c;--color-panel-rgb: 26 32 44;--color-text: #ffffff;--color-text-muted: #cbd5e0;--color-border-soft: #4a5568}.friends{--cyber-bg: #030407;--cyber-primary: #0bc5ea;--cyber-secondary: #d53f8c;--cyber-text: #ffffff;--cyber-text-muted: #a0aec0;--cyber-glass: rgba(20, 25, 40, .75);--cyber-glass-light: rgba(30, 40, 60, .6);--cyber-border: rgba(255, 255, 255, .1);--cyber-glow: 0 0 15px rgba(11, 197, 234, .4);--cyber-radius: 16px;display:flex;flex-direction:column;gap:32px;width:100%;max-width:1200px;margin:0 auto;background:transparent;padding:0;color:var(--cyber-text);font-family:system-ui,-apple-system,sans-serif}.friends__header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.friends__heading h1{margin:0 0 8px;font-size:clamp(28px,4vw,40px);text-transform:uppercase;font-weight:800;letter-spacing:.05em;text-shadow:0 0 20px rgba(11,197,234,.4);color:#fff}.friends__heading p{margin:0;color:var(--cyber-text-muted);font-size:1.1rem}.friends__content{display:flex;flex-direction:column;gap:24px}.friends__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.friends__card{background:var(--cyber-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius);padding:24px;display:flex;flex-direction:column;gap:16px;transition:transform .2s ease,border-color .2s ease}.friends__card:hover{border-color:#fff3}.friends__card--wide{grid-column:1 / -1;background:linear-gradient(90deg,rgba(11,197,234,.1),transparent);border-left:4px solid var(--cyber-primary)}.friends__card--actions{grid-column:1 / -1}.friends__card h2,.friends__card h3{margin:0;color:#fff;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.friends__card p{margin:0;color:var(--cyber-text-muted);font-size:.9rem}.friends__field,.friends__toggle{display:grid;gap:8px;font-size:.9rem;color:var(--cyber-text-muted)}.friends__input{background:#0000004d;border:1px solid var(--cyber-border);border-radius:8px;padding:12px 16px;color:#fff;font-size:.95rem;font-family:inherit;transition:all .2s ease}.friends__input:focus{outline:none;border-color:var(--cyber-primary);box-shadow:0 0 0 2px #0bc5ea33;background:#00000080}.friends__toggle{align-items:center;grid-auto-flow:column;justify-content:start;gap:12px;cursor:pointer}.friends__toggle input[type=checkbox]{accent-color:var(--cyber-primary);width:18px;height:18px}.friends__row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.friends__row .friends__input{flex:1 1 220px}.friends__selection{margin:0;color:var(--cyber-text-muted);font-size:.85rem}.friends__status-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--cyber-text-muted)}.friends__friend-list,.friends__players{list-style:none;margin:0;padding:0;display:grid;gap:12px}.friends__friend,.friends__player{background:#ffffff08;border:1px solid transparent;border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .2s ease}.friends__friend:hover,.friends__player:hover{background:#ffffff0f;border-color:#ffffff1a}.friends__friend-select{display:flex;align-items:center;gap:12px;cursor:pointer}.friends__friend-info{display:inline-flex;align-items:center;gap:12px}.friends__friend-name{font-weight:600;color:#fff}.friends__friend-status{font-size:.8rem;color:var(--cyber-text-muted)}.friends__friend-indicator{width:8px;height:8px;border-radius:50%;background:var(--cyber-text-muted);box-shadow:0 0 5px #fff3}.friends__friend-indicator[data-status=online]{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.friends__friend-indicator[data-status=in-match]{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.friends__friend-actions{display:flex;gap:8px;align-items:center}.friends__tags{display:inline-flex;gap:8px}.friends__tag{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:4px 8px;border-radius:4px;background:#0bc5ea26;color:var(--cyber-primary);border:1px solid rgba(11,197,234,.3)}.friends__tag--muted{background:#ffffff0d;color:var(--cyber-text-muted);border-color:var(--cyber-border)}.friends__meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:var(--cyber-text-muted)}.friends__code{font-family:monospace;font-size:1.2rem;font-weight:700;color:var(--cyber-primary);letter-spacing:.1em;background:#0000004d;padding:4px 8px;border-radius:4px;border:1px dashed var(--cyber-primary)}.friends__status{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.1em;color:var(--cyber-secondary)}.friends__settings{margin:0;font-size:.9rem;color:var(--cyber-text-muted)}.friends__actions{display:flex;flex-wrap:wrap;gap:12px}.friends__notice{background:#0bc5ea1a;border:1px solid var(--cyber-primary);color:var(--cyber-primary);padding:12px;border-radius:8px;font-size:.9rem}.friends__error{background:#f565651a;border:1px solid var(--color-danger);color:var(--color-danger);padding:12px;border-radius:8px;font-size:.9rem}.friends__muted{margin:0;color:var(--cyber-text-muted);font-size:.9rem;font-style:italic}@media(max-width:768px){.friends__header{flex-direction:column;gap:16px}.friends__grid{grid-template-columns:1fr}}.history{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom);display:flex;flex-direction:column;gap:24px;max-width:none;margin:0}.history__header{display:flex;justify-content:space-between;align-items:center;gap:16px}.history__heading h1{margin:0;font-size:2rem}.history__heading p{margin:8px 0 0;color:var(--color-text-muted)}.history__card{min-height:320px}.history__body{display:flex;flex-direction:column;gap:16px}.history__status{margin:0;color:var(--color-text-muted)}.history__status[data-state=error]{color:var(--color-danger)}.history__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.history__row{display:grid;grid-template-columns:80px minmax(120px,1fr) minmax(160px,1fr) 160px;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.history__row:hover,.history__row:focus-visible{transform:translateY(-1px);box-shadow:0 14px 30px #0003;outline:none}.history__rank{font-weight:600;color:var(--color-text)}.history__match{color:var(--color-text-muted);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.history__rewards{display:flex;flex-direction:column;gap:4px;color:rgb(var(--color-text-rgb) / .85)}.history__date{justify-self:end;color:var(--color-text-muted);font-size:.85rem}.history__empty{margin:0;color:var(--color-text-muted)}.history__detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;padding:24px;background:#050812b8;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:20}.history__detail-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.history__detail{width:min(640px,100%);max-height:calc(100svh - 48px);overflow:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.history__detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.history__detail-title h2{margin:0;font-size:1.5rem}.history__detail-title p{margin:6px 0 0;color:var(--color-text-muted)}.history__detail-grid{margin:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.history__detail-item{display:grid;gap:6px}.history__detail-item dt{font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.history__detail-item dd{margin:0;font-size:1rem;font-weight:600;color:var(--color-text);word-break:break-word}@media(max-width:900px){.history__row{grid-template-columns:70px 1fr;grid-template-rows:auto auto}.history__rewards{grid-column:1 / -1;flex-direction:row;gap:16px}.history__date{grid-column:1 / -1;justify-self:start}}@media(max-width:720px){.history{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom)}.history__header{flex-direction:column;align-items:flex-start}.history__detail{padding:20px}.history__detail-header{flex-direction:column;align-items:flex-start}}.leaderboard{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom);display:flex;flex-direction:column;gap:32px;max-width:none;margin:0}.leaderboard__header{display:flex;justify-content:space-between;align-items:center;gap:24px}.leaderboard__heading h1{margin:0 0 6px;font-size:clamp(28px,4vw,40px)}.leaderboard__heading p{margin:0;color:rgb(var(--color-text-rgb) / .72)}.leaderboard__tabs{display:flex;gap:.75rem}.leaderboard__tab.is-active{border-color:rgb(var(--color-accent-rgb) / .8);box-shadow:0 0 0 1px rgb(var(--color-accent-rgb) / .5)}.leaderboard__meta{display:flex;justify-content:space-between;align-items:center;color:rgb(var(--color-text-rgb) / .7);font-size:.95rem}.leaderboard__list{border-radius:16px;padding:1rem;overflow:hidden}.leaderboard__table{width:100%;border-collapse:collapse}.leaderboard__table th,.leaderboard__table td{text-align:left;padding:.75rem .5rem}.leaderboard__table th{font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-text-rgb) / .6)}.leaderboard__table tr+tr{border-top:1px solid rgb(var(--color-accent-rgb) / .1)}.leaderboard__table.is-loading{opacity:.6}.leaderboard__empty,.leaderboard__error{padding:.75rem 1rem;border-radius:12px;border:1px dashed rgb(var(--color-accent-rgb) / .25);text-align:center;color:rgb(var(--color-text-rgb) / .7)}.leaderboard__error{border-style:solid;border-color:rgb(var(--color-danger-rgb) / .5);color:var(--color-danger-soft)}.leaderboard__footer{display:flex;justify-content:flex-end;gap:.75rem}.leaderboard__page-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:720px){.leaderboard{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom)}.leaderboard__header{flex-direction:column;align-items:flex-start}.leaderboard__meta{flex-direction:column;align-items:flex-start;gap:.25rem}}.ui-nav{display:flex;flex-direction:column;gap:var(--space-16)}.ui-nav__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-8)}.ui-nav__item{margin:0}.ui-nav__button{width:100%;display:flex;align-items:center;gap:var(--space-12);padding:10px 12px;border-radius:var(--radius-12);border:1px solid transparent;background:transparent;color:var(--color-text);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.ui-nav__button:hover{background:rgb(var(--color-accent-rgb) / .08);border-color:rgb(var(--color-accent-rgb) / .2);transform:translateY(-1px)}.ui-nav__button.is-disabled,.ui-nav__button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.ui-nav__button.is-disabled:hover,.ui-nav__button:disabled:hover{background:transparent;border-color:transparent}.ui-nav__button.is-active{background:rgb(var(--color-accent-rgb) / .2);border-color:rgb(var(--color-accent-rgb) / .55);box-shadow:var(--shadow-soft-inner)}.ui-nav__icon{width:22px;height:22px;display:grid;place-items:center;color:var(--color-accent)}.ui-nav__icon svg{width:100%;height:100%}.ui-nav__label{white-space:nowrap}.ui-nav--bottom .ui-nav__list{grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-4)}.ui-nav--bottom .ui-nav__button{flex-direction:column;gap:4px;padding:8px 6px;font-size:.65rem}.ui-nav--bottom .ui-nav__label{text-transform:none;letter-spacing:.04em}.ui-button{position:relative;border:none;border-radius:4px;padding:12px 24px;font-family:var(--font-display);font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s cubic-bezier(.23,1,.32,1);overflow:hidden;z-index:1}.ui-button--primary{background:var(--color-accent);color:#000;box-shadow:0 0 15px #00f3ff4d;border:1px solid rgba(255,255,255,.2)}.ui-button--primary:hover:not(:disabled){background:#fff;box-shadow:0 0 25px #00f3ff99,0 0 5px #fff;transform:translateY(-2px)}.ui-button--secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--color-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-button--secondary:hover:not(:disabled){background:#ffffff26;border-color:var(--color-text);box-shadow:0 0 15px #ffffff1a;transform:translateY(-2px)}.ui-button--ghost{background:transparent;color:var(--color-text-muted);border:1px solid transparent}.ui-button--ghost:hover:not(:disabled){color:var(--color-text);background:#ffffff0d}.ui-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1);transform:none!important;box-shadow:none!important}.ui-button__spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.3);border-top-color:currentColor;border-radius:50%;animation:ui-spin .8s linear infinite;display:none}.ui-button[data-loading=true] .ui-button__spinner{display:block}.ui-card{background:var(--color-panel);border:var(--cyber-glass-border);border-radius:var(--radius-16);padding:var(--space-24);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ui-card--glass{background:var(--color-panel-glass);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000004d}.ui-panel--modern{background:#0f1423d9;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-20);box-shadow:0 20px 50px #0009;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.ui-card__title{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.05em;color:var(--color-text)}.ui-card__subtitle{margin:4px 0 0;font-family:var(--font-body);font-size:.9rem;color:var(--color-text-muted)}.ui-alert{padding:12px 16px;border-radius:var(--radius-12);border:1px solid transparent;font-size:.9rem;display:flex;align-items:center;gap:12px;background:#141928e6}.ui-alert--error{border-color:#ff4d4d66;color:#ff8080;background:#ff4d4d1a;box-shadow:0 0 15px #ff4d4d1a}.ui-alert--warning{border-color:#ffb70066;color:#ffcd57;background:#ffb7001a}.ui-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:99px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:.8rem;font-family:var(--font-display);letter-spacing:.05em;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.ui-chip:hover{border-color:var(--color-accent);color:var(--color-text);box-shadow:0 0 10px #00f3ff33}.ui-chip[aria-pressed=true]{background:#00f3ff26;border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 15px #00f3ff33}.ui-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;place-items:center;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.ui-modal.is-open{display:grid}.ui-modal__dialog{background:#0a0f1ef2;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;width:min(500px,100%);max-height:90vh;display:flex;flex-direction:column;gap:24px;box-shadow:0 20px 60px #000c,0 0 0 1px #ffffff1a;overflow:hidden;animation:modalIn .3s cubic-bezier(.2,.8,.2,1)}.style-locker-modal .ui-modal__dialog{width:min(1000px,100%)}.ui-modal__header{display:flex;justify-content:space-between;align-items:flex-start}.ui-modal__title{margin:0;font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase;letter-spacing:.1em;color:#fff}.ui-modal__description{margin:8px 0 0;color:var(--color-text-muted);font-size:.95rem}.ui-modal__close{background:transparent;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.ui-modal__close:hover{color:#fff}.ui-modal__body{flex:1;overflow-y:auto;color:var(--color-text-muted);padding-right:8px}.ui-modal__footer{display:flex;justify-content:flex-end;gap:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ui-modal__body::-webkit-scrollbar{width:6px}.ui-modal__body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.ui-modal__body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.rating-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--color-rank-base-border);background:var(--color-rank-base-bg);color:var(--color-rank-base);white-space:nowrap}.rating-badge[data-division=bronze]{border-color:var(--color-rank-bronze-border);color:var(--color-rank-bronze)}.rating-badge[data-division=silver]{border-color:var(--color-rank-silver-border);color:var(--color-rank-silver)}.rating-badge[data-division=gold]{border-color:var(--color-rank-gold-border);color:var(--color-rank-gold)}.rating-badge[data-division=platinum]{border-color:var(--color-rank-platinum-border);color:var(--color-rank-platinum)}.rating-badge[data-division=diamond]{border-color:var(--color-rank-diamond-border);color:var(--color-rank-diamond)}.rating-badge[data-division=none]{opacity:.6}:root[data-contrast=high] .ui-card{border-color:rgb(var(--color-text-rgb) / .55);box-shadow:0 0 0 1px rgb(var(--color-text-rgb) / .25),var(--shadow-soft),var(--shadow-soft-inner)}:root[data-contrast=high] .ui-panel--modern{background:linear-gradient(160deg,rgb(var(--color-panel-rgb) / .9),rgb(var(--color-background-rgb) / .85)) padding-box,linear-gradient(135deg,rgb(var(--color-text-rgb) / .45),rgb(var(--color-text-rgb) / .2)) border-box;border-color:rgb(var(--color-text-rgb) / .35);box-shadow:0 0 24px rgb(var(--color-text-rgb) / .2),var(--shadow-soft),var(--shadow-soft-inner)}:root[data-contrast=high] .ui-alert{border-color:rgb(var(--color-text-rgb) / .5);background:rgb(var(--color-panel-rgb) / .95)}:root[data-contrast=high] .ui-chip{border-color:rgb(var(--color-text-rgb) / .5);background:linear-gradient(120deg,rgb(var(--color-background-rgb) / .9),rgb(var(--color-text-rgb) / .18),rgb(var(--color-background-rgb) / .9))}@media(max-width:720px){.ui-button{width:100%;justify-content:center}.ui-card,.ui-modal__dialog{padding:var(--space-16)}.ui-modal__footer{flex-direction:column}}