#meta-hud{--ink: #1a1c22;--mute: #5f646e;--court: #e8e8ea;--orange: #ff4d1a;--blue: #1e5fff;--panel: rgba(244, 245, 247, .96);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;font-family:Nunito,system-ui,sans-serif;color:var(--ink)}#meta-hud .meta-chip-row{pointer-events:none;position:relative;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:.45rem;padding:max(.55rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) 0 max(.75rem,env(safe-area-inset-left))}#meta-hud .meta-mute{pointer-events:auto;cursor:pointer;border:none;font:inherit}#meta-hud .meta-account{position:relative;margin-left:auto;pointer-events:auto}#meta-hud .meta-account-button{border:none;font:inherit;cursor:pointer}#meta-hud .meta-account-panel{position:absolute;top:calc(100% + .5rem);right:0;left:auto;width:min(16rem,calc(100vw - 2rem));padding:.75rem;border:2px solid var(--ink);border-radius:14px;background:var(--panel);box-shadow:0 6px #1a1c2224;text-align:left}#meta-hud .meta-account-panel[hidden]{display:none!important}#meta-hud .meta-account-panel form{display:grid;gap:.4rem}#meta-hud .meta-account-panel label{font-size:.72rem;font-weight:800;color:var(--mute)}#meta-hud .meta-account-panel input{width:100%;min-height:2.4rem;padding:.45rem .6rem;border:1px solid rgba(26,28,34,.22);border-radius:8px;font:inherit}#meta-hud .meta-account-panel button{width:100%;margin-top:.25rem;border:none;border-radius:9px;padding:.55rem .7rem;font:inherit;font-weight:800;background:var(--blue);color:#fff;cursor:pointer}#meta-hud .meta-account-panel button:disabled{opacity:.6;cursor:wait}#meta-hud .meta-account-panel p{margin:.55rem 0 0;color:var(--mute);font-size:.72rem;font-weight:800;overflow-wrap:anywhere}#meta-hud .meta-chip{font-weight:800;font-size:.78rem;letter-spacing:.04em;background:#ffffffb8;border-radius:999px;padding:.35rem .7rem;color:var(--mute)}#meta-hud .meta-chip[hidden]{display:none!important}#meta-hud.is-landing .meta-chip{background:#ffffffeb;box-shadow:0 2px #1a1c221a}#meta-hud .meta-landing{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;grid-template-rows:1fr auto;align-items:stretch;justify-items:center;gap:.35rem;overflow-x:hidden;overflow-y:auto;padding:max(4.25rem,calc(env(safe-area-inset-top) + 3.25rem)) max(.9rem,env(safe-area-inset-right)) max(.85rem,env(safe-area-inset-bottom)) max(.9rem,env(safe-area-inset-left));background-color:#c5c8d1;background-image:radial-gradient(ellipse 95% 52% at 50% -12%,rgba(255,236,214,.92),transparent 54%),radial-gradient(ellipse 72% 44% at 50% 14%,rgba(255,77,26,.34),transparent 68%),radial-gradient(ellipse 80% 52% at 112% 96%,rgba(30,95,255,.22),transparent 56%),radial-gradient(ellipse 58% 38% at -12% 90%,rgba(78,203,255,.16),transparent 50%),linear-gradient(180deg,#ece8e2,#d3d5dc 44%,#aeb3be);text-align:center}#meta-hud .meta-landing[hidden]{display:none!important}#meta-hud .meta-landing-court{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}#meta-hud .meta-court-floor{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.72;background:repeating-linear-gradient(90deg,#fff8ec29 0,#fff8ec29 14px,#1a1c2214 14px,#1a1c2214 16px,#ffffff0d 16px,#ffffff0d 30px,#1a1c220f 30px,#1a1c220f 32px)}#meta-hud .meta-court-lane{position:absolute;left:50%;top:7%;width:44%;height:48%;transform:translate(-50%);border:2px solid rgba(255,255,255,.34);border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 0 0 1px #1a1c2214}#meta-hud .meta-court-arc{position:absolute;left:50%;top:26%;width:128%;height:56%;transform:translate(-50%);border:2px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 0 0 1px #1a1c220f}#meta-hud .meta-court-circle{position:absolute;left:50%;top:44%;width:8.6rem;height:8.6rem;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.32);border-radius:50%;box-shadow:0 0 0 1px #1a1c2212,inset 0 0 28px #ffffff1f}#meta-hud .meta-court-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.34;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#meta-hud .meta-court-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 68% 58% at 50% 34%,transparent 36%,rgba(26,28,34,.42) 100%);box-shadow:inset 0 0 90px 22px #1a1c2238}#meta-hud .meta-landing-glow{position:absolute;left:50%;top:18%;width:22rem;height:22rem;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,214,140,.42),transparent 38%),radial-gradient(circle,rgba(255,77,26,.48),transparent 66%);pointer-events:none;animation:meta-glow 4.5s ease-in-out infinite}#meta-hud .meta-landing-hero{position:relative;z-index:1;align-self:center;width:min(22rem,100%);display:flex;flex-direction:column;align-items:center;animation:meta-pop .65s cubic-bezier(.2,.9,.25,1) both}#meta-hud .meta-hero-hoop{width:min(9.75rem,42vw);margin-bottom:-.15rem;filter:drop-shadow(0 10px 0 rgba(26,28,34,.08))}#meta-hud .meta-hero-hoop svg{display:block;width:100%;height:auto}#meta-hud .meta-hero-ball{transform-origin:90px 124px;animation:meta-ball-bob 2.4s ease-in-out infinite}#meta-hud .meta-landing-brand{position:relative;width:100%}#meta-hud .meta-kicker{margin:0 0 .45rem;font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#1a88c4}#meta-hud .meta-brand{margin:0;display:flex;flex-direction:column;align-items:center;font-size:clamp(3.4rem,16vw,4.6rem);font-weight:900;line-height:.82;letter-spacing:.01em;color:var(--ink);text-shadow:0 3px 0 rgba(255,255,255,.55)}#meta-hud .meta-brand-shot{color:var(--orange);letter-spacing:.04em}#meta-hud .meta-tagline{display:flex;justify-content:center;gap:.35rem;margin:.85rem 0 0;color:var(--mute);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}#meta-hud .meta-tagline span{padding:.28rem .62rem;border-radius:999px;background:#1a1c220f}#meta-hud .meta-tagline span:nth-child(2){background:#ff4d1a24;color:var(--orange)}#meta-hud .meta-landing-actions{position:relative;z-index:1;width:min(22rem,100%);display:flex;flex-direction:column;align-items:stretch;gap:.7rem;padding:.95rem .9rem .65rem;border:2px solid rgba(26,28,34,.14);border-radius:22px;background:#ffffffd1;box-shadow:0 8px #1a1c221a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:meta-rise .55s cubic-bezier(.2,.85,.25,1) .1s both}#meta-hud .meta-play{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;border:none;border-radius:16px;padding:1.05rem 1.2rem;font:inherit;font-weight:900;font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(180deg,#3b74ff 0%,var(--blue) 100%);color:#fff;box-shadow:0 5px #10131c,inset 0 1px #ffffff47;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,box-shadow .12s ease}#meta-hud .meta-play-ball{width:1.05rem;height:1.05rem;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.55),transparent 42%),var(--blue);box-shadow:inset 0 -2px #00000038}#meta-hud .meta-play:hover{transform:translateY(-2px);box-shadow:0 7px #10131c,inset 0 1px #ffffff47}#meta-hud .meta-play:active{transform:translateY(2px);box-shadow:0 2px #10131c,inset 0 1px #ffffff47}#meta-hud .meta-play:focus-visible,#meta-hud .meta-modes button:focus-visible,#meta-hud .meta-skins-toggle:focus-visible{outline:3px solid var(--orange);outline-offset:2px}#meta-hud .meta-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}#meta-hud .meta-modes button{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin:0;border:2px solid rgba(26,28,34,.1);border-radius:14px;padding:.65rem .28rem .55rem;font:inherit;font-weight:800;font-size:.78rem;letter-spacing:.01em;background:#ffffffeb;color:var(--ink);box-shadow:0 3px #10131c29;cursor:pointer;touch-action:manipulation}#meta-hud .meta-mode-mark{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:8px;color:var(--blue);background:#1e5fff1a}#meta-hud .meta-mode-mark svg{width:.95rem;height:.95rem}#meta-hud .meta-modes button:nth-child(2) .meta-mode-mark{color:var(--orange);background:#ff4d1a1f}#meta-hud .meta-modes button:nth-child(3) .meta-mode-mark{color:var(--ink);background:#1a1c2214}#meta-hud .meta-mode-copy{display:flex;flex-direction:column;gap:.08rem}#meta-hud .meta-mode-copy strong{font-size:.72rem;font-weight:900;letter-spacing:.01em;line-height:1.1}#meta-hud .meta-mode-copy em{font-style:normal;font-size:.58rem;font-weight:800;letter-spacing:.02em;color:var(--mute)}#meta-hud .meta-modes button:active{transform:translateY(1px);box-shadow:0 1px #10131c29}#meta-hud .meta-skins-toggle{margin:.05rem auto 0;border:none;background:transparent;color:var(--ink);font:inherit;font-weight:800;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:.4rem .75rem;touch-action:manipulation}#meta-hud .meta-skins-toggle:after{content:" ▾";font-size:.75em}#meta-hud .meta-skins-toggle.is-open:after{content:" ▴"}#meta-hud .meta-cosmetics{margin:0;padding:.35rem;border-radius:14px;background:#e8e8eaa6;text-align:left;animation:meta-fade .25s ease both}#meta-hud .meta-cosmetics[hidden]{display:none!important}#meta-hud .cosmetic-btn{display:flex;align-items:center;gap:.65rem;width:100%;margin:0;border:none;border-radius:10px;padding:.65rem .7rem;font:inherit;font-weight:800;font-size:.92rem;background:transparent;color:var(--ink);cursor:pointer;touch-action:manipulation;text-align:left}#meta-hud .cosmetic-btn+.cosmetic-btn{border-top:1px solid rgba(26,28,34,.08)}#meta-hud .cosmetic-btn.is-on{background:#1e5fff14}#meta-hud .cosmetic-btn:disabled{opacity:.42;cursor:default}#meta-hud .cosmetic-swatch{width:1.1rem;height:1.1rem;border-radius:50%;background:var(--skin, var(--blue));box-shadow:inset 0 -2px #0000002e;flex-shrink:0}#meta-hud .meta-hint{font-size:.72rem!important;margin:.35rem 0 .15rem!important;color:var(--mute);font-weight:700;text-align:center}#meta-hud .meta-panel{pointer-events:auto;position:absolute;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translate(-50%);width:min(22rem,calc(100% - 1.5rem));background:var(--panel);border:2px solid var(--ink);border-radius:16px;padding:1rem 1rem 1.1rem;box-shadow:0 10px #1a1c221f;text-align:center;z-index:2}#meta-hud .meta-panel[hidden]{display:none!important}#meta-hud .meta-panel h2{font-size:1.45rem;font-weight:900;margin:0 0 .35rem}#meta-hud .meta-panel h3{margin:.75rem 0 .35rem;font-size:.85rem;color:var(--mute)}#meta-hud .meta-panel p{margin:0 0 .75rem;color:var(--mute);font-size:.9rem;font-weight:700}#meta-hud .meta-panel button{display:block;width:100%;margin-top:.45rem;border:none;border-radius:12px;padding:.85rem 1rem;font:inherit;font-weight:800;font-size:1rem;background:var(--blue);color:#fff;box-shadow:0 3px 0 var(--ink);cursor:pointer;touch-action:manipulation}#meta-hud .meta-panel button.ghost{background:transparent;color:var(--ink);border:2px solid var(--ink);box-shadow:none}#meta-hud .meta-panel button[hidden]{display:none!important}#meta-hud .meta-summary-mode{margin:-.15rem 0 .85rem!important;font-size:.82rem!important;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}#meta-hud .meta-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:0 0 .35rem}#meta-hud .meta-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.65rem .35rem;border-radius:12px;background:#1a1c220f}#meta-hud .meta-stat strong{font-size:1.35rem;font-weight:900;color:var(--ink);line-height:1}#meta-hud .meta-stat span{font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}#meta-hud .meta-board-list{list-style:none;text-align:left;margin:.35rem 0 .15rem;padding:0;font-size:.85rem;font-weight:700;color:var(--mute)}#meta-hud .meta-board-list li{display:grid;grid-template-columns:1.4rem 1fr auto;gap:.45rem;align-items:center;padding:.35rem .15rem;border-top:1px solid rgba(26,28,34,.08)}#meta-hud .meta-board-rank{color:var(--ink);font-weight:900}#meta-hud .meta-board-score{color:var(--ink);font-weight:800}#meta-hud .meta-board-meta{font-size:.78rem}@keyframes meta-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes meta-pop{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes meta-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes meta-glow{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}@keyframes meta-ball-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media(max-height:700px){#meta-hud .meta-hero-hoop{width:min(7.4rem,34vw)}#meta-hud .meta-brand{font-size:clamp(2.8rem,12vw,3.6rem)}}@media(prefers-reduced-motion:reduce){#meta-hud .meta-landing-glow,#meta-hud .meta-landing-hero,#meta-hud .meta-landing-actions,#meta-hud .meta-hero-ball,#meta-hud .meta-cosmetics{animation:none!important}}