@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700;1,800;1,900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--brand-navy: #0b1b2b;--brand-green: #8ff06b;--brand-coral: #ff6b5e;--text-primary: #f3f7fa;--text-muted: #a7bbc9;--surface: #10283d;font-family:DM Sans,sans-serif;color:var(--text-primary);background:var(--brand-navy);font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}#game{width:100vw;height:100dvh;display:block;outline:none;touch-action:none}#app{position:fixed;inset:0;pointer-events:none}.topbar{height:94px;margin:0 42px;border-bottom:var(--bb-stroke) solid #050e1880;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:var(--text-primary);font-weight:800;font-size:24px;letter-spacing:-1px;display:flex;align-items:center;gap:12px;pointer-events:auto}.brand-logo{display:block;width:218px;height:auto;padding:8px 12px;filter:drop-shadow(1.5px 0 0 #f3f7fa) drop-shadow(-1.5px 0 0 #f3f7fa) drop-shadow(0 1.5px 0 #f3f7fa) drop-shadow(0 -1.5px 0 #f3f7fa) drop-shadow(4px 4px 0 #050e18)}.brand:focus-visible{outline:2px solid var(--brand-green);outline-offset:5px;border-radius:12px}.edition{margin-left:13px;padding:2px 10px;border:2px solid var(--bb-ink);border-radius:3px;background:var(--bb-coral);color:var(--bb-ink);font-family:var(--bb-font-display);font-style:italic;font-size:12px;font-weight:800;letter-spacing:.12em;transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm)}.network{display:flex;align-items:center;gap:9px;padding:6px 12px;border:2px solid var(--bb-ink);border-radius:var(--bb-radius);background:#12273ae6;color:var(--bb-muted);font-size:11px;font-weight:600;transform:skew(var(--bb-skew))}#status-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-green);display:inline-block}#status-dot.offline{background:var(--brand-coral)}.divider{height:12px;width:1px;background:#ffffff20;margin:0 5px}.scoreboard{position:absolute;top:120px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:150px 130px 150px;align-items:center;gap:12px}.team{display:flex;align-items:center;gap:10px;font-family:var(--bb-font-display);font-style:italic;font-size:18px;font-weight:800;letter-spacing:.06em;text-shadow:2px 2px 0 var(--bb-ink)}.team.right{justify-content:flex-end}.team-tag{padding:3px 8px;border:2px solid var(--bb-ink);border-radius:3px;font-size:13px;text-shadow:none;transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm)}.mint{background:var(--bb-green);color:var(--bb-ink)}.coral{background:var(--bb-coral);color:var(--bb-ink)}.scores{display:flex;align-items:center;justify-content:center;gap:18px;padding:0 18px;border:var(--bb-stroke) solid var(--bb-ink);border-radius:var(--bb-radius);background:#12273aeb;font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:48px;line-height:1.15;transform:skew(var(--bb-skew));box-shadow:var(--bb-drop)}#score-a{color:var(--brand-green)}#score-b{color:var(--brand-coral)}.scores>span{font-size:23px;color:#6a8388}.match-label{grid-column:1/-1;justify-self:center;margin-top:8px;padding:2px 12px;border:2px solid var(--bb-ink);border-radius:3px;background:var(--bb-ink);color:var(--bb-muted);font-size:9px;font-weight:700;letter-spacing:.16em;transform:skew(var(--bb-skew))}#match-clock.golden{color:var(--bb-gold);font-weight:900;animation:golden-pulse 1.2s ease-in-out infinite}@keyframes golden-pulse{50%{opacity:.55}}.match-label .live-dot{width:4px;height:4px;margin:0 5px 2px}footer{position:absolute;bottom:27px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center}.controls{display:flex;align-items:center;gap:4px}.key{display:inline-grid;place-items:center;min-width:26px;height:26px;border:2px solid var(--bb-ink);border-radius:4px;color:var(--bb-text);font-size:10px;font-weight:800;background:var(--bb-navy-3);box-shadow:2px 2px 0 var(--bb-ink)}.key.arrow{font-size:13px;line-height:1}.key.wide{padding:0 9px;margin-left:15px;font-size:8px;letter-spacing:1px}.control-label{font-size:10px;color:var(--text-muted);margin-left:6px}.performance{display:flex;gap:24px;font-size:8px;letter-spacing:1.3px;color:var(--text-muted)}#announcement{position:absolute;left:55%;top:39%;transform:translate(-50%) skew(var(--bb-skew));font-family:var(--bb-font-display);font-style:italic;font-weight:900;font-size:72px;letter-spacing:.02em;color:var(--bb-green);-webkit-text-stroke:3px var(--bb-ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--bb-ink);white-space:nowrap}@media(max-width:1000px){.topbar{margin:0 24px}.edition{display:none}.scoreboard{top:105px}.performance span:last-child{display:none}}@media(max-width:700px){.topbar{height:66px;margin:0 18px}.brand-logo{width:156px;padding:6px 9px;border-radius:9px}.network{font-size:9px}.scoreboard{top:82px;grid-template-columns:100px 80px 100px;gap:5px}.team{font-size:8px;gap:6px}.scores{font-size:36px;gap:15px}footer{left:18px;right:18px;bottom:17px}.controls{display:none}#announcement{font-size:40px;left:50%;top:36%}.performance{font-size:7px}.match-label{font-size:7px;letter-spacing:1px}}@media(pointer:coarse)and (min-width:701px){.controls{visibility:hidden}}.dash-hud{position:absolute;right:42px;bottom:75px;display:grid;gap:9px;color:var(--text-muted)}.dash-hud[hidden]{display:none}.dash-hud>span{font-size:8px;letter-spacing:1.7px}.dash-hud>div{display:flex;gap:6px;align-items:center}.dash-hud i{height:9px;width:32px;border:2px solid var(--bb-ink);background:var(--bb-navy-3);transform:skew(-20deg)}.dash-hud i.charged{background:var(--bb-green)}.dash-hud i.locked{opacity:.25;border-style:dashed}.dash-hud.locked strong{opacity:.7}.dash-hud strong{font-size:11px;min-width:40px;margin-left:5px;font-weight:500}@media(max-width:700px){.dash-hud{right:18px;bottom:145px}.dash-hud>span{font-size:7px}.dash-hud i{width:24px}}.camera-control,.creature-control{position:absolute;top:108px;right:42px;display:flex;align-items:center;gap:9px;pointer-events:auto;color:var(--text-muted);font-size:10px}.camera-control select,.creature-control select{background:var(--bb-navy-3);color:var(--bb-text);border:2px solid var(--bb-ink);border-radius:var(--bb-radius);box-shadow:2px 2px 0 var(--bb-ink);padding:7px 8px;font:inherit;font-weight:700}@media(max-width:700px){.camera-control{top:158px;right:18px}}.creature-control{right:auto;left:42px}@media(max-width:700px){.creature-control{top:158px;left:18px}}.creature-control[hidden]{display:none}footer{bottom:76px}.dash-hud{bottom:115px}#announcement{left:50%}@media(max-width:700px){footer{bottom:66px}.dash-hud{bottom:185px}}.wave-hud{position:absolute;right:24px;bottom:163px;display:flex;align-items:center;gap:14px;padding:8px 14px;border:var(--bb-stroke) solid var(--bb-ink);border-radius:var(--bb-radius);background:#12273aeb;color:var(--bb-text);font-size:12px;font-weight:700;transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm);pointer-events:none}.wave-hud[hidden]{display:none}.wave-hud.ready{background:var(--bb-green);color:var(--bb-ink)}@media(max-width:700px),(pointer:coarse){.wave-hud{right:12px;bottom:233px;padding:7px 10px;font-size:10px}}#ability-name{background-repeat:no-repeat;background-position:left center;background-size:24px;padding-left:30px}#goal-replay[hidden]{display:none}#goal-replay{position:fixed;inset:0;z-index:40;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,#0b1b2b88)}.replay-bars{position:absolute;inset:0;border-block:clamp(20px,5vh,60px) solid var(--bb-ink)}.replay-badge{position:absolute;top:7vh;left:4vw;padding:4px 14px;border:var(--bb-stroke) solid var(--bb-ink);border-radius:3px;background:var(--bb-coral);color:var(--bb-ink);font-family:var(--bb-font-display);font-style:italic;font-size:24px;font-weight:900;letter-spacing:.12em;transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm)}.replay-skip{position:absolute;top:calc(7vh + 48px);left:4vw;display:flex;gap:8px;align-items:center;padding:4px 10px;border:2px solid var(--bb-ink);border-radius:3px;background:var(--bb-navy-2);color:var(--bb-text);font-family:var(--bb-font-display);font-size:15px;font-weight:800;letter-spacing:.1em;transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm)}.replay-skip[hidden]{display:none}.replay-badge i,.replay-skip i{font-style:inherit}.replay-skip kbd{padding:0 6px;border:2px solid var(--bb-cream);border-radius:3px;font:inherit;font-size:11px}.replay-skip b{color:var(--bb-gold)}.replay-skip.voted{background:var(--bb-green);color:var(--bb-ink)}.replay-skip.voted kbd{border-color:var(--bb-ink)}.replay-skip.voted b{color:var(--bb-ink)}.replay-badge span{color:var(--bb-cream);animation:replay-pulse 1s infinite}.replay-legend{position:absolute;bottom:7vh;left:50%;transform:translate(-50%) skew(var(--bb-skew));display:flex;gap:20px;padding:7px 16px;border:2px solid var(--bb-ink);border-radius:var(--bb-radius);background:#12273aeb;box-shadow:var(--bb-drop-sm);white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.08em}.replay-legend span:before{content:"";display:inline-block;width:22px;height:3px;margin:0 8px 3px 0;background:currentColor;box-shadow:0 0 8px currentColor}.replay-assist{color:#69e5ff}.replay-goal{color:#ffda74}.replay-flash{position:absolute;inset:0;background:#e7fff8;animation:replay-flash .65s ease-out forwards}.creature-card{position:absolute;top:50%;right:4vw;transform:translateY(-50%);width:clamp(155px,21vw,285px);padding:18px 15px 22px;text-align:center;color:var(--bb-text);border:var(--bb-stroke) solid var(--bb-ink);border-radius:var(--bb-radius-lg);background:linear-gradient(160deg,#8ff06b26,transparent 38%),linear-gradient(170deg,var(--bb-navy-3),var(--bb-navy-2) 55%,var(--bb-navy));box-shadow:0 0 0 3px var(--bb-green),0 0 0 6px var(--bb-ink),10px 12px 0 6px var(--bb-ink);animation:card-arrive .7s cubic-bezier(.2,.8,.2,1);overflow:hidden}.creature-card:before{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#fff2 50%,transparent 60%);animation:card-shine 3s infinite;pointer-events:none}.card-top{display:flex;justify-content:space-between}.card-top b{padding:0 10px;border:2px solid var(--bb-ink);border-radius:3px;background:var(--bb-coral);color:var(--bb-ink);font-family:var(--bb-font-display);font-style:italic;font-size:18px;font-weight:900;letter-spacing:.12em;transform:skew(var(--bb-skew))}.creature-card canvas{position:relative;width:100%;aspect-ratio:320/300;display:block}.creature-card h2{margin:0;font-family:var(--bb-font-display);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(26px,3.2vw,40px);text-shadow:3px 3px 0 var(--bb-ink)}.card-creature{font-family:var(--bb-font-display);font-style:italic;font-size:20px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;margin:8px 0 16px}.card-power{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;border-top:2px solid var(--bb-ink);padding-top:12px}.card-power img{width:30px;height:30px}.creature-card:where([data-rank]:not([data-rank=none])){--card-rank: var(--bb-rank-0);box-shadow:0 0 0 3px var(--card-rank),0 0 0 6px var(--bb-ink),10px 12px 0 6px var(--bb-ink);background:radial-gradient(120% 70% at 50% 38%,color-mix(in srgb,var(--card-rank) 30%,transparent),transparent 70%),linear-gradient(170deg,color-mix(in srgb,var(--card-rank) 22%,var(--bb-navy-3)),var(--bb-navy-2) 55%,var(--bb-navy))}.creature-card[data-rank=none] .card-rank{display:none}.card-rank{display:inline-flex;align-items:center;gap:5px;padding:0 8px 0 5px;border:2px solid var(--bb-ink);border-radius:3px;background:var(--card-rank, var(--bb-cream));color:var(--bb-ink);font-family:var(--bb-font-display);font-style:italic;font-weight:900;font-size:13px;letter-spacing:.06em;text-transform:uppercase;transform:skew(var(--bb-skew));white-space:nowrap}.card-rank em{font-style:inherit}.card-rank-gem{width:10px;height:10px;border:2px solid var(--bb-ink);background:var(--bb-cream);transform:rotate(45deg)}.creature-card[data-rank] h2{color:color-mix(in srgb,var(--card-rank, #fff) 35%,var(--bb-text))}.creature-card[data-rank="0"]{--card-rank: var(--bb-rank-0)}.creature-card[data-rank="0"]:before{display:none}.creature-card[data-rank="1"]{--card-rank: var(--bb-rank-1)}.creature-card[data-rank="2"]{--card-rank: var(--bb-rank-2)}.creature-card[data-rank="1"]:before,.creature-card[data-rank="2"]:before{animation-duration:4.5s;opacity:.6}.creature-card[data-rank="3"]{--card-rank: var(--bb-rank-3)}.creature-card[data-rank="3"]:after,.creature-card[data-rank="4"]:after,.creature-card[data-rank="5"]:after,.creature-card[data-rank="6"]:after,.creature-card[data-rank="7"]:after,.creature-card[data-rank="8"]:after,.creature-card[data-rank="9"]:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--card-rank) 26%,transparent) 0 14%,transparent 14%) top left / 46px 46px no-repeat,linear-gradient(-45deg,color-mix(in srgb,var(--card-rank) 26%,transparent) 0 14%,transparent 14%) bottom right / 46px 46px no-repeat}.creature-card[data-rank="4"]{--card-rank: var(--bb-rank-4);animation:card-arrive .7s cubic-bezier(.2,.8,.2,1),card-crackle 1.6s steps(2) infinite .7s}.creature-card[data-rank="5"]{--card-rank: var(--bb-rank-5)}.creature-card[data-rank="6"]{--card-rank: var(--bb-rank-6)}.creature-card[data-rank="5"],.creature-card[data-rank="6"],.creature-card[data-rank="7"],.creature-card[data-rank="8"]{animation:card-arrive .7s cubic-bezier(.2,.8,.2,1),card-aura 2.4s ease-in-out infinite .7s}.creature-card[data-rank="6"],.creature-card[data-rank="7"],.creature-card[data-rank="8"],.creature-card[data-rank="9"]{box-shadow:0 0 0 3px var(--card-rank),0 0 0 5px var(--bb-ink),0 0 0 8px var(--card-rank),0 0 0 11px var(--bb-ink),12px 14px 0 11px var(--bb-ink)}.creature-card[data-rank="7"]{--card-rank: var(--bb-rank-7)}.creature-card[data-rank="7"] canvas{background:radial-gradient(4px 4px at 20% 80%,#e8f7ff,transparent),radial-gradient(3px 3px at 70% 90%,#ffffff,transparent),radial-gradient(3px 3px at 45% 70%,#7cc8ff,transparent),radial-gradient(5px 5px at 85% 60%,#b5e2ff,transparent);background-size:100% 200%;animation:card-embers 2.2s linear infinite}.creature-card[data-rank="8"]{--card-rank: var(--bb-rank-8)}.creature-card[data-rank="8"]:before,.creature-card[data-rank="9"]:before{background:linear-gradient(110deg,transparent 35%,#fff6 48%,#fff0 52%,transparent 65%);animation-duration:2s}.creature-card[data-rank="8"] .card-rank-gem,.creature-card[data-rank="9"] .card-rank-gem{width:14px;height:10px;border:0;transform:none;background:var(--bb-ink);clip-path:polygon(0 100%,0 20%,25% 55%,50% 0,75% 55%,100% 20%,100% 100%)}.creature-card[data-rank="9"]{--card-rank: var(--bb-rank-9);border-color:transparent;background:linear-gradient(170deg,#0b1b2bdd,#0b1b2bf2) padding-box,var(--bb-rank-foil) border-box;background-size:100% 100%,300% 300%;animation:card-arrive .7s cubic-bezier(.2,.8,.2,1),card-foil 3s linear infinite}.creature-card[data-rank="9"] .card-rank{background:var(--bb-rank-foil);background-size:300% 100%;animation:card-foil-strip 3s linear infinite}.creature-card[data-rank="9"] h2{background:var(--bb-rank-foil);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(3px 3px 0 var(--bb-ink));animation:card-foil-strip 3s linear infinite}@keyframes card-foil-strip{to{background-position:300% 0}}@keyframes card-crackle{50%{filter:drop-shadow(0 0 10px var(--bb-rank-4)) brightness(1.08)}}@keyframes card-aura{50%{filter:drop-shadow(0 0 14px var(--card-rank))}}@keyframes card-embers{0%{background-position:0 0}to{background-position:0 -100%}}@keyframes card-foil{to{background-position:0 0,300% 0}}@keyframes replay-flash{0%{opacity:.9}to{opacity:0}}@keyframes replay-pulse{50%{opacity:.25}}@keyframes card-arrive{0%{opacity:0;translate:80px 0;rotate:8deg}to{opacity:1;translate:0;rotate:0deg}}@keyframes card-shine{0%{translate:-60% 0}to{translate:60% 0}}@media(max-width:600px){.creature-card{right:10px;padding:12px 10px;width:150px}.replay-legend{gap:12px;font-size:9px;padding:8px 12px}.card-power{font-size:10px}.replay-badge{font-size:11px}.replay-skip{top:calc(7vh + 26px);font-size:11px}}@media(prefers-reduced-motion:reduce){#match-clock.golden{animation:none}#goal-replay *{animation:none!important}.replay-flash{display:none}}#creature-level{color:var(--brand-green);font-size:11px;font-weight:800;white-space:nowrap}.dash-name{padding-left:25px;background:url(/powers/dash.svg) no-repeat left center / 20px}.shot-name{padding-left:25px;background:url(/powers/shot.svg) no-repeat left center / 20px}#goal-replay.card-left .creature-card{left:4vw;right:auto}@media(max-width:600px){#goal-replay.card-left .creature-card{left:10px}}.creature-card .card-nick{padding-top:8px;letter-spacing:.08em}.creature-card .card-level{display:block;color:var(--brand-green);font-size:12px;margin:0 0 12px}@media(max-width:380px){.topbar{margin-inline:12px}.brand-logo{width:136px}.network{gap:5px}.camera-control{top:202px;left:18px;right:auto}}#announcement.countdown{left:50%;font-size:150px;line-height:1;color:var(--bb-cream);text-shadow:8px 8px 0 var(--bb-ink)}#announcement.countdown.tick{animation:countdown-pop 1s ease-out both}@keyframes countdown-pop{0%{opacity:0;scale:1.6}18%{opacity:1;scale:1}80%{opacity:1}to{opacity:.25;scale:.92}}#toasts{position:absolute;left:50%;bottom:112px;transform:translate(-50%);display:grid;justify-items:center;gap:6px;pointer-events:none;z-index:5}.toast{padding:5px 12px;background:var(--bb-navy-2);color:var(--bb-text);border:2px solid var(--bb-ink);border-radius:3px;box-shadow:var(--bb-drop-sm);transform:skew(var(--bb-skew));font-family:var(--bb-font-display);font-style:italic;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;animation:toast-in .22s ease-out both;transition:opacity .4s,translate .4s}.toast strong{font-weight:900;color:var(--bb-cream)}.toast.leaving{opacity:0;translate:0 6px}@keyframes toast-in{0%{opacity:0;translate:0 10px}}#tab-board{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:14px;padding:16px;background:#050e18b8;color:var(--bb-text);pointer-events:none;z-index:20}#tab-board[hidden]{display:none}#tab-board>header{display:flex;align-items:baseline;gap:12px;font-family:var(--bb-font-display);font-style:italic;font-weight:800;letter-spacing:.08em;color:var(--bb-muted)}#tab-board>header strong{font-size:26px;font-weight:900;color:var(--bb-cream)}.tab-teams{display:grid;grid-template-columns:repeat(2,minmax(0,460px));gap:18px;width:min(100%,940px)}.tab-team{background:#12273ad9;border:var(--bb-stroke) solid var(--bb-ink);border-radius:var(--bb-radius);box-shadow:var(--bb-drop);padding:10px 12px 12px;border-top:5px solid var(--team, var(--bb-green))}.tab-team.mint{--team: var(--bb-green)}.tab-team.coral{--team: var(--bb-coral)}.tab-team h2{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-family:var(--bb-font-display);font-style:italic;font-weight:900;font-size:22px;letter-spacing:.04em;color:var(--team)}.tab-team h2 .team-tag{color:var(--bb-ink)}.tab-team h2 strong{margin-left:auto;font-size:30px;color:var(--bb-cream);-webkit-text-stroke:2px var(--bb-ink);paint-order:stroke fill}.tab-team table{width:100%;border-collapse:collapse;font-family:var(--bb-font-display);font-variant-numeric:tabular-nums}.tab-team thead th{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--bb-muted);text-align:center;padding:0 4px 4px;border-bottom:1px solid var(--bb-line)}.tab-team thead th:first-child{text-align:left}.tab-team td{text-align:center;font-size:18px;font-weight:700;padding:5px 4px;border-bottom:1px solid var(--bb-line)}.tab-team tbody th{text-align:left;padding:5px 4px;border-bottom:1px solid var(--bb-line);font-weight:400}.tab-nick{display:block;font-style:italic;font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.03em}.tab-creature{display:block;font-family:var(--bb-font-body);font-size:11px;color:var(--bb-muted)}.tab-rank{display:inline-block;margin-right:6px;padding:0 5px;border:1px solid var(--bb-ink);border-radius:2px;background:var(--rank);color:var(--bb-ink);font-family:var(--bb-font-display);font-style:italic;font-weight:900;font-size:10px;letter-spacing:.06em;line-height:1.5;text-transform:uppercase;vertical-align:1px;transform:skew(var(--bb-skew))}.tab-rank.foil{background:var(--bb-rank-foil)}.tab-team .tab-xp{color:var(--bb-cream);font-weight:900}.tab-team tr.me{background:#f6f3ea14;box-shadow:inset 4px 0 0 var(--team)}.tab-team tr.me .tab-nick{color:var(--team)}.tab-team tr.empty td{color:var(--bb-muted);font-size:13px}@media(max-width:700px){.tab-teams{grid-template-columns:minmax(0,1fr);gap:10px}.tab-team td,.tab-nick{font-size:15px}#announcement.countdown{font-size:96px}#toasts{bottom:150px}}@media(prefers-reduced-motion:reduce){#announcement.countdown.tick,.toast{animation:none}}#tab-yielded{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:var(--bb-backdrop);background-color:var(--bb-navy)}#tab-yielded section{display:grid;gap:18px;justify-items:start;width:min(460px,100%);padding:28px 26px 26px;color:var(--bb-text)}#tab-yielded h2{font-size:clamp(26px,6vw,34px)}#tab-yielded p{margin:0;color:var(--bb-muted);font-family:var(--bb-font-body);font-size:16px;line-height:1.45}#announcement.golden-notice{font-size:38px;color:#ffd23f;-webkit-text-stroke:2px var(--bb-ink);text-shadow:3px 3px 0 var(--bb-ink)}@media(max-width:700px){#announcement.golden-notice{font-size:22px}}.creature-card[data-rank="0"]{background:var(--bb-rank-bg-0)}.creature-card[data-rank="1"]{background:var(--bb-rank-bg-1)}.creature-card[data-rank="2"]{background:var(--bb-rank-bg-2)}.creature-card[data-rank="3"]{background:var(--bb-rank-bg-3)}.creature-card[data-rank="4"]{background:var(--bb-rank-bg-4)}.creature-card[data-rank="5"]{background:var(--bb-rank-bg-5)}.creature-card[data-rank="6"]{background:var(--bb-rank-bg-6)}.creature-card[data-rank="7"]{background:var(--bb-rank-bg-7)}.creature-card[data-rank="8"]{background:var(--bb-rank-bg-8)}.creature-card[data-rank="9"]{border-color:var(--bb-ink);background:var(--bb-rank-bg-9);animation:card-arrive .7s cubic-bezier(.2,.8,.2,1)}.creature-card[data-rank="9"]:after{padding:5px;border-radius:inherit;background:var(--bb-rank-foil);background-size:300% 300%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:card-frame-foil 3s linear infinite}@keyframes card-frame-foil{to{background-position:300% 0}}.replay-share{position:absolute;top:7vh;right:4vw;display:flex;gap:8px;align-items:center;padding:6px 14px;border:var(--bb-stroke) solid var(--bb-ink);border-radius:3px;background:var(--bb-green);color:var(--bb-ink);font-family:var(--bb-font-display);font-size:20px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm);pointer-events:auto;cursor:pointer}.replay-share i{font-style:inherit}.replay-share svg,.share-panel svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.replay-share:hover{background:var(--bb-cream)}.share-panel{position:fixed;right:16px;bottom:16px;z-index:90;width:min(260px,calc(100vw - 32px));padding:14px;border:3px solid var(--bb-ink);border-radius:var(--bb-radius-lg);background:var(--bb-navy-2);color:var(--bb-text);box-shadow:6px 6px 0 var(--bb-ink);font-family:var(--bb-font-body)}.share-title{margin:0 28px 10px 0;font-family:var(--bb-font-display);font-style:italic;font-weight:900;font-size:22px;text-transform:uppercase;letter-spacing:.04em}.share-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--bb-muted);font-size:24px;line-height:1;cursor:pointer}.share-close:hover{color:var(--bb-text);background:var(--bb-navy-3)}.share-progress{height:10px;border:2px solid var(--bb-ink);border-radius:5px;background:var(--bb-navy-3);overflow:hidden}.share-progress i{display:block;width:0;height:100%;background:var(--bb-green);transition:width .15s linear}.share-note{margin:8px 0 0;font-size:12px;color:var(--bb-muted)}.share-panel video{display:block;width:100%;aspect-ratio:9 / 16;max-height:46vh;object-fit:contain;border:2px solid var(--bb-ink);border-radius:var(--bb-radius);background:var(--bb-ink)}.share-actions{display:flex;gap:8px;margin-top:10px}.share-actions button{flex:1;padding:8px 10px;border:2px solid var(--bb-ink);border-radius:var(--bb-radius);font-family:var(--bb-font-display);font-weight:900;font-size:18px;text-transform:uppercase;box-shadow:3px 3px 0 var(--bb-ink);cursor:pointer}.share-primary{background:var(--bb-green);color:var(--bb-ink)}.share-ghost{background:var(--bb-navy-3);color:var(--bb-text)}@media(pointer:coarse){.share-panel{top:12px;right:12px;bottom:auto}.share-panel video{max-height:32vh}}.camera-control select:focus-visible,.creature-control select:focus-visible{outline:2px solid var(--brand-green);outline-offset:3px}:root{--bb-navy: #0b1b2b;--bb-ink: #050e18;--bb-navy-2: #12273a;--bb-navy-3: #1b3650;--bb-green: #8ff06b;--bb-green-ink: #3f8f27;--bb-coral: #ff6b5e;--bb-coral-ink: #b8392f;--bb-gold: #ffd23f;--bb-cream: #f6f3ea;--bb-text: #f3f7fa;--bb-muted: #9fb3c4;--bb-line: #f6f3ea1f;--bb-rank-0: #8b97a5;--bb-rank-1: #c07c43;--bb-rank-2: #d3dde6;--bb-rank-3: #ffd23f;--bb-rank-4: #8fe8dc;--bb-rank-5: #3fd08f;--bb-rank-6: #ff4f6d;--bb-rank-7: #7cc8ff;--bb-rank-8: #a078ff;--bb-rank-9: #7af7ff;--bb-rank-foil: linear-gradient( 115deg, #ffd23f, #ff4fa3 25%, #7af7ff 50%, #a078ff 75%, #ffd23f );--bb-rank-bg-0: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.35' stroke-width='2'%3E%3Cpath d='M0 1H60M1 0V60'/%3E%3C/g%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.08' stroke-width='1'%3E%3Cpath d='M0 3H60M3 0V60'/%3E%3C/g%3E%3Cg fill='%23c3ccd6' fill-opacity='.28' stroke='%23000' stroke-opacity='.4'%3E%3Ccircle cx='8' cy='8' r='2.4'/%3E%3Ccircle cx='52' cy='8' r='2.4'/%3E%3Ccircle cx='8' cy='52' r='2.4'/%3E%3Ccircle cx='52' cy='52' r='2.4'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 60px 60px, repeating-linear-gradient(0deg, #ffffff08 0 1px, transparent 1px 4px), radial-gradient(90% 60% at 50% 30%, #6b7784, transparent 75%), linear-gradient(165deg, #4b5662, #2a323b 60%, #1a2027);--bb-rank-bg-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 48'%3E%3Cg fill='none' stroke='%23e09a5c' stroke-opacity='.3' stroke-width='1.5'%3E%3Cpath d='M14 0l14 8v16l-14 8L0 24V8z'/%3E%3Cpath d='M14 32v16M0 24 0 48M28 24v24'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 28px 48px, radial-gradient(80% 50% at 70% 20%, #ffb36b40, transparent 70%), linear-gradient(170deg, #6a3d1c, #3a2210 60%, #1e120a);--bb-rank-bg-2: linear-gradient(115deg, transparent 38%, #ffffff26 48%, transparent 58%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 22'%3E%3Cpath d='M0 18 20 4 40 18' fill='none' stroke='%23fff' stroke-opacity='.13' stroke-width='3'/%3E%3C/svg%3E") 0 0 / 40px 22px, radial-gradient(120% 40% at 50% 112%, #d3dde655, transparent 70%), linear-gradient(185deg, #5d6b7c, #2a3442 60%, #161d27);--bb-rank-bg-3: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23ffe58a' stroke-opacity='.3' stroke-width='1.4'%3E%3Cpath d='M24 4 44 24 24 44 4 24z'/%3E%3Cpath d='M24 14 34 24 24 34 14 24z'/%3E%3C/g%3E%3Ccircle cx='24' cy='24' r='2.2' fill='%23ffe58a' fill-opacity='.45'/%3E%3Ccircle cx='0' cy='0' r='2' fill='%23ffe58a' fill-opacity='.35'/%3E%3Ccircle cx='48' cy='48' r='2' fill='%23ffe58a' fill-opacity='.35'/%3E%3C/svg%3E") 0 0 / 48px 48px, repeating-conic-gradient( from 0deg at 50% 40%, #ffd23f24 0 4deg, transparent 4deg 12deg ), radial-gradient( 70% 50% at 50% 38%, #ffd23f88, #b8860b40 50%, transparent 78% ), linear-gradient(170deg, #6b4c0c, #352406 60%, #1a1203);--bb-rank-bg-4: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M30 8l2.6 16.4L49 27l-16.4 2.6L30 46l-2.6-16.4L11 27l16.4-2.6z' fill='%23e9fffb' fill-opacity='.22'/%3E%3Ccircle cx='52' cy='52' r='1.6' fill='%23fff' fill-opacity='.45'/%3E%3C/svg%3E") 0 0 / 64px 64px, repeating-radial-gradient( circle at 15% 20%, #bff5ee1c 0 1.5px, transparent 2px 11px ), repeating-radial-gradient( circle at 85% 85%, #bff5ee16 0 1.5px, transparent 2px 11px ), radial-gradient(80% 50% at 50% 30%, #8fe8dc55, transparent 72%), linear-gradient(170deg, #2f5d5a, #163230 60%, #0a1a1a);--bb-rank-bg-5: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='%233fd08f'%3E%3Cpath d='M0 0h30L0 30z' fill-opacity='.14'/%3E%3Cpath d='M30 0h30v30z' fill-opacity='.08'/%3E%3Cpath d='M0 60V30l30 30z' fill-opacity='.06'/%3E%3Cpath d='M60 60H30l30-30z' fill-opacity='.16'/%3E%3Cpath d='M30 0 60 30 30 60 0 30z' fill-opacity='.05'/%3E%3C/g%3E%3Cpath d='M30 0 60 30 30 60 0 30z' fill='none' stroke='%23a8ffd6' stroke-opacity='.12'/%3E%3C/svg%3E") 0 0 / 60px 60px, radial-gradient(90% 60% at 50% 36%, #3fd08f55, transparent 70%), linear-gradient(175deg, #1c6a48, #0d3a2a 60%, #06201a);--bb-rank-bg-6: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'%3E%3Cg stroke='%23ffb3c1' stroke-opacity='.45' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M20 30 40 10h40l20 20-40 50z' fill='%23ff4f6d' fill-opacity='.22'/%3E%3Cpath d='M20 30h80M40 10l10 20 10 50M80 10 70 30 60 80M50 30 60 10 70 30' fill='none'/%3E%3C/g%3E%3C/svg%3E") right -10px bottom 4px / 70% auto no-repeat, repeating-conic-gradient( from 0deg at 50% 40%, #ff4f6d2a 0 5deg, transparent 5deg 15deg ), radial-gradient( 50% 36% at 50% 40%, #ff8c9faa, #ff4f6d40 45%, transparent 75% ), linear-gradient(170deg, #5e1224, #2e0912 60%, #17040a);--bb-rank-bg-7: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120'%3E%3Cg fill='none' stroke='%23d8f1ff' stroke-opacity='.38' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M20 40 45 15h70l25 25-60 75z'/%3E%3Cpath d='M20 40h120M45 15l15 25 20 75M115 15l-15 25-20 75M60 40l20-25 20 25'/%3E%3C/g%3E%3Cg fill='%23fff' fill-opacity='.5'%3E%3Cpath d='M148 12l2 6 6 2-6 2-2 6-2-6-6-2 6-2z'/%3E%3Cpath d='M12 92l1.5 4.5 4.5 1.5-4.5 1.5-1.5 4.5-1.5-4.5-4.5-1.5 4.5-1.5z'/%3E%3C/g%3E%3C/svg%3E") center 42% / 92% auto no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M30 8l2.6 16.4L49 27l-16.4 2.6L30 46l-2.6-16.4L11 27l16.4-2.6z' fill='%23d8f1ff' fill-opacity='.26'/%3E%3Ccircle cx='52' cy='52' r='1.6' fill='%23fff' fill-opacity='.45'/%3E%3C/svg%3E") 0 0 / 52px 52px, repeating-linear-gradient(120deg, #7cc8ff14 0 2px, transparent 2px 16px), radial-gradient(70% 50% at 50% 40%, #7cc8ff66, transparent 75%), linear-gradient(175deg, #10345a, #081a33 60%, #040c1c);--bb-rank-bg-8: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80'%3E%3Cg fill='%23c9b2ff' fill-opacity='.28'%3E%3Cellipse cx='15.161251282734245' cy='52.316474626805174' rx='6' ry='2.6' transform='rotate(-43 15.161251282734245 52.316474626805174)'/%3E%3Cellipse cx='18.839160126774118' cy='44.89308582603007' rx='6' ry='2.6' transform='rotate(-25 18.839160126774118 44.89308582603007)'/%3E%3Cellipse cx='24.665511349191444' cy='39.003489389467035' rx='6' ry='2.6' transform='rotate(-7 24.665511349191444 39.003489389467035)'/%3E%3Cellipse cx='32.048760382164474' cy='35.24565111864659' rx='6' ry='2.6' transform='rotate(12 32.048760382164474 35.24565111864659)'/%3E%3Cellipse cx='40.239292124989014' cy='34.00110119103276' rx='6' ry='2.6' transform='rotate(30 40.239292124989014 34.00110119103276)'/%3E%3Cellipse cx='48.405528738451096' cy='35.39619772012722' rx='6' ry='2.6' transform='rotate(48 48.405528738451096 35.39619772012722)'/%3E%3Cellipse cx='55.71835904750616' cy='39.28929772186174' rx='6' ry='2.6' transform='rotate(67 55.71835904750616 39.28929772186174)'/%3E%3Cellipse cx='104.8' cy='52.3' rx='6' ry='2.6' transform='rotate(43 104.8 52.3)'/%3E%3Cellipse cx='101.2' cy='44.9' rx='6' ry='2.6' transform='rotate(25 101.2 44.9)'/%3E%3Cellipse cx='95.3' cy='39.0' rx='6' ry='2.6' transform='rotate(7 95.3 39.0)'/%3E%3Cellipse cx='88.0' cy='35.2' rx='6' ry='2.6' transform='rotate(-12 88.0 35.2)'/%3E%3Cellipse cx='79.8' cy='34.0' rx='6' ry='2.6' transform='rotate(-30 79.8 34.0)'/%3E%3Cellipse cx='71.6' cy='35.4' rx='6' ry='2.6' transform='rotate(-48 71.6 35.4)'/%3E%3Cellipse cx='64.3' cy='39.3' rx='6' ry='2.6' transform='rotate(-67 64.3 39.3)'/%3E%3C/g%3E%3C/svg%3E") center 46% / 92% auto no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='10' cy='12' r='1'/%3E%3Ccircle cx='52' cy='8' r='.7'/%3E%3Ccircle cx='70' cy='40' r='1.2'/%3E%3Ccircle cx='30' cy='50' r='.8'/%3E%3Ccircle cx='60' cy='70' r='.6'/%3E%3Ccircle cx='18' cy='72' r='1'/%3E%3Ccircle cx='42' cy='28' r='.5'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 70px 70px, radial-gradient(60% 22% at 32% 22%, #a078ffaa, transparent 70%), radial-gradient(70% 50% at 50% 40%, #a078ff55, transparent 78%), linear-gradient(180deg, #2c1a5c, #160d34 60%, #0b071c);--bb-rank-bg-9: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.18'%3E%3Ccircle cx='50' cy='50' r='30'/%3E%3Ccircle cx='50' cy='50' r='42' stroke-dasharray='2 6'/%3E%3C/g%3E%3Cpath d='M50 4l2 8-2 2-2-2zM50 96l2-8-2-2-2 2zM4 50l8 2 2-2-2-2zM96 50l-8 2-2-2 2-2z' fill='%23fff' fill-opacity='.35'/%3E%3C/svg%3E") center 40% / 86% auto no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='10' cy='12' r='1'/%3E%3Ccircle cx='52' cy='8' r='.7'/%3E%3Ccircle cx='70' cy='40' r='1.2'/%3E%3Ccircle cx='30' cy='50' r='.8'/%3E%3Ccircle cx='60' cy='70' r='.6'/%3E%3Ccircle cx='18' cy='72' r='1'/%3E%3Ccircle cx='42' cy='28' r='.5'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 60px 60px, conic-gradient( from 210deg at 50% 42%, #ffd23f40, #ff4fa340, #7af7ff48, #a078ff48, #ffd23f40 ), radial-gradient(70% 50% at 50% 40%, #7af7ff44, transparent 75%), linear-gradient(175deg, #1a1440, #0c0a26 60%, #070616);--bb-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;--bb-font-body: "DM Sans", system-ui, sans-serif;--bb-skew: -8deg;--bb-radius: 6px;--bb-radius-lg: 12px;--bb-stroke: 3px;--bb-drop: 6px 6px 0 var(--bb-ink);--bb-drop-sm: 3px 3px 0 var(--bb-ink);--bb-bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 18' preserveAspectRatio='none'%3E%3Cpath d='M0 16 150 7 140 13 240 1 240 4 158 13 168 8 0 18Z' fill='%238ff06b'/%3E%3C/svg%3E");--bb-claws: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23f6f3ea' stroke-width='9' stroke-linecap='round'%3E%3Cpath d='M40 30q40 70 20 150'/%3E%3Cpath d='M90 15q45 80 20 165'/%3E%3Cpath d='M140 30q40 70 15 145'/%3E%3C/g%3E%3C/svg%3E");--bb-backdrop: radial-gradient(ellipse 60% 45% at 18% 20%, #8ff06b14, transparent 70%), radial-gradient(ellipse 55% 45% at 85% 85%, #ff6b5e14, transparent 70%), repeating-linear-gradient(-30deg, var(--bb-navy) 0 44px, #0d2033 44px 88px)}.bb-title{margin:0;font-family:var(--bb-font-display);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:.95}.bb-title.bolt{padding-bottom:12px;background:var(--bb-bolt) left bottom / min(220px,80%) 12px no-repeat}.bb-panel{position:relative;background:linear-gradient(160deg,var(--bb-navy-2),var(--bb-navy) 75%);border:var(--bb-stroke) solid var(--bb-ink);border-radius:var(--bb-radius-lg);box-shadow:var(--bb-drop),inset 0 0 0 1px var(--bb-line)}.bb-panel:before{content:"";position:absolute;top:-3px;left:22px;width:72px;height:6px;background:var(--bb-accent, var(--bb-green));transform:skew(-30deg)}.bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:var(--bb-stroke) solid var(--bb-ink);border-radius:var(--bb-radius);background:var(--bb-navy-3);color:var(--bb-text);font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:19px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transform:skew(var(--bb-skew));box-shadow:4px 4px 0 var(--bb-ink);transition:transform .1s,box-shadow .1s,filter .15s}.bb-btn:hover:not(:disabled){filter:brightness(1.08);transform:skew(var(--bb-skew)) translate(-1px,-1px);box-shadow:6px 6px 0 var(--bb-ink)}.bb-btn:active:not(:disabled){transform:skew(var(--bb-skew)) translate(3px,3px);box-shadow:1px 1px 0 var(--bb-ink)}.bb-btn:disabled{opacity:.5;cursor:default}.bb-btn.primary{background:var(--bb-green);color:var(--bb-ink)}.bb-btn.danger{background:var(--bb-coral);color:var(--bb-ink)}.bb-btn.gold{background:var(--bb-gold);color:var(--bb-ink)}.bb-btn svg{width:20px;height:20px;fill:currentColor}.bb-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:2px solid var(--bb-ink);border-radius:3px;background:var(--bb-navy-3);color:var(--bb-text);font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm);white-space:nowrap}@media(prefers-reduced-motion:reduce){.bb-btn{transition:none}}body.home-active #game,body.home-active #app{display:none}body:not(.home-active) #home{display:none}#home{position:fixed;inset:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;color:var(--bb-text);background:var(--bb-navy);--card-w: clamp(210px, 21vw, 290px)}.home-backdrop{position:fixed;inset:0;pointer-events:none;background:var(--bb-backdrop)}.home-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.85);transition:opacity .8s}.home-video.playing{opacity:.9}.home-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 75% 65% at 50% 55%,#0b1a2a14,#0b1a2a80 95%),linear-gradient(#0b1a2a66,#0b1a2a1a 28% 72%,#0b1a2a80)}@media(prefers-reduced-motion:reduce){.home-video{display:none}}.home-backdrop:before{content:"";position:absolute;right:-4vw;top:8vh;width:min(62vw,720px);aspect-ratio:1;background:var(--bb-claws) center / contain no-repeat;opacity:.035;transform:rotate(18deg)}.home-topbar{position:relative;z-index:2;flex:none;height:76px;padding:0 clamp(16px,3vw,42px);display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:var(--bb-stroke) solid var(--bb-ink);background:var(--bb-navy-2);box-shadow:0 4px #050e1866}.home-brand{display:block;border-radius:10px}.home-brand img{display:block;width:clamp(130px,13vw,180px);height:auto;filter:drop-shadow(1.5px 0 0 #f3f7fa) drop-shadow(-1.5px 0 0 #f3f7fa) drop-shadow(0 1.5px 0 #f3f7fa) drop-shadow(0 -1.5px 0 #f3f7fa) drop-shadow(0 4px 10px #0008)}.home-brand:focus-visible,.home-nav a:focus-visible,.home-nav button:focus-visible,.home-arrow:focus-visible,.home-card:focus-visible,.home-play:focus-visible{outline:2px solid var(--brand-green);outline-offset:3px}.home-nav{display:flex;align-items:center;gap:10px}.home-nav-play{padding:8px 18px;border:2px solid var(--bb-ink);border-radius:var(--bb-radius);background:var(--bb-green);color:var(--bb-ink);font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:18px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm)}.home-nav-link{padding:8px 14px;border:2px solid transparent;border-radius:var(--bb-radius);color:var(--bb-text);font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:18px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transform:skew(var(--bb-skew));transition:background .15s,border-color .15s,color .15s}.home-nav-link:hover,.home-nav-link[aria-current=page]{border-color:var(--bb-ink);background:var(--bb-navy-3);box-shadow:var(--bb-drop-sm)}.home-nav-link[aria-current=page]{color:var(--bb-gold)}.home-user{display:flex;align-items:center;gap:8px;padding:8px 12px;border:0;background:transparent;color:var(--bb-text);font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:19px;letter-spacing:.03em;text-transform:uppercase}.home-user{border:2px solid transparent;border-radius:var(--bb-radius);text-decoration:none;transition:background .15s,border-color .15s}.home-user:hover,.home-user[aria-current=page]{border-color:var(--bb-ink);background:var(--bb-navy-3);box-shadow:var(--bb-drop-sm)}.home-user[aria-current=page] .home-user-nick{color:var(--bb-green)}.home-user.registered .home-user-tag{display:none}.home-user-tag{padding:1px 8px;border:2px solid var(--bb-ink);border-radius:3px;background:var(--bb-navy-3);color:var(--bb-muted);font-family:var(--bb-font-body);font-style:normal;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transform:skew(var(--bb-skew))}.home-nav-divider{width:3px;height:26px;margin:0 6px;background:var(--bb-ink);transform:skew(var(--bb-skew))}.home-icon{display:grid;place-items:center;width:40px;height:40px;padding:0;border:2px solid transparent;border-radius:var(--bb-radius);background:transparent;color:var(--bb-muted);transform:skew(var(--bb-skew));transition:color .15s,background .15s,border-color .15s}.home-icon:hover,.home-icon.active{color:var(--bb-text);border-color:var(--bb-ink);background:var(--bb-navy-3);box-shadow:var(--bb-drop-sm)}.home-icon svg,.home-arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-icon .fs-exit,.home-icon.active .fs-enter{display:none}.home-icon.active .fs-exit{display:inline}.home-stage{position:relative;z-index:1;flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.4vh,26px);padding:clamp(18px,3vh,36px) 16px clamp(24px,4vh,48px)}.home-kicker{margin:0;padding-bottom:10px;font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:clamp(26px,3.4vw,40px);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--bb-text);background:var(--bb-bolt) center bottom / 100% 12px no-repeat;text-shadow:3px 3px 0 var(--bb-ink)}.home-lineup-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,calc(var(--card-w) * 3.1))}.home-lineup{position:relative;width:var(--card-w);height:calc(var(--card-w) * 1.48)}.home-arrow{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:46px;height:46px;margin-top:-23px;padding:0;border:var(--bb-stroke) solid var(--bb-ink);border-radius:var(--bb-radius);background:var(--bb-navy-3);color:var(--bb-text);transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm)}.home-arrow:hover{background:var(--bb-green);color:var(--bb-ink)}.home-arrow.left{left:0}.home-arrow.right{right:0}.home-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:16px 14px 18px;font:inherit;text-align:center;color:var(--bb-text);border:var(--bb-stroke) solid var(--bb-ink);border-radius:var(--bb-radius-lg);background:linear-gradient(160deg,#8ff06b26,transparent 38%),var(--bb-claws) 120% -20% / 70% no-repeat,linear-gradient(170deg,var(--bb-navy-3),var(--bb-navy-2) 55%,var(--bb-navy));background-blend-mode:normal,soft-light,normal;box-shadow:0 0 0 3px var(--bb-green),0 0 0 6px var(--bb-ink),10px 12px 0 6px var(--bb-ink);overflow:hidden;cursor:default;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s,opacity .5s,box-shadow .5s}.home-card:before{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#fff2 50%,transparent 60%);animation:card-shine 3.5s infinite;pointer-events:none}.home-card[data-slot=center]{z-index:3;transform:none}.home-card[data-slot=left],.home-card[data-slot=right]{z-index:1;cursor:pointer;background:linear-gradient(170deg,var(--bb-navy-2),var(--bb-ink) 75%);box-shadow:0 0 0 3px var(--bb-navy-3),0 0 0 6px var(--bb-ink),8px 10px 0 6px var(--bb-ink);filter:saturate(.4);opacity:.85}.home-card[data-slot=left]{transform:translate(-82%) scale(.8) rotate(-7deg)}.home-card[data-slot=right]{transform:translate(82%) scale(.8) rotate(7deg)}.home-card[data-slot=left]:before,.home-card[data-slot=right]:before{display:none}.home-card[data-slot=left]:hover{transform:translate(-86%) scale(.82) rotate(-8deg)}.home-card[data-slot=right]:hover{transform:translate(86%) scale(.82) rotate(8deg)}.home-card[data-slot=left]:hover,.home-card[data-slot=right]:hover{opacity:1;box-shadow:0 0 0 3px var(--bb-coral),0 0 0 6px var(--bb-ink),8px 10px 0 6px var(--bb-ink)}.home-card-top{position:relative;width:100%;display:flex;justify-content:space-between;font-family:var(--bb-font-display);font-style:italic;font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--bb-muted)}.home-card-top b{padding:0 8px;border:2px solid var(--bb-ink);border-radius:3px;background:var(--bb-green);color:var(--bb-ink);transform:skew(var(--bb-skew))}.home-card-nick{position:relative;margin-top:6px;font-family:var(--bb-font-display);font-style:italic;font-size:clamp(28px,2.8vw,38px);font-weight:800;line-height:1;letter-spacing:.02em;text-transform:uppercase;text-shadow:3px 3px 0 var(--bb-ink)}.home-card-frame{position:relative;flex:1 1 auto;min-height:0;width:100%;margin-top:8px;border-radius:18px;transition:box-shadow .4s}.home-card canvas{outline:none;position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .4s,filter .5s}.home-card.loaded canvas{opacity:1}.home-card[data-slot=center] .home-card-frame{background:radial-gradient(circle at 50% 45%,#ffffff10,transparent 70%)}.home-card.picked .home-card-frame{animation:card-picked .45s ease-out}@keyframes card-picked{0%{box-shadow:0 0 #fff0}45%{box-shadow:0 0 36px #ffffff60}to{box-shadow:0 0 #fff0}}.home-card[data-slot=left] canvas,.home-card[data-slot=right] canvas{filter:brightness(0) drop-shadow(0 0 10px #8ff06b55)}.home-card-creature{position:relative;font-family:var(--bb-font-display);font-style:italic;font-size:22px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;margin:2px 0 10px}.home-card-power{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding-top:11px;border-top:2px solid var(--bb-ink);font-size:13px;font-weight:700}.home-card-power img{width:30px;height:30px}.home-card-pick{position:absolute;left:50%;bottom:22px;translate:-50% 0;padding:4px 16px;border:2px solid var(--bb-ink);border-radius:3px;background:var(--bb-coral);color:var(--bb-ink);font-family:var(--bb-font-display);font-style:italic;font-size:15px;font-weight:800;letter-spacing:.1em;transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm);opacity:0;transition:opacity .25s}.home-card[data-slot=left] .home-card-nick,.home-card[data-slot=right] .home-card-nick,.home-card[data-slot=left] .home-card-top,.home-card[data-slot=right] .home-card-top,.home-card[data-slot=left] .home-card-power,.home-card[data-slot=right] .home-card-power{visibility:hidden}.home-card[data-slot=left] .home-card-creature,.home-card[data-slot=right] .home-card-creature{color:var(--text-muted)}.home-card[data-slot=left]:hover .home-card-pick,.home-card[data-slot=right]:hover .home-card-pick,.home-card[data-slot=left]:focus-visible .home-card-pick,.home-card[data-slot=right]:focus-visible .home-card-pick{opacity:1}.home-roster{display:flex;align-items:center;gap:10px;width:min(100%,820px);margin-top:calc(clamp(14px,2.4vh,26px)*-.4)}.home-roster[hidden]{display:none}.home-roster-strip{position:relative;flex:1;display:flex;justify-content:safe center;gap:6px;min-width:0;padding:9px 16px 11px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--bb-navy-3) transparent;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}.home-roster-pick{flex:none;width:50px;height:50px;padding:0;border:2px solid var(--bb-ink);border-radius:var(--bb-radius);background:radial-gradient(circle at 50% 62%,#8ff06b33,transparent 70%),var(--bb-navy-2);box-shadow:2px 2px 0 var(--bb-ink);overflow:hidden;cursor:pointer;opacity:.72;filter:saturate(.6);transition:transform .15s,opacity .15s,filter .15s,box-shadow .15s}.home-roster-pick img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.home-roster-pick:hover,.home-roster-pick:focus-visible{opacity:1;filter:none;transform:translateY(-2px)}.home-roster-pick:focus-visible{outline:2px solid var(--bb-green);outline-offset:2px}.home-roster-pick[aria-selected=true]{opacity:1;filter:none;border-color:var(--bb-ink);box-shadow:0 0 0 3px var(--bb-green),3px 3px 0 3px var(--bb-ink);transform:translateY(-2px)}.home-roster-all{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;border:var(--bb-stroke) solid var(--bb-ink);border-radius:var(--bb-radius);background:var(--bb-navy-3);color:var(--bb-text);font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:16px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm);cursor:pointer}.home-roster-all:hover{background:var(--bb-green);color:var(--bb-ink)}.home-roster-all:focus-visible{outline:2px solid var(--bb-green);outline-offset:3px}.home-roster-all svg{width:18px;height:18px;fill:currentColor}.home-picker{width:min(860px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;background:transparent;color:var(--bb-text);overflow:visible}.home-picker::backdrop{background:#050e18cc;backdrop-filter:blur(3px)}.home-picker-body{display:flex;flex-direction:column;gap:14px;max-height:calc(100dvh - 24px);padding:20px 20px 22px}.home-picker[open] .home-picker-body{animation:home-picker-pop .25s cubic-bezier(.2,.9,.3,1.25)}@keyframes home-picker-pop{0%{opacity:0;transform:translateY(16px) scale(.97)}}.home-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-picker-title{margin:0;font-size:clamp(24px,3vw,32px)}.home-picker-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:2px solid var(--bb-ink);border-radius:var(--bb-radius);background:var(--bb-navy-3);color:var(--bb-text);cursor:pointer}.home-picker-close:hover{background:var(--bb-coral);color:var(--bb-ink)}.home-picker-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.home-picker-search{display:flex;align-items:center;gap:8px;padding:0 12px;border:2px solid var(--bb-ink);border-radius:var(--bb-radius);background:var(--bb-navy)}.home-picker-search:focus-within{box-shadow:0 0 0 2px var(--bb-green)}.home-picker-search svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--bb-muted);stroke-width:2.4;stroke-linecap:round}.home-picker-search input{flex:1;min-width:0;min-height:44px;border:0;background:transparent;color:var(--bb-text);font:inherit;font-size:16px;outline:none}.home-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;margin:0;padding:4px 4px 6px;list-style:none;overflow-y:auto;min-height:0}.home-picker-grid li[hidden]{display:none}.home-picker-pick{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:0 0 10px;border:2px solid var(--bb-ink);border-radius:var(--bb-radius-lg);background:linear-gradient(170deg,var(--bb-navy-2),var(--bb-navy) 80%);color:var(--bb-text);font:inherit;box-shadow:3px 3px 0 var(--bb-ink);overflow:hidden;cursor:pointer;transition:transform .12s,box-shadow .12s}.home-picker-pick>img{width:100%;aspect-ratio:1;object-fit:contain;object-position:center bottom;border-bottom:2px solid var(--bb-ink);background:radial-gradient(circle at 50% 62%,#8ff06b40,transparent 70%),repeating-linear-gradient(-30deg,#0f2236 0 14px,#13293f 14px 28px)}.home-picker-pick strong{margin-top:4px;font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:17px;letter-spacing:.02em;text-transform:uppercase;line-height:1}.home-picker-pick>span{display:flex;align-items:center;gap:4px;max-width:calc(100% - 12px);color:var(--bb-muted);font-size:11px;font-weight:700}.home-picker-pick>span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-picker-pick>span img{flex:none;width:16px;height:16px}.home-picker-pick:hover,.home-picker-pick:focus-visible{transform:translate(-1px,-2px);box-shadow:5px 5px 0 var(--bb-ink);outline:none}.home-picker-pick:focus-visible{box-shadow:0 0 0 2px var(--bb-green),5px 5px 0 var(--bb-ink)}.home-picker-pick[aria-pressed=true]{box-shadow:0 0 0 3px var(--bb-green),4px 4px 0 3px var(--bb-ink)}.home-picker-empty{margin:0;color:var(--bb-muted);text-align:center}@media(max-width:760px){.home-roster-all span{display:none}.home-roster-all{padding:0 12px}.home-roster-pick{width:44px;height:44px}.home-picker-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.home-picker-body{padding:16px 14px 18px}}.home-actions{display:flex;align-items:stretch;gap:12px;width:min(100%,520px)}.home-play{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:0 28px;border:var(--bb-stroke) solid var(--bb-ink);border-radius:var(--bb-radius);background:var(--bb-green);box-shadow:var(--bb-drop);color:var(--bb-ink);text-align:left;transform:skew(var(--bb-skew));transition:transform .1s,box-shadow .1s,filter .15s}.home-play:hover{filter:brightness(1.06);transform:skew(var(--bb-skew)) translate(-1px,-1px);box-shadow:8px 8px 0 var(--bb-ink)}.home-play:active{transform:skew(var(--bb-skew)) translate(4px,4px);box-shadow:2px 2px 0 var(--bb-ink)}.home-play:disabled{cursor:progress;filter:saturate(.6)}.home-play-text{display:flex;flex-direction:column;line-height:1}.home-play-label{font-family:var(--bb-font-display);font-style:italic;font-size:38px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.home-play small{margin-top:4px;font-size:12px;font-weight:600;opacity:.75}.home-play svg{flex:none;width:32px;height:32px;fill:var(--bb-ink)}.home-play.loading svg{animation:replay-pulse .8s infinite}.home-format{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:104px;border:var(--bb-stroke) solid var(--bb-ink);border-radius:var(--bb-radius);background:var(--bb-coral);color:var(--bb-ink);transform:skew(var(--bb-skew));box-shadow:var(--bb-drop)}.home-format span{font-size:10px;font-weight:800;letter-spacing:.2em}.home-format{cursor:pointer;font:inherit;padding:6px 4px}.home-format:hover,.home-format:focus-visible{background:var(--bb-gold)}.home-format small{font-size:8px;font-weight:800;letter-spacing:.08em;opacity:.75;margin-top:3px;text-align:center}.home-format.bump strong{animation:home-format-bump .28s ease-out}@keyframes home-format-bump{40%{transform:scale(1.18)}}.home-format strong{font-family:var(--bb-font-display);font-style:italic;font-size:34px;font-weight:800;line-height:1}.home-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 22px;width:min(100%,520px);margin-top:14px}.home-link{display:inline-flex;align-items:center;gap:6px;padding:4px 2px;border:0;background:none;color:var(--bb-text);font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:17px;letter-spacing:.04em;text-transform:uppercase;text-shadow:2px 2px 0 var(--bb-ink);cursor:pointer}.home-link svg{width:18px;height:18px;fill:none;stroke:var(--bb-green);stroke-width:3.5;filter:drop-shadow(2px 2px 0 var(--bb-ink))}.home-link:hover:not(:disabled),.home-link:focus-visible,.home-link[aria-expanded=true]{color:var(--bb-green)}.home-link:disabled{cursor:progress;opacity:.6}.home-code{display:flex;flex-wrap:wrap;gap:8px;width:100%}.home-code[hidden]{display:none}.home-code input{flex:1;min-width:0;min-height:44px;padding:0 14px;border:var(--bb-stroke) solid var(--bb-ink);border-radius:var(--bb-radius);background:var(--bb-navy-2);color:var(--bb-text);font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:20px;letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--bb-drop-sm)}.home-code input::placeholder{color:var(--bb-muted);letter-spacing:.02em;text-transform:none;font-style:normal;font-weight:500;font-family:var(--bb-font-body);font-size:15px}.home-code button{min-height:44px;padding:0 20px;border:var(--bb-stroke) solid var(--bb-ink);border-radius:var(--bb-radius);background:var(--bb-green);color:var(--bb-ink);font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:18px;text-transform:uppercase;transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm);cursor:pointer}.home-code-error{width:100%;margin:0;color:var(--bb-coral);font-size:13px;font-weight:600}.home-sala-closed{width:100%;margin:4px 0 0;color:var(--bb-gold);font-size:14px;font-weight:600}@media(max-width:760px){#home{--card-w: min(56vw, 250px)}.home-user-tag,.home-nav-divider,.home-nav-play{display:none}.home-nav-link{padding:6px 10px;font-size:16px}.home-card[data-slot=left]{transform:translate(-58%) scale(.72) rotate(-6deg)}.home-card[data-slot=right]{transform:translate(58%) scale(.72) rotate(6deg)}.home-card[data-slot=left]:hover{transform:translate(-58%) scale(.72) rotate(-6deg)}.home-card[data-slot=right]:hover{transform:translate(58%) scale(.72) rotate(6deg)}.home-arrow{width:38px;height:38px;margin-top:-19px}}@media(max-width:420px){.home-topbar{height:62px;gap:8px}.home-icon{width:34px;height:34px}.home-user{padding:6px 4px;font-size:13px}.home-format{width:84px}.home-play{padding:0 18px}}@media(max-height:640px)and (min-width:761px){#home{--card-w: clamp(170px, 30vh, 240px)}}@media(prefers-reduced-motion:reduce){.home-card,.home-card canvas{transition:none}.home-card:before,.home-card.picked .home-card-frame,.home-play.loading svg{animation:none}}@media(max-width:480px){.home-nav{gap:4px}.home-icon[data-fullscreen],#home-fullscreen{display:none}}.sala-panel{position:absolute;top:110px;left:24px;width:318px;max-height:calc(100vh - 190px);overflow-y:auto;padding:14px 16px 16px;pointer-events:auto;color:var(--bb-text);font-family:var(--bb-font-body);font-size:13px;scrollbar-width:thin}.sala-panel[hidden]{display:none}.sala-head{display:flex;align-items:center;justify-content:space-between}.sala-toggle{width:32px;height:32px;display:grid;place-items:center;border:2px solid var(--bb-ink);border-radius:var(--bb-radius);background:var(--bb-navy-3);color:var(--bb-text);cursor:pointer}.sala-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:3}.sala-code{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 4px}.sala-code small,.sala-block h4,.sala-team h3{display:block;margin:0;color:var(--bb-muted);font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.sala-code strong{display:block;font-family:var(--bb-font-display);font-style:italic;font-weight:900;font-size:30px;line-height:1;letter-spacing:.12em;color:var(--bb-green);text-shadow:3px 3px 0 var(--bb-ink)}.sala-code .bb-btn{min-height:38px;padding:0 14px;font-size:15px}.sala-panel .bb-btn{cursor:pointer}.sala-hint{margin:3px 0 7px;color:var(--bb-muted);font-size:12px;line-height:1.3}.sala-hint.warn{color:var(--bb-coral)}.sala-teams{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}.sala-team{padding:8px 10px;border:2px solid var(--bb-ink);border-radius:var(--bb-radius);background:var(--bb-navy-3);box-shadow:inset 0 3px 0 var(--team)}.sala-team h3{display:flex;justify-content:space-between;color:var(--team);font-size:15px}.sala-team h3 b{color:var(--bb-muted);font-weight:800}.sala-team ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:3px}.sala-team li{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-weight:600;overflow:hidden}.sala-team li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sala-team li.me{color:var(--team)}.sala-team li em{font-style:italic;font-size:11px;color:var(--bb-muted);text-transform:uppercase}.sala-team li.empty{color:var(--bb-muted);font-weight:400}.sala-me{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sala-me .bb-btn,.sala-wide{min-height:38px;padding:0 14px;font-size:15px}.sala-watchers{margin-left:auto;color:var(--bb-muted)}.sala-block{margin-top:10px;padding-top:10px;border-top:1px solid var(--bb-line)}.sala-block h4{color:var(--bb-cream);font-size:16px}.sala-wide{width:calc(100% - 6px);margin-top:10px}.sala-rivals{background:var(--bb-coral);color:var(--bb-ink)}.sala-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.sala-seg button{min-height:32px;padding:0 4px;border:2px solid var(--bb-ink);border-radius:3px;background:var(--bb-navy-3);color:var(--bb-text);font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:14px;text-transform:uppercase;transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm);cursor:pointer}.sala-seg button[aria-checked=true]{background:var(--bb-cream);color:var(--bb-ink)}.sala-seg button:disabled{opacity:.35;cursor:default}.sala-status{margin:14px 0 0;font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:18px;text-transform:uppercase}.sala-status.wait{color:var(--bb-muted);font-size:15px}.sala-status b{color:var(--bb-coral)}.sala-dot{display:inline-block;width:10px;height:10px;margin-right:8px;border:2px solid var(--bb-ink);background:var(--bb-coral);transform:skew(var(--bb-skew));animation:sala-blink 1s steps(2) infinite}@keyframes sala-blink{50%{opacity:.25}}.sala-panel.collapsed .sala-body{display:none}.sala-panel.collapsed .sala-code{margin-bottom:0}@media(max-width:700px){.sala-panel{inset:auto 10px 10px;width:auto;max-height:62vh}.sala-code strong{font-size:26px}}@media(prefers-reduced-motion:reduce){.sala-dot{animation:none}}.sala-exit{margin-top:10px;padding-top:10px;border-top:1px solid var(--bb-line)}.sala-exit-row{display:flex;flex-wrap:wrap;gap:10px}.sala-exit .bb-btn{flex:1 1 auto;min-height:38px;padding:0 14px;font-size:15px}.sala-exit .bb-btn.ghost{background:transparent;color:var(--bb-cream)}.sala-exit.confirm .sala-hint{margin:0 0 8px}