.tag.boss{color:var(--gold);border-color:#ffcf5abf;background:linear-gradient(135deg,#ff4d6d33,#ffcf5a1f);letter-spacing:.1em;font-weight:700;text-shadow:0 0 8px rgba(255,207,90,.55);white-space:nowrap}.boss-portrait{flex:none;display:block;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 0 14px #ffcf5a80,0 0 24px #ff4d6d47;background:#12081f}.boss-portrait.fallback{display:inline-grid;place-items:center;font-family:var(--font-display);font-weight:900;color:var(--gold);background:radial-gradient(circle at 35% 28%,#5a1d57,#1a0a24 70%);text-shadow:0 0 10px rgba(255,207,90,.7)}.boss-portrait.hero{border-radius:22px;width:min(100%,240px);height:auto;aspect-ratio:1}.boss-portrait.fallback.hero{height:240px}.player-chip .boss-portrait{width:26px;height:26px;border-width:1px;box-shadow:0 0 8px #ffcf5a80}.player-chip.boss{border-color:#ffcf5aa6}.player-chip.boss.active{box-shadow:0 0 14px #ffcf5a80,inset 0 0 12px #ff4d6d2e}.tile.boss{--tile: var(--gold);--edge-a: rgba(255, 207, 90, .95);--edge-b: rgba(255, 77, 109, .6);--edge-c: rgba(255, 207, 90, .3);grid-column:span 12;min-height:0;flex-direction:row;align-items:center;gap:18px;box-shadow:0 14px 36px #00000080,0 0 34px #ff4d6d38,0 0 22px #ffcf5a29,inset 0 1px #ffffff12}.tile.boss .boss-portrait{width:92px;height:92px}.tile.boss .boss-tile-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;flex:1}.tile.boss h2{color:var(--gold);text-shadow:0 0 14px rgba(255,207,90,.7)}.tile.boss .btn{background:linear-gradient(135deg,#ffcf5a,#ff7a45 55%,#ff4d6d);color:#2a0b00;border-color:#ffe9a8;text-shadow:none;box-shadow:0 0 18px #ffcf5a80,inset 0 1px #ffffff80;margin-top:6px}.tile.boss .btn:hover:not(:disabled){background:linear-gradient(135deg,#ffcf5a,#ff7a45 55%,#ff4d6d);filter:brightness(1.08);box-shadow:0 0 28px #ffcf5acc,inset 0 1px #fff9}@media(max-width:640px){.tile.boss{flex-direction:column;align-items:flex-start}.tile.boss .boss-portrait{width:72px;height:72px}}.boss-hero{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap;border:1px solid rgba(255,207,90,.35);box-shadow:0 0 34px #ff4d6d29,0 14px 36px #00000080}.boss-hero-text{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:10px}.boss-hero h2{color:var(--gold);text-shadow:0 0 16px rgba(255,207,90,.6);margin:0}.boss-taunt{margin:0;font-family:var(--font-ui);font-weight:600;font-size:1.25rem;letter-spacing:.03em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7)}.boss-warn{margin:0;color:var(--danger);font-weight:600}.boss-hoard{display:flex;flex-wrap:wrap;gap:8px}.boss-hoard .tag{flex-direction:column;align-items:flex-start;gap:0;padding:6px 14px;border-radius:12px}.boss-fams{display:flex;flex-wrap:wrap;gap:6px}.boss-fams .tag.missing{color:var(--gold);border-color:#ffcf5abf;background:#ffcf5a1a}.boss-fams .tag.owned{opacity:.7}.boss-rule{display:flex;gap:12px;align-items:flex-start;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:#7c3aed1a}.boss-rule.ok{border-color:#4dff9fb3;background:#4dff9f14}.boss-rule.no{border-color:#ff4d6d99;background:#ff4d6d12}.boss-rule-mark{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:900;font-size:1.05rem;color:#04110a;background:#4dff9f;box-shadow:0 0 12px #4dff9fb3}.boss-rule.no .boss-rule-mark{color:#fff;background:var(--danger);box-shadow:0 0 12px #ff4d6d99}.boss-rule.pending .boss-rule-mark{color:var(--ink-dim);background:#7c3aed66;box-shadow:none}.boss-hall{display:flex;flex-direction:column;gap:6px}.boss-hall .list-item{border-left-color:var(--gold)}.card .tag.qualifies{align-self:flex-start;margin-top:2px;font-size:.7rem;padding:1px 8px;color:var(--gold);border-color:#ffcf5ab3;background:#ffcf5a1a}.boss-count-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:4px}.result-boss-line{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-align:center}.result-boss-line.win{color:var(--gold);text-shadow:0 0 14px rgba(255,207,90,.7)}.result-boss-line.loss{color:var(--danger);text-shadow:0 0 12px rgba(255,77,109,.6)}@font-face{font-family:Orbitron;font-style:normal;font-weight:700 900;font-display:swap;src:url(/fonts/orbitron-latin.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/rajdhani-500-latin.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rajdhani-600-latin.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rajdhani-700-latin.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/rubik-latin.woff2) format("woff2")}:root{--bg: #07050d;--bg-2: #0e0a1c;--bg-3: #160f2b;--panel: rgba(14, 9, 30, .84);--panel-2: rgba(26, 17, 52, .9);--ink: #f3eaff;--ink-dim: #a99bc7;--purple: #7c3aed;--purple-2: #a855f7;--violet-deep: #3b1a7a;--pink: #ff2fa8;--pink-2: #ff7ad1;--cyan: #22e5ff;--cyan-2: #8ff6ff;--gold: #ffcf5a;--danger: #ff4d6d;--line: rgba(168, 85, 247, .32);--line-hot: rgba(255, 47, 168, .55);--glow-pink: 0 0 14px rgba(255, 47, 168, .55);--glow-cyan: 0 0 14px rgba(34, 229, 255, .5);--radius: 14px;--accent: var(--pink);--accent-2: var(--pink-2);--keeps: var(--pink);--practice: var(--cyan);--rarity-common: #6d5aa6;--rarity-uncommon: #22e5ff;--rarity-rare: #ff2fa8;--rarity-epic: #c084fc;--rarity-legendary: #ffcf5a;--fill-pink: linear-gradient(135deg, #d11488 0%, #9c1fd2 100%);--fill-hero: linear-gradient(135deg, #ff2fa8 0%, #7c3aed 100%);--fill-cyan: linear-gradient(135deg, #22e5ff 0%, #1aa7e8 100%);--font-display: "Orbitron", "Eurostile", "Bank Gothic", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--font-ui: "Rajdhani", "Barlow Condensed", "Arial Narrow", "Segoe UI", system-ui, sans-serif;--font-body: "Rubik", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#4a2c91 transparent}html,body,#root{height:100%;margin:0}html{color-scheme:dark;background:var(--bg)}body{background-color:var(--bg);background-image:radial-gradient(900px 620px at 8% -8%,rgba(124,58,237,.26),transparent 62%),radial-gradient(820px 620px at 104% 108%,rgba(255,47,168,.16),transparent 62%);background-attachment:fixed;background-repeat:no-repeat;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none}::selection{background:#ff2fa873;color:#fff}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}a{color:var(--pink-2)}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em;margin:0 0 .5rem}h2{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;line-height:1.2}h3{font-family:var(--font-ui);font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);line-height:1.2;display:flex;align-items:center;gap:.55em}h3:before{content:"";flex:none;width:4px;height:.95em;border-radius:2px;background:var(--pink);box-shadow:var(--glow-pink)}.muted{color:var(--ink-dim)}.error{color:var(--danger)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.screen{min-height:100%;display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));gap:14px;max-width:1100px;margin:0 auto;width:100%}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1}.stack{display:flex;flex-direction:column;gap:10px}.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.logo{margin:0;display:inline-block;font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.06em;line-height:1;font-size:1.6rem;background:linear-gradient(180deg,#fff,#ffb6ea 45%,#ff2fa8 55%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(255,47,168,.55)) drop-shadow(0 0 22px rgba(124,58,237,.5))}.orb{display:inline-block;flex:none;width:1em;height:1em;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 7%,#ffc2ee 16%,#ff2fa8 44%,#7c3aed 80%,#240a52);box-shadow:0 0 12px #ff2fa8b3,inset -3px -4px 8px #00000073}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 10px 8px 14px;border-radius:999px;background:#07050dc7;border:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:900;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:#fff}.brand .orb{font-size:1.15rem}.brand .brand-name{background:linear-gradient(180deg,#fff,#ffb6ea,#ff2fa8);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.brand small{font-family:var(--font-ui);font-weight:600;color:var(--pink-2);font-size:.95rem;letter-spacing:.16em;padding-left:10px;border-left:1px solid var(--line);text-transform:uppercase}.topbar .icon-btn{width:36px;padding:0;min-height:36px}.topbar .icon-btn svg{width:20px;height:20px}.btn{position:relative;font-family:var(--font-ui);font-weight:700;font-size:1.08rem;letter-spacing:.06em;text-transform:uppercase;line-height:1.1;text-decoration:none;border:1px solid var(--purple);background:#7c3aed29;color:var(--ink);padding:10px 20px;border-radius:999px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;transition:transform .12s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,filter .18s ease}.btn:hover:not(:disabled){background:#7c3aed57;border-color:var(--purple-2);box-shadow:0 0 16px #a855f780;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px) scale(.99);box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.5)}.btn.primary,.btn.keeps{background:var(--fill-pink);color:#fff;border-color:#ff7ad1d9;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:0 0 0 1px #ff2fa840,var(--glow-pink),inset 0 1px #ffffff59}.btn.primary:hover:not(:disabled),.btn.keeps:hover:not(:disabled){background:var(--fill-pink);border-color:#ffc2ee;box-shadow:0 0 0 1px #ff2fa866,0 0 26px #ff2fa8bf,inset 0 1px #ffffff73}.btn.primary:disabled,.btn.keeps:disabled{box-shadow:inset 0 1px #fff3}.btn.practice{background:var(--fill-cyan);color:#031219;border-color:var(--cyan-2);box-shadow:0 0 0 1px #22e5ff40,var(--glow-cyan),inset 0 1px #ffffff73}.btn.practice:hover:not(:disabled){background:var(--fill-cyan);filter:brightness(1.1);border-color:#fff;box-shadow:0 0 0 1px #22e5ff66,0 0 26px #22e5ffb3,inset 0 1px #ffffff8c}.btn.practice:disabled{box-shadow:inset 0 1px #fff3}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-dim);text-transform:none;letter-spacing:.02em;font-weight:600;box-shadow:none}.btn.ghost:hover:not(:disabled){background:#7c3aed33;border-color:transparent;color:#fff;box-shadow:none}.btn.big{font-family:var(--font-display);font-size:1.02rem;letter-spacing:.1em;padding:16px 28px;min-height:60px}.btn.small{min-height:34px;padding:6px 14px;font-size:.95rem}.btn svg{width:1.2em;height:1.2em;flex:none}.input{background:#080512d1;color:var(--ink);border:1px solid rgba(124,58,237,.55);border-radius:10px;padding:10px 12px;min-height:44px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:#8d80ae}.input:hover:not(:disabled){border-color:var(--purple-2)}.input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #22e5ff38,var(--glow-cyan)}.input:disabled{opacity:.5}select.input{appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ff7ad1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:12px 8px}select.input option{background:#120c26;color:var(--ink)}textarea.input{resize:vertical}label.field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-ui);font-weight:600;font-size:1rem;letter-spacing:.06em;color:var(--ink-dim);text-transform:uppercase}label.field .input{text-transform:none;letter-spacing:normal;font-family:var(--font-body);font-weight:400;font-size:1rem}input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:0;display:inline-grid;place-content:center;cursor:pointer;border:1.5px solid var(--purple-2);border-radius:6px;background:#080512e6;transition:background .15s ease,box-shadow .15s ease,border-color .15s ease}input[type=checkbox]:after{content:"";width:11px;height:6px;margin-top:-3px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg) scale(0);transition:transform .12s ease}input[type=checkbox]:checked{background:var(--fill-pink);border-color:var(--pink-2);box-shadow:var(--glow-pink)}input[type=checkbox]:checked:after{transform:rotate(-45deg) scale(1)}input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}label.row:has(>input[type=checkbox]){cursor:pointer;flex-wrap:nowrap;align-items:flex-start}label.row>input[type=checkbox]{margin-top:1px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:26px;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#4c1d95,var(--pink));box-shadow:0 0 8px #ff2fa866}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;border:2px solid #fff;background:radial-gradient(circle at 35% 30%,#fff 0 22%,var(--pink-2) 58%,var(--pink) 100%);box-shadow:0 0 12px var(--pink),0 0 3px #000c}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#4c1d95,var(--pink));box-shadow:0 0 8px #ff2fa866}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:2px solid #fff;background:radial-gradient(circle at 35% 30%,#fff 0 22%,var(--pink-2) 58%,var(--pink) 100%);box-shadow:0 0 12px var(--pink)}input[type=range]:disabled{opacity:.4;filter:saturate(.3);cursor:not-allowed}.slider{width:100%}.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:.88rem;padding:2px 10px;border-radius:999px;border:1px solid var(--line);background:#00000059;color:var(--ink-dim);font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.35}.tag.keeps{color:var(--pink-2);border-color:#ff2fa899;background:#ff2fa81a}.tag.practice{color:var(--cyan-2);border-color:#22e5ff8c;background:#22e5ff14}.tag.ai{color:var(--cyan-2);border-color:#22e5ff80}.tag.human{color:#d9c2ff;border-color:#a855f799;background:#7c3aed24}.tag.spectate{color:var(--cyan-2);border-color:var(--cyan);background:#22e5ff1f;box-shadow:var(--glow-cyan)}.stack>.tag,label.field>.pill-group,label.field>.seg-group{align-self:flex-start}.pill-group,.seg-group{display:inline-flex;flex-wrap:wrap;max-width:100%;border:1px solid rgba(124,58,237,.6);border-radius:12px;overflow:hidden;background:#080512b3}.pill-group button,.seg-group button{font-family:var(--font-ui);font-weight:700;font-size:1.02rem;letter-spacing:.06em;text-transform:uppercase;border:0;background:transparent;color:var(--ink-dim);padding:8px 14px;min-height:40px;transition:background .15s ease,color .15s ease}.pill-group button+button,.seg-group button+button{border-left:1px solid rgba(124,58,237,.35)}.pill-group button:hover:not(:disabled):not(.on),.seg-group button:hover:not(:disabled):not(.on){background:#7c3aed40;color:#fff}.pill-group button.on,.seg-group button.on{background:var(--fill-pink);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:inset 0 0 14px #ff2fa859}.pill-group button:disabled,.seg-group button:disabled{opacity:.4;cursor:not-allowed}.panel,.tile,.modal,.path-card{position:relative;background:linear-gradient(180deg,rgba(30,19,60,.6) 0%,var(--panel) 38%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);padding:18px;box-shadow:0 14px 36px #00000080,inset 0 1px #ffffff12}.panel:before,.tile:before,.modal:before,.path-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(135deg,var(--edge-a, rgba(255, 47, 168, .62)),var(--edge-b, rgba(124, 58, 237, .32)) 38%,rgba(168,85,247,.14) 70%,var(--edge-c, rgba(34, 229, 255, .42)));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.panel{min-width:0}.panel.soft{background:linear-gradient(180deg,rgba(40,26,78,.55),var(--panel-2));--edge-a: rgba(168, 85, 247, .55);--edge-b: rgba(124, 58, 237, .28);--edge-c: rgba(168, 85, 247, .25);box-shadow:inset 0 1px #ffffff0d}.card{position:relative;background:linear-gradient(180deg,#281a4eb8,#0f0920eb);--rim: var(--line);border:1.5px solid var(--rim);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;color:var(--ink);font-family:inherit;transition:transform .14s ease,box-shadow .2s ease,border-color .2s ease}.card[role=button],button.card{cursor:pointer}.card[role=button]:hover,button.card:hover{transform:translateY(-2px);box-shadow:0 0 18px color-mix(in srgb,var(--rim, #a855f7) 55%,transparent),0 8px 18px #00000073;border-color:var(--rim)}button.card:hover:not(.selected){--rim: var(--purple-2)}.card.selected{--rim: var(--pink);box-shadow:0 0 0 2px var(--pink),var(--glow-pink)}.card.locked{opacity:.55}.card[data-rarity=common]{--rim: var(--rarity-common)}.card[data-rarity=uncommon]{--rim: var(--rarity-uncommon);box-shadow:inset 0 0 12px #22e5ff1f}.card[data-rarity=rare]{--rim: var(--rarity-rare);box-shadow:inset 0 0 14px #ff2fa829,0 0 10px #ff2fa82e}.card[data-rarity=epic]{--rim: var(--rarity-epic);box-shadow:inset 0 0 14px #c084fc33,0 0 12px #c084fc47}.card[data-rarity=epic]:after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 18px #ece0ff66,0 0 18px #e2d0ff8c;opacity:0;animation:epicPulse 2.6s ease-in-out infinite}.card[data-rarity=legendary]{--rim: var(--rarity-legendary);box-shadow:inset 0 0 16px #ffcf5a33,0 0 14px #ffcf5a4d;overflow:hidden}.card[data-rarity=legendary]:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:220%;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,236,170,.3) 50%,transparent 60%);transform:translate(-45%);animation:legendShimmer 5.5s ease-in-out infinite}.card[data-rarity].selected{--rim: var(--pink);box-shadow:0 0 0 2px var(--pink),var(--glow-pink)}.card[data-rarity=epic].selected:after{animation:none;opacity:0}@keyframes epicPulse{0%,to{opacity:0}50%{opacity:1}}@keyframes legendShimmer{0%,55%{transform:translate(-45%)}to{transform:translate(45%)}}.marble-thumb{width:100%;aspect-ratio:1;border-radius:50%;position:relative}.rarity-common{color:#b9acdf}.rarity-uncommon{color:var(--cyan)}.rarity-rare{color:var(--pink-2)}.rarity-epic{color:#c9a0ff}.rarity-legendary{color:var(--gold)}.card>div{min-width:0;overflow-wrap:anywhere}.card>.btn{margin-top:auto}.card>div:nth-child(2){font-family:var(--font-ui);letter-spacing:.02em}.card .tag{display:block;align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list{display:flex;flex-direction:column;gap:6px}.list-item{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:8px;background:#7c3aed17;border-left:2px solid var(--purple)}.list-item>span:first-child{min-width:0;overflow-wrap:anywhere}.players{display:flex;gap:8px;flex-wrap:wrap}.player-chip{display:flex;align-items:center;gap:8px;padding:5px 12px;min-width:0;max-width:100%;border-radius:10px;border:1px solid var(--line);background:linear-gradient(135deg,#281654cc,#0a0616d9);font-family:var(--font-ui);font-weight:600;font-size:1.02rem}.player-chip strong{min-width:0;max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;letter-spacing:.02em}.player-chip.active{border-color:var(--pink);box-shadow:var(--glow-pink),inset 0 0 12px #ff2fa82e}.player-chip>span:not([class]){font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--pink-2);text-shadow:0 0 8px rgba(255,47,168,.6);white-space:nowrap}.hud-score{font-family:var(--font-display);font-weight:700;color:var(--pink-2);text-shadow:0 0 8px rgba(255,47,168,.6)}.timer{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.06em;color:#fff;text-shadow:0 0 10px rgba(255,47,168,.75)}.timer.mine{text-shadow:0 0 6px #fff,0 0 16px var(--pink),0 0 30px rgba(255,47,168,.8)}.timer.error{color:#ff8fa3;text-shadow:0 0 12px rgba(255,77,109,.9);animation:timerWarn 1s ease-in-out infinite}.timer.paused{opacity:.55}@keyframes timerWarn{0%,to{opacity:1}50%{opacity:.62}}.countdown{font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.board-table,.lab-table{width:100%;border-collapse:collapse}.board-table{white-space:nowrap}.board-table th,.board-table td{padding:6px 10px;text-align:left}.board-table thead tr,.lab-table thead tr{border-bottom:1px solid var(--line-hot)}.board-table th,.lab-table th{font-family:var(--font-ui);font-weight:700;font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.board-table tbody tr{border-top:1px solid var(--line)}.board-table tbody tr:hover{background:#7c3aed1f}.board-table td{font-variant-numeric:tabular-nums}.board-table tr.rank-1 td:first-child,.board-table tr.rank-2 td:first-child,.board-table tr.rank-3 td:first-child{font-family:var(--font-display);font-weight:900}.board-table tr.rank-1 td:first-child{color:var(--gold);text-shadow:0 0 10px rgba(255,207,90,.7)}.board-table tr.rank-2 td:first-child{color:#e6e1ff;text-shadow:0 0 8px rgba(230,225,255,.5)}.board-table tr.rank-3 td:first-child{color:#ff9a6b;text-shadow:0 0 8px rgba(255,154,107,.5)}.modal-backdrop{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 28%,#3b1a7a8c,#07050de6 72%);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50;animation:backdropIn .2s ease both}.modal{--edge-a: rgba(255, 47, 168, .8);--edge-c: rgba(34, 229, 255, .55);background:linear-gradient(180deg,#221546f5,#0d081cfa 40%);border-radius:18px;padding:20px;max-width:560px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 0 0 1px #0009,0 0 40px #7c3aed66,0 24px 60px #000000b3,inset 0 1px #ffffff1a;animation:modalIn .24s cubic-bezier(.2,.9,.3,1.15) both}.modal>h2{font-size:1.3rem;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--line);text-shadow:0 0 14px rgba(255,47,168,.55)}.modal:focus{outline:none}body:has(.match-root) .modal-backdrop,body:has(.match-root) .modal{backdrop-filter:none;-webkit-backdrop-filter:none}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.modal-actions{position:sticky;bottom:-20px;margin:12px -20px -20px;padding:12px 20px;background:#130c29;border-top:1px solid var(--line-hot);border-radius:0 0 18px 18px;z-index:1}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#0e091ef5;font-family:var(--font-ui);font-weight:600;font-size:1.05rem;letter-spacing:.03em;border:1px solid var(--line-hot);padding:10px 18px;border-radius:999px;z-index:60;box-shadow:var(--glow-pink),0 10px 30px #00000080;max-width:min(90vw,560px);text-align:center;animation:toastIn .22s ease both}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.title-screen{position:relative;isolation:isolate;align-items:center}.auth-screen{max-width:520px;justify-content:center;gap:16px}.title-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#07050d}.title-backdrop img,.title-backdrop video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.title-backdrop video{opacity:.9}.title-backdrop-fade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#07050d1a,#07050dc7 72%),linear-gradient(180deg,#07050d8c,#07050d0d 30%,#280a4647 62%,#07050de6)}.title-lockup{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:8px 4px 0}.title-lockup:before{content:"";position:absolute;z-index:-1;inset:-26px -6px -14px;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#07050ddb,#07050db3 48%,#07050d00 78%)}.title-lockup .logo{font-size:clamp(2.7rem,12.5vw,5.6rem);letter-spacing:.05em}.title-sub{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;font-family:var(--font-ui);font-weight:700;font-size:clamp(.95rem,3.6vw,1.3rem);letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--pink-2);text-shadow:0 0 12px rgba(255,47,168,.85)}.title-sub:before,.title-sub:after{content:"";flex:1;max-width:90px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--pink));box-shadow:var(--glow-pink)}.title-sub:after{background:linear-gradient(270deg,transparent,var(--pink))}.title-lockup p{margin:4px 0 0;max-width:40ch;color:#d9cdf2;font-size:.98rem;text-shadow:0 2px 12px rgba(0,0,0,.9)}.press-start{margin:2px auto 0;background:none;border:0;color:#fff;padding:6px 12px;font-family:var(--font-display);font-weight:700;font-size:clamp(.85rem,3.2vw,1.05rem);letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;text-shadow:0 0 6px #fff,0 0 18px var(--pink),0 0 34px rgba(255,47,168,.7);animation:pressStart 1.5s ease-in-out infinite}.press-start .touch-only{display:none}@media(hover:none){.press-start .touch-only{display:inline}.press-start .pointer-only{display:none}}.auth-dialog{width:100%;padding:20px;background:linear-gradient(180deg,#221546e6,#0a0618f0 45%);box-shadow:0 0 0 1px #0009,0 0 50px #7c3aed66,0 24px 60px #000000b3,inset 0 1px #ffffff1a;--edge-a: rgba(255, 47, 168, .8);--edge-c: rgba(34, 229, 255, .5)}.auth-dialog .pill-group{align-self:stretch}.auth-dialog .pill-group button{flex:1}.auth-dialog .btn.big{width:100%;font-family:var(--font-ui);font-size:1.25rem;letter-spacing:.1em;min-height:56px}.auth-dialog .small-print{margin:0;font-size:.82rem;line-height:1.4}.invite-note{border-color:var(--line-hot)}.version-tag{position:fixed;left:14px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:2;font-family:var(--font-ui);font-weight:600;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:#bfb2dd;text-shadow:0 1px 6px #000;pointer-events:none}@keyframes pressStart{0%,to{opacity:1}50%{opacity:.6}}.title-screen .panel,.menu-screen .panel,.menu-screen .tile,.collection-screen .panel{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(180deg,#1e133ceb,#0e091ef0 38%)}.title-screen .panel.soft,.menu-screen .panel.soft,.collection-screen .panel.soft{background:linear-gradient(180deg,#281a4eeb,#1a1134f2)}.title-screen .auth-dialog{background:linear-gradient(180deg,#221546f2,#0a0618f5 45%)}.menu-screen{position:relative;isolation:isolate}.menu-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 15% 0%,rgba(124,58,237,.34),transparent 55%),radial-gradient(ellipse at 95% 100%,rgba(255,47,168,.22),transparent 55%),linear-gradient(180deg,#0b0718,#07050d)}.menu-backdrop:before{content:"";position:absolute;inset:-8%;background:url(/art/menu_backdrop.jpg) center / cover no-repeat;opacity:.6;animation:menuPan 70s ease-in-out infinite alternate}.menu-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07050d80,#07050dcc)}.menu-backdrop i{position:absolute;z-index:1;width:70vmax;height:70vmax;border-radius:50%;opacity:.5}.menu-backdrop i:nth-child(1){left:-22vmax;top:-30vmax;background:radial-gradient(circle,rgba(124,58,237,.4),transparent 62%);animation:hazeA 38s ease-in-out infinite alternate}.menu-backdrop i:nth-child(2){right:-26vmax;bottom:-34vmax;background:radial-gradient(circle,rgba(255,47,168,.3),transparent 62%);animation:hazeB 46s ease-in-out infinite alternate}@keyframes menuPan{0%{transform:translate3d(-2%,-1%,0) scale(1.04)}to{transform:translate3d(2%,1.5%,0) scale(1.1)}}@keyframes hazeA{0%{transform:translateZ(0)}to{transform:translate3d(10vmax,8vmax,0)}}@keyframes hazeB{0%{transform:translateZ(0)}to{transform:translate3d(-9vmax,-7vmax,0)}}.menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap}.menu-head .logo{font-size:clamp(1.9rem,6.5vw,2.8rem)}.menu-tagline{margin:0;min-width:0;font-size:1rem;color:#cfc3ea;text-shadow:0 2px 10px rgba(0,0,0,.8)}.menu-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.tile{--tile: var(--purple-2);grid-column:span 4;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:200px;padding:18px;overflow:hidden;transition:transform .16s ease,box-shadow .22s ease}.tile:after{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--tile) 34%,transparent),transparent 66%);transition:opacity .2s ease;opacity:.8}.tile>*{position:relative;z-index:1}.tile.hero{grid-column:span 6;min-height:250px;padding:22px}.tile.keeps{--tile: var(--pink);--edge-a: rgba(255, 47, 168, .9);--edge-b: rgba(255, 47, 168, .35);box-shadow:0 14px 36px #00000080,0 0 30px #ff2fa82e,inset 0 1px #ffffff12}.tile.practice{--tile: var(--cyan);--edge-a: rgba(34, 229, 255, .85);--edge-b: rgba(34, 229, 255, .3);--edge-c: rgba(124, 58, 237, .45);box-shadow:0 14px 36px #00000080,0 0 30px #22e5ff24,inset 0 1px #ffffff12}.tile:hover,.tile:focus-within{transform:translateY(-3px);box-shadow:0 0 0 1px var(--tile),0 0 30px color-mix(in srgb,var(--tile) 50%,transparent),0 16px 36px #0000008c}.tile:hover:after{opacity:1}.tile-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--tile);background:color-mix(in srgb,var(--tile) 14%,rgba(5,3,12,.7));border:1px solid color-mix(in srgb,var(--tile) 55%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--tile) 35%,transparent)}.tile-icon svg{width:26px;height:26px;filter:drop-shadow(0 0 5px currentColor)}.tile.hero .tile-icon{width:58px;height:58px;border-radius:18px}.tile.hero .tile-icon svg{width:34px;height:34px}.tile h2,.tile h3{margin:4px 0 0}.tile h2{font-size:1.35rem;letter-spacing:.08em;text-shadow:0 0 14px color-mix(in srgb,var(--tile) 70%,transparent)}.tile.hero h2{font-size:1.7rem}.tile h3:before{background:var(--tile);box-shadow:0 0 10px var(--tile)}.tile p{margin:0;color:#cdbfe8;font-size:.95rem}.tile .btn{margin-top:auto;align-self:flex-start}.tile .big-count{margin-top:4px;font-family:var(--font-display);font-weight:900;font-size:2.1rem;line-height:1;color:#fff;text-shadow:0 0 14px color-mix(in srgb,var(--tile) 80%,transparent)}.tile .big-count span{font-family:var(--font-ui);font-weight:600;font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);text-shadow:none}.tile .btn.stretch:after{content:"";position:absolute;inset:0;border-radius:inherit}.tile .btn.stretch{position:static}.tile .btn.stretch:hover:not(:disabled),.tile .btn.stretch:active:not(:disabled){transform:none}.tile:hover .btn.practice:not(:disabled),.tile:focus-within .btn.practice:not(:disabled){filter:brightness(1.1)}.tile:hover .btn:not(.practice):not(:disabled),.tile:focus-within .btn:not(.practice):not(:disabled){border-color:var(--tile)}.tile .btn.stretch:focus-visible{outline-offset:3px}.tile.crate{--tile: var(--gold);grid-column:span 6;min-height:0;flex-direction:row;align-items:center;gap:18px;--edge-a: rgba(255, 207, 90, .85);--edge-b: rgba(255, 47, 168, .4);--edge-c: rgba(255, 207, 90, .3)}.tile.crate.ready{box-shadow:0 14px 36px #00000080,0 0 30px #ffcf5a4d,inset 0 1px #ffffff12}.tile.crate.ready:after{width:320px;height:320px;right:auto;left:-40px;top:-100px;opacity:.55;background:radial-gradient(circle,rgba(255,207,90,.4),transparent 66%);animation:crateGlow 2.6s ease-in-out infinite}.crate-art{flex:none;width:84px;height:84px;color:var(--gold);filter:drop-shadow(0 0 10px rgba(255,207,90,.7))}.tile.crate:not(.ready) .crate-art{color:#9c8fb9;filter:none;animation:none;opacity:.8}.crate-body{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0;flex:1}.tile.crate .btn.primary{background:linear-gradient(135deg,#ffcf5a,#ff9f2f);color:#2a1300;border-color:#ffe9a8;text-shadow:none;box-shadow:0 0 18px #ffcf5a99,inset 0 1px #ffffff80}.tile.crate .btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#ffcf5a,#ff9f2f);box-shadow:0 0 28px #ffcf5ad9,inset 0 1px #fff9}.tile.more{grid-column:span 6;min-height:0;justify-content:center}.menu-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.resume-bar{--edge-a: rgba(255, 47, 168, .95);box-shadow:0 0 28px #ff2fa847,0 14px 36px #00000080;font-family:var(--font-ui);font-weight:600;font-size:1.1rem;letter-spacing:.04em}@keyframes crateBob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes crateGlow{0%,to{opacity:.35}50%{opacity:.9}}.player-badge{display:flex;align-items:center;gap:10px;min-width:0;padding:4px 6px 4px 5px;border-radius:999px;background:#07050d99;border:1px solid var(--line-hot);box-shadow:0 0 14px #ff2fa82e}.avatar{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-family:var(--font-display);font-weight:900;font-size:1rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);background:radial-gradient(circle at 32% 26%,#ffc2ee 0 6%,#ff2fa8 40%,#7c3aed 82%,#240a52);box-shadow:0 0 12px #ff2fa899,inset -3px -4px 8px #0006}.badge-text{display:flex;flex-direction:column;min-width:0;line-height:1.1}.badge-text .btn{justify-content:flex-start;min-height:22px;padding:0 4px;font-size:1.05rem;color:#fff;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:left}.badge-meta{display:flex;flex-wrap:wrap;gap:0 10px;padding:0 4px;font-family:var(--font-ui);font-weight:600;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.badge-meta b{color:var(--pink-2);font-weight:700}.badge-meta .badge-shooter{color:var(--cyan-2);max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.topbar .name-btn{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;padding-left:6px;padding-right:10px}.ticket-title{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;font-family:var(--font-ui);font-size:1rem;font-weight:600;text-transform:none;letter-spacing:.14em;color:var(--ink-dim)}.ticket-code{position:relative;display:block;padding:8px 34px;font-family:var(--font-display);font-weight:900;font-size:clamp(2rem,9vw,3.4rem);letter-spacing:.22em;text-indent:.22em;color:#fff;text-shadow:0 0 8px #fff,0 0 20px var(--pink),0 0 40px rgba(255,47,168,.6);text-transform:uppercase;background:linear-gradient(135deg,#ff2fa838,#7c3aed4d);border-top:1px solid var(--line-hot);border-bottom:1px solid var(--line-hot);border-radius:14px;-webkit-mask:radial-gradient(circle 11px at 0 50%,#0000 97%,#000) left / 51% 100% no-repeat,radial-gradient(circle 11px at 100% 50%,#0000 97%,#000) right / 51% 100% no-repeat;mask:radial-gradient(circle 11px at 0 50%,#0000 97%,#000) left / 51% 100% no-repeat,radial-gradient(circle 11px at 100% 50%,#0000 97%,#000) right / 51% 100% no-repeat}.room-meta{color:var(--ink-dim);font-family:var(--font-ui);font-weight:600;font-size:1.05rem;letter-spacing:.04em}.offer-card{border-left:3px solid var(--purple-2)}.offer-card.mine{border-left-color:var(--pink)}.shooter-line{padding:6px 10px;border-radius:8px;background:#22e5ff12;border:1px solid rgba(34,229,255,.28);font-family:var(--font-ui);font-weight:600;letter-spacing:.03em}.queue-chip{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.path-card{min-width:0;padding:20px}.path-card.friend{display:flex;flex-direction:column;gap:14px;--edge-a: rgba(255, 47, 168, .9);--edge-b: rgba(255, 47, 168, .35);box-shadow:0 14px 36px #00000080,0 0 34px #ff2fa833,inset 0 1px #ffffff12}.path-card.quick{--edge-a: rgba(34, 229, 255, .75);--edge-b: rgba(34, 229, 255, .3);--edge-c: rgba(124, 58, 237, .45)}.path-card .panel{backdrop-filter:none;-webkit-backdrop-filter:none}.path-head{display:flex;flex-direction:column;gap:6px}.path-title{margin:0;font-size:clamp(1.4rem,5.2vw,1.9rem);letter-spacing:.08em;text-shadow:0 0 16px rgba(255,47,168,.55)}.path-card.quick .path-title{text-shadow:0 0 16px rgba(34,229,255,.5)}.path-lede{margin:0;color:#d9cdf2;font-size:1.02rem}.path-body{align-items:stretch}.path-body>.panel{flex:1 1 280px}.path-or{display:flex;align-items:center;gap:12px;margin:-2px 0;color:var(--ink-dim);font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase}.path-or:before,.path-or:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line-hot))}.path-or:after{transform:scaleX(-1)}.fine{font-size:.9rem}.presence{display:flex;flex-direction:column;gap:8px;font-family:var(--font-ui);font-weight:700;font-size:1.08rem;letter-spacing:.08em;text-transform:uppercase}.presence-line{display:inline-flex;align-items:center;gap:9px;color:var(--cyan-2)}.live-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:livePulse 1.8s ease-in-out infinite}@keyframes livePulse{50%{opacity:.35;transform:scale(.8)}}.presence-empty{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;border-radius:10px;border:1px dashed rgba(34,229,255,.5);background:#22e5ff0f;color:var(--ink);font-weight:600;letter-spacing:.02em;text-transform:none}.searching{padding:12px;border-radius:12px;border:1px solid rgba(34,229,255,.4);background:#22e5ff0d}.panel.flash{animation:createFlash 1.8s ease-out}@keyframes createFlash{20%,60%{box-shadow:0 0 0 2px var(--pink),0 0 28px #ff2fa8b3}}.step-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.step-strip li{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:9px 10px;border-radius:12px;border:1px solid var(--line);background:#0805129e;color:var(--ink-dim);font-family:var(--font-ui);font-weight:600;font-size:1rem;letter-spacing:.02em;line-height:1.2}.step-num{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--purple-2);font-family:var(--font-display);font-weight:900;font-size:.78rem;color:var(--ink)}.step-text{min-width:0;overflow-wrap:anywhere;padding-top:3px}.step-strip li.done{color:var(--ink);border-color:#22e5ff66}.step-strip li.done .step-num{background:var(--fill-cyan);border-color:var(--cyan-2);color:#031219}.step-strip li.current{color:#fff;border-color:var(--pink);background:linear-gradient(135deg,#ff2fa829,#7c3aed24);box-shadow:var(--glow-pink),inset 0 0 14px #ff2fa829}.step-strip li.current .step-num{background:var(--fill-pink);border-color:var(--pink-2);color:#fff;box-shadow:var(--glow-pink)}.room-hint{margin:0;padding:10px 14px;border-left:3px solid var(--pink);border-radius:0 10px 10px 0;background:#ff2fa814;color:#fff;font-family:var(--font-ui);font-weight:700;font-size:1.15rem;letter-spacing:.03em}.explainer{margin:0;padding:10px 14px;border-radius:10px;border:1px solid rgba(34,229,255,.4);background:#22e5ff12;color:#e6fbff}.invite-box{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;border:1px dashed var(--line-hot);background:#ff2fa80d}.invite-url{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;color:var(--ink-dim);overflow-wrap:anywhere;user-select:all}.invite-note{min-height:1.2em;color:var(--cyan-2);font-family:var(--font-ui);font-weight:700}.stake-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;font-family:var(--font-ui)}.stake-label b{font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan-2)}.offer-card.mine .stake-label b{color:var(--pink-2)}@media(max-width:900px){.step-strip{grid-template-columns:minmax(0,1fr);gap:6px}.step-strip li{padding:7px 10px;align-items:center}.step-text{padding-top:0}.step-strip.compact{display:flex;gap:6px}.step-strip.compact li{flex:none;padding:6px}.step-strip.compact li.current{flex:1 1 auto;min-width:0;padding:6px 10px 6px 6px}.step-strip.compact li:not(.current) .step-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.step-strip.compact li:not(.current){gap:0}}@media(max-width:600px){.path-card{padding:16px}}.stat-row{display:flex;flex-wrap:wrap;gap:8px}.stat-row .tag{flex-direction:column;align-items:flex-start;gap:0;padding:6px 14px;border-radius:12px;font-size:.85rem;background:#7c3aed1a}.stat-row .tag b{font-family:var(--font-display);font-weight:900;font-size:1.35rem;letter-spacing:.02em;color:#fff;text-shadow:0 0 10px rgba(255,47,168,.55)}.profile-name{text-transform:none;font-size:1.5rem;letter-spacing:.04em;overflow-wrap:anywhere}.collection-screen{position:relative;isolation:isolate}.collection-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 12%,#261144 0%,var(--bg) 55%,#05030a 100%)}.collection-backdrop video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}.collection-backdrop-fade{position:absolute;inset:0;background:linear-gradient(180deg,#07050d4d,#07050d8c 55%,#07050ddb)}.toolbar{gap:8px 10px}.toolbar .input{width:auto}.bag-hero{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.bag-hero img{width:190px;max-width:100%;height:118px;object-fit:cover;border-radius:14px;border:1px solid var(--line-hot);box-shadow:0 0 26px #ff2fa84d,0 10px 24px #00000080;background:#0b0718}.bag-hero .title-hero{flex:1 1 260px;min-width:0}.title-hero{text-align:center;padding:14px 10px 6px}.title-hero h1{font-size:clamp(1.8rem,6vw,3rem);line-height:1.05;text-transform:uppercase;background:linear-gradient(180deg,#fff,#ffb6ea 45%,#ff2fa8 55%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(255,47,168,.5))}.title-hero p{color:var(--ink-dim);margin:6px 0 0}.bag-reveal{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.bag-reveal .card{padding:6px;font-size:.72rem;animation:pop .35s ease both}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.inspect-view{width:220px;height:220px;border-radius:14px;overflow:hidden;flex:0 0 auto;background:radial-gradient(circle at 50% 40%,#241046,#07050d 75%);border:1px solid var(--line);box-shadow:inset 0 0 30px #7c3aed40}.recovery-panel{--edge-a: rgba(255, 47, 168, .95);--edge-b: rgba(255, 47, 168, .4)}.recovery-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem;letter-spacing:.08em;padding:10px 12px;background:#00000080;border:1px dashed var(--line-hot);border-radius:10px;user-select:all;color:#fff;overflow-wrap:anywhere}.loading-screen{align-items:center;justify-content:center;gap:22px;text-align:center}.loading-screen .logo{font-size:clamp(2rem,9vw,3.2rem)}.loading-bar{position:relative;width:min(280px,70vw);height:4px;border-radius:999px;overflow:hidden;background:#7c3aed47;box-shadow:0 0 12px #7c3aed66}.loading-bar>span{position:absolute;inset:0 auto 0 0;width:38%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--pink) 45%,var(--cyan));box-shadow:var(--glow-pink);animation:loadSweep 1.3s ease-in-out infinite}.loading-note{font-family:var(--font-ui);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:1rem}@keyframes loadSweep{0%{transform:translate(-100%)}to{transform:translate(270%)}}.match-root{position:fixed;inset:0;background:#07050d;overflow:hidden;touch-action:none}.match-root canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.hud>*{pointer-events:auto}.hud-top{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.hud-bottom{display:flex;gap:10px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.hud-panel{background:#07050dcc;border:1px solid var(--line);border-radius:12px;padding:8px 12px;box-shadow:0 6px 20px #00000073,inset 0 1px #ffffff0d;font-family:var(--font-ui);font-weight:600;letter-spacing:.02em}.hud-panel strong{font-weight:700}.hud .btn{background:#07050db3}.hud .btn:hover:not(:disabled){background:#7c3aed66}.hud .btn.ghost{background:transparent}.hud .btn.primary{background:var(--fill-pink)}.hud .field{font-size:.82rem;letter-spacing:.08em;color:#d9ccf2;gap:2px}.hud .input{min-height:36px;font-size:.9rem}.hud-bottom .btn.primary{font-family:var(--font-display);font-size:1.02rem;letter-spacing:.14em;min-height:54px;padding:10px 30px;box-shadow:0 0 0 1px #ff2fa84d,0 0 22px #ff2fa8a6,inset 0 1px #fff6}.hud-bottom .btn.primary:hover:not(:disabled){box-shadow:0 0 0 1px #ff2fa880,0 0 34px #ff2fa8f2,inset 0 1px #ffffff80}.hud-panel.turn-pulse{box-shadow:0 0 0 1px var(--pink),0 0 18px #ff2fa880;border-color:var(--line-hot)}@keyframes turnPulse{0%,to{box-shadow:0 0 0 1px #ff2fa899,0 0 8px #ff2fa833}50%{box-shadow:0 0 0 2px var(--pink),0 0 22px #ff2fa8a6}}.hud-banner{align-self:center;margin-top:6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;max-width:min(560px,100%);padding:8px 14px;border-radius:12px;background:#3c081eeb;border:1px solid var(--danger);box-shadow:0 0 18px #ff4d6d59;color:var(--ink);text-align:center;font-family:var(--font-ui);font-weight:600}.hud-chat{align-self:flex-end;pointer-events:none;display:flex;justify-content:flex-end;margin-top:6px;max-width:100%}.hud-chat .chat-drawer{pointer-events:auto;max-height:34vh}.hud-chat .chat-drawer:not(.open){width:auto;border-radius:999px}.hud-chat .chat-drawer:not(.open) .chat-head{width:auto;min-height:36px;padding:6px 14px;gap:6px}.hud-chat .chat-drawer:not(.open) .chat-caret{margin-left:0}.hud-chat .chat-list{max-height:min(150px,18vh)}.hud-chat .chat-body{min-height:0;flex:1 1 auto}.hud-chat .chat-list{flex:1 1 auto;min-height:0}.hud>.hud-status{pointer-events:none;margin:auto 0 6px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:min(60%,520px)}.hud-status .hud-panel{font-size:1.02rem;padding:6px 10px}.hud-status button{pointer-events:auto}.cue-swatch{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:3px solid currentColor;font-size:.72rem;font-weight:800;color:var(--ink);background:#0000008c;flex:none}.emote-overlay{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:6px;pointer-events:none}.emote-bubble{background:linear-gradient(135deg,#6d28d9,#b0189f);color:#fff;border:1px solid var(--pink-2);border-radius:14px;padding:4px 12px;display:flex;flex-direction:column;align-items:center;animation:pop .25s ease both;box-shadow:var(--glow-pink),0 6px 16px #00000059}.emote-from{font-family:var(--font-ui);font-size:.78rem;letter-spacing:.08em;font-weight:700;opacity:.9}.emote-glyph{font-size:1rem;font-weight:700}.chat-drawer{background:#080512e6;border:1px solid var(--line);border-radius:12px;width:min(360px,100%);display:flex;flex-direction:column;overflow:hidden}.chat-drawer.open{border-color:var(--line-hot)}.panel .chat-drawer,.screen>.chat-drawer{width:100%;background:#140d2ad1}.chat-head{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;color:var(--ink);padding:8px 12px;font-family:var(--font-ui);font-weight:700;font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;min-height:38px;text-align:left}.chat-unread{background:var(--pink);color:#14031f;border-radius:999px;padding:1px 8px;font-size:.8rem;font-weight:700;line-height:1.3;box-shadow:var(--glow-pink)}.chat-caret{margin-left:auto;color:var(--pink-2)}.chat-body{display:flex;flex-direction:column;gap:6px;padding:0 8px 8px}.chat-list{max-height:160px;overflow:auto;display:flex;flex-direction:column;gap:3px;font-size:.88rem;padding:4px 2px;overscroll-behavior:contain}.chat-line{word-break:break-word}.chat-line strong{font-family:var(--font-ui);color:var(--pink-2);margin-right:6px;letter-spacing:.03em}.chat-emote{font-weight:600}.chat-emotes{display:flex;gap:4px;flex-wrap:wrap}.chat-emotes .btn{min-width:38px;min-height:32px;padding:2px 6px;font-size:1rem;border-radius:10px}.chat-input{display:flex;gap:6px}.chat-input .input{min-height:36px;padding:6px 10px}.tag.spectate{white-space:nowrap}.result-banner{position:relative;text-align:center;font-family:var(--font-display);font-weight:900;font-size:clamp(1.7rem,8.5vw,2.9rem);letter-spacing:.14em;text-indent:.14em;line-height:1.05;text-transform:uppercase;padding:6px 0 16px;margin:0 0 4px;animation:bannerIn .55s cubic-bezier(.2,.9,.3,1.25) both;overflow-wrap:anywhere;color:#e6dcff;text-shadow:0 0 18px rgba(168,85,247,.8)}.result-banner:after{content:"";position:absolute;left:12%;right:12%;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);box-shadow:0 0 12px currentColor}.result-banner[data-outcome=win]{color:var(--gold);text-shadow:0 0 6px rgba(255,244,200,.95),0 0 22px rgba(255,207,90,.85),0 0 50px rgba(255,47,168,.55)}.result-banner[data-outcome=loss]{color:#ff9db0;text-shadow:0 0 6px rgba(255,200,210,.5),0 0 22px rgba(255,77,109,.75),0 0 46px rgba(124,58,237,.5)}.result-banner[data-outcome=draw]{color:var(--cyan-2);text-shadow:0 0 6px rgba(255,255,255,.6),0 0 22px rgba(34,229,255,.8)}.result-banner[data-outcome=neutral]{color:#e6dcff;text-shadow:0 0 20px rgba(168,85,247,.85)}.modal:has(.result-banner)>h2{border-bottom:0;font-size:1rem;text-align:center;text-shadow:none;color:var(--ink-dim);letter-spacing:.1em;text-transform:none;margin-bottom:0;padding-bottom:0;overflow-wrap:anywhere}.modal:has(.result-banner){box-shadow:0 0 0 1px #0009,0 0 60px #7c3aed80,0 24px 60px #000000b3,inset 0 1px #ffffff1a}.modal .panel.soft strong{font-family:var(--font-ui);font-size:1.15rem;letter-spacing:.03em}@keyframes bannerIn{0%{opacity:0;transform:scale(1.5);letter-spacing:.4em}to{opacity:1;transform:none;letter-spacing:.14em}}.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;align-items:start}.lab-scene{position:relative;height:56vh;min-height:300px;border-radius:12px;overflow:hidden;background:#07050d;border:1px solid var(--line-hot);box-shadow:0 0 24px #7c3aed40}.lab-scene canvas{display:block;width:100%;height:100%}.lab-scene .lab-overlay{position:absolute;left:8px;top:8px;display:flex;gap:6px;flex-wrap:wrap;pointer-events:none}.lab-scene .lab-overlay>*{pointer-events:auto}.lab-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.lab-table{font-size:.88rem}.lab-table th{text-align:left;padding:4px 6px;font-size:.9rem}.lab-table td{padding:6px;border-top:1px solid var(--line);vertical-align:middle;font-variant-numeric:tabular-nums}.lab-table tr[data-testid=lab-row]{cursor:pointer}.lab-table tr[data-testid=lab-row]:hover{background:#7c3aed24}.lab-table tr.focus{background:#ff2fa824;box-shadow:inset 3px 0 0 var(--pink)}.lab-swatch{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px;box-shadow:0 0 0 1px #00000080,0 0 8px currentColor}.lab-legend{display:flex;gap:8px;flex-wrap:wrap;font-size:.8rem}.kbd{display:inline-block;min-width:1.6em;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em;padding:1px 6px;border:1px solid var(--line);border-bottom-width:3px;border-radius:6px;background:#00000073;color:var(--ink)}.controls-help h3{font-size:1rem;margin:8px 0 2px;color:var(--pink-2)}.controls-help ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px;font-size:.9rem}.controls-help li{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.controls-help li>span:first-child{min-width:170px;color:var(--ink)}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.btn:focus-visible,.hud button:focus-visible,.hud input:focus-visible,.hud select:focus-visible,.card:focus-visible,.pill-group button:focus-visible,.seg-group button:focus-visible,.modal button:focus-visible,.modal input:focus-visible,.modal select:focus-visible,.chat-head:focus-visible,.press-start:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;box-shadow:0 0 0 6px #000000a6,var(--glow-cyan)}.pill-group button:focus-visible,.seg-group button:focus-visible{outline-offset:-3px;box-shadow:none}input[type=checkbox]:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.input:focus-visible{outline:none}.hud input[type=range]:focus-visible{outline-offset:4px}.arena-pick{text-align:left;align-items:flex-start}.arena-pick strong{font-family:var(--font-ui);font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase}.settings-list label.row{padding:8px 4px;border-bottom:1px solid var(--line)}.settings-list label.row:last-of-type{border-bottom:0}.modal .list-item{font-size:.9rem}@media(max-width:900px){.tile{grid-column:span 6}.tile.hero,.tile.crate,.tile.more{grid-column:span 12}}@media(max-width:600px){.screen{padding-left:12px;padding-right:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.btn.big{font-size:.98rem;padding:14px 18px}.topbar{border-radius:18px;padding:8px 10px}.brand small{display:none}.menu-grid{gap:10px}.tile,.tile.hero{grid-column:span 12;min-height:0;padding:16px}.tile.hero{min-height:190px}.tile.crate{flex-direction:column;align-items:flex-start;gap:8px}.crate-art{width:64px;height:64px}.topbar.menu .topbar-right{width:100%;flex-wrap:nowrap}.topbar.menu .player-badge{flex:1 1 auto}.ticket-code{padding:6px 26px;letter-spacing:.16em;text-indent:.16em}.title-sub{letter-spacing:.3em;text-indent:.3em}.inspect-view{width:100%;height:240px}.modal{padding:16px}.modal-actions{bottom:-16px;margin:12px -16px -16px;padding:12px 16px}.board-table{font-size:.85rem}.board-table th,.board-table td{padding:4px 5px}.board-table .btn.small{padding:4px 6px;min-height:30px}}@media(max-width:640px){.hud{padding:6px}.hud-panel{padding:6px 8px;border-radius:10px}.hud-top .players{gap:4px}.player-chip{padding:4px 6px;gap:5px;font-size:.9rem}.player-chip .tag{display:none}.hud-bottom{gap:6px}.hud-bottom .field{width:78px!important;font-size:.7rem}.hud-bottom .hud-panel{gap:6px!important}.hud-bottom .btn.primary{min-height:40px;padding:6px 14px;font-size:.9rem;letter-spacing:.1em}.hud-bottom .btn.small.ghost{display:none}.btn.small{min-height:30px;padding:4px 8px;font-size:.85rem}.timer{font-size:1rem!important}.hud-chat .chat-drawer{max-height:30vh}.hud-chat .chat-list{max-height:13vh}.chat-emotes .btn{min-width:34px}}@media(max-height:520px)and (orientation:landscape){.hud-top .players{display:none}}@media(max-width:640px),(orientation:portrait){.hud>.hud-status{margin:auto 0 6px;max-width:100%}.hud-status .hud-panel{font-size:.95rem}}@media(max-width:760px){.lab-layout{grid-template-columns:1fr}.lab-scene{height:46vh;min-height:260px}.lab-table{font-size:.8rem}.lab-table td,.lab-table th{padding:4px}}:root[data-reduced] *,:root[data-reduced] *:before,:root[data-reduced] *:after{animation:none!important;transition:none!important}:root[data-reduced] .menu-backdrop i{display:none}:root[data-reduced] .loading-bar>span{width:100%;opacity:.7}:root[data-reduced] .card[data-rarity=legendary]:after{display:none}:root[data-reduced] .collection-backdrop video,:root[data-reduced] .title-backdrop video{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.menu-backdrop i{display:none}.loading-bar>span{width:100%;opacity:.7}.card[data-rarity=legendary]:after{display:none}.collection-backdrop video,.title-backdrop video{display:none}}:root[data-contrast=high]{--line: rgba(205, 170, 255, .85);--line-hot: rgba(255, 140, 215, .95);--ink-dim: #d8cef0}:root[data-contrast=high] .panel:before,:root[data-contrast=high] .tile:before,:root[data-contrast=high] .modal:before,:root[data-contrast=high] .path-card:before{padding:2px}:root[data-contrast=high] .btn,:root[data-contrast=high] .input,:root[data-contrast=high] .tag,:root[data-contrast=high] .card,:root[data-contrast=high] .pill-group,:root[data-contrast=high] .seg-group,:root[data-contrast=high] .hud-panel,:root[data-contrast=high] .player-chip{border-width:2px}:root[data-contrast=high] .hud-panel,:root[data-contrast=high] .tag{background:#000000d1}:root[data-contrast=high] .timer,:root[data-contrast=high] .player-chip>span:not([class]),:root[data-contrast=high] .hud-score{text-shadow:none}.perf-overlay{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:60;pointer-events:none;width:262px;padding:6px 8px;border-radius:10px;background:#07050dd1;border:1px solid var(--line);color:#e8dcff;font:11px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-shadow:0 1px 2px #000}.perf-overlay canvas{display:block;width:244px;height:48px;margin-bottom:4px;border-radius:4px;background:#00000059}.perf-overlay div{white-space:normal;overflow-wrap:anywhere}@media(max-width:640px){.perf-overlay{top:auto;bottom:168px;right:6px;transform:none;width:200px;font-size:10px}.perf-overlay canvas{width:184px;height:40px}}.path-card.public{display:flex;flex-direction:column;gap:14px;--edge-a: rgba(255, 47, 168, .9);--edge-b: rgba(168, 85, 247, .45);--edge-c: rgba(34, 229, 255, .75);box-shadow:0 14px 36px #00000080,0 0 34px #ff2fa82e,0 0 46px #22e5ff1a,inset 0 1px #ffffff12}.pubroom-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pubroom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:#0805129e;min-width:0}.pubroom-main{display:flex;flex-direction:column;gap:2px;min-width:0}.pubroom-host{font-family:var(--font-ui);font-weight:700;font-size:1.2rem;letter-spacing:.04em;color:#fff;overflow-wrap:anywhere}.pubroom-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;font-family:var(--font-ui);font-weight:600;font-size:1rem;letter-spacing:.03em;color:var(--ink-dim)}.pubroom-chip{padding:0 8px;border-radius:999px;border:1px solid var(--line);font-size:.88rem;text-transform:uppercase;letter-spacing:.08em}.pubroom-chip.on{color:var(--pink-2);border-color:#ff2fa899;background:#ff2fa81a}.pubroom-side{display:flex;align-items:center;gap:6px 16px}.pubroom-seats{font-family:var(--font-ui);font-weight:600;font-size:1rem;letter-spacing:.04em;white-space:nowrap}.pubroom-seats b{font-family:var(--font-display);font-weight:900;font-size:1.05rem;color:var(--cyan-2)}.pubroom-age{font-family:var(--font-ui);font-weight:600;font-size:.98rem;white-space:nowrap;min-width:5.2em}.pubroom-note{grid-column:1 / -1}.pubroom-empty{justify-content:space-between}.pubroom-status{min-height:1.4em;font-weight:600;text-transform:none;letter-spacing:.03em}.pubroom-more{justify-content:flex-end;gap:6px 12px}.public-toggle{display:flex;flex-direction:column;gap:2px}.public-toggle>.fine{padding-left:24px}.ticket-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}.tag.visibility.public{color:var(--cyan-2);border-color:var(--cyan);background:#22e5ff1a;box-shadow:var(--glow-cyan)}.tag.visibility.private{color:var(--ink-dim)}@media(max-width:600px){.pubroom{grid-template-columns:minmax(0,1fr);padding:10px 12px}.pubroom-side{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"seats age" "join join";align-items:center;gap:6px 12px}.pubroom-side .pubroom-seats{grid-area:seats}.pubroom-side .pubroom-age{grid-area:age;text-align:right}.pubroom-side .btn{grid-area:join;width:100%;min-height:44px}.pubroom-more{justify-content:space-between}}