.bd{--bd-bg: #100c09;--bd-bg2: #18120d;--bd-surface: #221a13;--bd-surface2: #2c2118;--bd-line: rgba(255, 236, 213, .1);--bd-line-2: rgba(255, 236, 213, .18);--bd-you: #2ee6e0;--bd-bob: #ff7a29;--bd-crowd: #f2c14e;--bd-win: #46d98a;--bd-miss: #7a6a5a;--bd-text: #f6ecde;--bd-dim: #b3a290;--bd-faint: #6f6253;--bd-display: "Anton", "Bangers", sans-serif;--bd-mono: "Spline Sans Mono", ui-monospace, monospace;--bd-body: "Hanken Grotesk", "Outfit", system-ui, sans-serif;position:fixed;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(255,122,41,.16),transparent 60%),radial-gradient(ellipse 70% 60% at 50% 120%,rgba(46,230,224,.07),transparent 60%),var(--bd-bg);color:var(--bd-text);font-family:var(--bd-body);z-index:10}.bd:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:overlay}.bd:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 200px 40px #0000008c}.bd-wrap{position:relative;z-index:2;max-width:540px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));min-height:100%;display:flex;flex-direction:column}.bd-kicker{font-family:var(--bd-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--bd-dim)}.bd-display{font-family:var(--bd-display);text-transform:uppercase;line-height:.92;letter-spacing:.01em}.bd-mono{font-family:var(--bd-mono)}.bd-mast{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bd-line);padding-bottom:12px}.bd-mast-logo{font-family:var(--bd-display);font-size:22px;letter-spacing:.04em;color:var(--bd-text)}.bd-mast-logo b{color:var(--bd-bob)}.bd-iconbtn{background:none;border:1px solid var(--bd-line-2);color:var(--bd-dim);border-radius:10px;width:38px;height:38px;font-size:16px;cursor:pointer;display:grid;place-items:center;transition:all .15s ease}.bd-iconbtn:hover{color:var(--bd-text);border-color:var(--bd-line)}.bd-ticket{position:relative;background:linear-gradient(180deg,var(--bd-surface),var(--bd-bg2));border:1px solid var(--bd-line-2);border-radius:18px;padding:26px 22px;overflow:hidden}.bd-ticket:before,.bd-ticket:after{content:"";position:absolute;top:50%;width:26px;height:26px;background:var(--bd-bg);border-radius:50%;transform:translateY(-50%)}.bd-ticket:before{left:-14px}.bd-ticket:after{right:-14px}.bd-btn{font-family:var(--bd-display);font-size:22px;letter-spacing:.03em;text-transform:uppercase;width:100%;border:none;border-radius:14px;padding:18px;cursor:pointer;color:#1a1106;background:linear-gradient(180deg,#ffa14d,var(--bd-bob));box-shadow:0 10px 30px -8px #ff7a2999;transition:transform .12s ease,filter .12s ease}.bd-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.bd-btn:active{transform:translateY(0)}.bd-btn--ghost{background:transparent;color:var(--bd-dim);border:1px solid var(--bd-line-2);box-shadow:none;font-size:15px;font-family:var(--bd-body);font-weight:700;letter-spacing:.04em;padding:14px}.bd-btn--ghost:hover{color:var(--bd-text)}.bd-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bd-bg2);border:1px solid var(--bd-line);border-radius:12px;padding:5px}.bd-toggle button{border:none;background:none;cursor:pointer;color:var(--bd-dim);font-family:var(--bd-body);font-weight:700;font-size:13px;letter-spacing:.02em;padding:10px 8px;border-radius:8px;transition:all .15s ease}.bd-toggle button.on{background:var(--bd-surface2);color:var(--bd-text);box-shadow:inset 0 0 0 1px var(--bd-line-2)}.bd-toggle button small{display:block;font-weight:500;font-size:10.5px;color:var(--bd-faint);margin-top:2px;letter-spacing:0}.bd-toggle button.on small{color:var(--bd-dim)}.bd-pick{position:relative;width:100%;text-align:left;background:linear-gradient(180deg,var(--bd-surface),var(--bd-bg2));border:1.5px solid var(--bd-line-2);border-radius:16px;padding:22px 20px;cursor:pointer;color:var(--bd-text);transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease;display:flex;align-items:center;gap:14px}.bd-pick:hover{transform:translateY(-2px);border-color:var(--bd-line)}.bd-pick:disabled{cursor:default}.bd-pick-name{font-family:var(--bd-display);font-size:clamp(26px,8vw,38px);line-height:.95}.bd-pick-seed{font-family:var(--bd-mono);font-size:12px;color:var(--bd-faint);border:1px solid var(--bd-line);border-radius:6px;padding:3px 7px;flex:none}.bd-pick.you{border-color:var(--bd-you);box-shadow:0 0 0 1px var(--bd-you),0 0 28px -6px var(--bd-you)}.bd-pick.fade{opacity:.42;filter:saturate(.6)}.bd-pick-tag{position:absolute;top:-10px;right:14px;font-family:var(--bd-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:3px 8px;border-radius:6px;color:#07221f;background:var(--bd-you)}.bd-vs{text-align:center;font-family:var(--bd-display);font-size:18px;color:var(--bd-faint);margin:12px 0;position:relative}.bd-vs:before,.bd-vs:after{content:"";position:absolute;top:50%;width:38%;height:1px;background:var(--bd-line)}.bd-vs:before{left:0}.bd-vs:after{right:0}.bd-bob{border-left:3px solid var(--bd-bob);background:linear-gradient(90deg,rgba(255,122,41,.1),transparent);border-radius:0 12px 12px 0;padding:14px 16px}.bd-bob-head{font-family:var(--bd-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bd-bob);display:flex;align-items:center;gap:8px}.bd-bob-line{font-size:15.5px;line-height:1.35;margin-top:7px;color:var(--bd-text)}.bd-panel-dots{display:flex;gap:5px;margin-top:12px;align-items:center;flex-wrap:wrap}.bd-dot{width:11px;height:11px;border-radius:50%;background:var(--bd-faint)}.bd-dot.on{background:var(--bd-bob)}.bd-panel-label{font-family:var(--bd-mono);font-size:11px;color:var(--bd-dim);margin-left:4px}.bd-crowd-row{margin-top:14px}.bd-crowd-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--bd-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bd-crowd);margin-bottom:8px}.bd-bar{display:flex;height:44px;border-radius:10px;overflow:hidden;border:1px solid var(--bd-line);background:var(--bd-bg2)}.bd-bar-seg{display:flex;align-items:center;gap:8px;padding:0 12px;font-weight:800;font-size:14px;color:#1a1106;white-space:nowrap;overflow:hidden;transition:width .9s cubic-bezier(.22,1,.36,1)}.bd-bar-seg .pct{font-family:var(--bd-mono);margin-left:auto}.bd-bar-a{background:var(--bd-crowd)}.bd-bar-b{background:#6a5a3a;color:var(--bd-text)}.bd-estimate{font-family:var(--bd-mono);font-size:10px;letter-spacing:.1em;color:var(--bd-faint);text-transform:uppercase;margin-top:6px;text-align:right}.bd-verdict{display:flex;gap:10px;margin-top:14px}.bd-chip{flex:1;border-radius:10px;padding:10px 12px;border:1px solid var(--bd-line-2);background:var(--bd-bg2);display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:13px}.bd-chip .who{font-family:var(--bd-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--bd-dim)}.bd-chip.hit{border-color:var(--bd-win);color:var(--bd-win)}.bd-chip.miss{border-color:var(--bd-miss);color:var(--bd-miss)}.bd-score{display:flex;align-items:center;gap:16px;font-family:var(--bd-mono);font-size:13px}.bd-score .s{display:flex;align-items:center;gap:7px}.bd-score .lab{color:var(--bd-dim);letter-spacing:.1em}.bd-score .you-n{color:var(--bd-you);font-weight:700}.bd-score .bob-n{color:var(--bd-bob);font-weight:700}.bd-progress{display:flex;gap:5px;margin-top:10px}.bd-prog{flex:1;height:4px;border-radius:3px;background:var(--bd-line)}.bd-prog.done{background:var(--bd-dim)}.bd-prog.now{background:var(--bd-bob)}.bd-champ-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.bd-champ{border:1px solid var(--bd-line-2);border-radius:12px;padding:14px 10px;text-align:center;background:var(--bd-bg2)}.bd-champ .who{font-family:var(--bd-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.bd-champ .name{font-family:var(--bd-display);font-size:18px;line-height:1;margin-top:8px}.bd-champ.you{border-color:var(--bd-you)}.bd-champ.you .who{color:var(--bd-you)}.bd-champ.crowd .who{color:var(--bd-crowd)}.bd-champ.bob .who{color:var(--bd-bob)}.bd-grid-row{display:flex;align-items:center;gap:8px;margin:6px 0}.bd-grid-row .lab{font-family:var(--bd-mono);font-size:11px;width:42px;color:var(--bd-dim)}.bd-sq{width:22px;height:22px;border-radius:5px;background:var(--bd-miss)}.bd-sq.win{background:var(--bd-win)}.bd-sq.you{box-shadow:inset 0 0 0 2px #ffffff26}@keyframes bd-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bd-pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}.bd-anim{animation:bd-rise .4s cubic-bezier(.22,1,.36,1) both}.bd-anim-pop{animation:bd-pop .45s cubic-bezier(.22,1,.36,1) both}.bd-d1{animation-delay:.05s}.bd-d2{animation-delay:.45s}.bd-d3{animation-delay:.9s}.bd-d4{animation-delay:1.25s}.bd-stack>*+*{margin-top:16px}.bd-center{text-align:center}.bd-dim{color:var(--bd-dim)}.bd-spacer{flex:1}:root{--bg-deep: #0a0e1a;--bg-card: #141a2e;--bg-card-hover: #1c2440;--accent-gold: #ffd700;--accent-red: #ff3b5c;--accent-green: #00e676;--accent-blue: #00b4ff;--accent-purple: #b388ff;--accent-orange: #ff9100;--accent-pink: #ff4081;--text-primary: #ffffff;--text-secondary: #8892b0;--text-muted: #4a5578;--font-display: "Bangers", cursive;--font-body: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(255,215,0,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,180,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(179,136,255,.02) 0%,transparent 70%);pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh}button:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.1)}button:not(:disabled):active{transform:translateY(0);filter:brightness(.95)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-1deg)}75%{transform:translate(5px) rotate(1deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 40px #ffd70099,0 0 60px #ffd7004d}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-slideUp{animation:slideUp .5s ease-out forwards}.animate-slideIn{animation:slideIn .5s ease-out forwards}.animate-scaleIn{animation:scaleIn .4s ease-out forwards}.animate-glow{animation:glow 2s ease-in-out infinite}@keyframes pathPulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes bracketGlow{0%,to{filter:drop-shadow(0 0 8px var(--accent-gold))}50%{filter:drop-shadow(0 0 20px var(--accent-gold))}}@keyframes trophyFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}@keyframes advanceUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.bracket-path-container{perspective:800px;perspective-origin:center bottom}.bracket-path-track{transform-style:preserve-3d;transform:rotateX(15deg)}.path-node{transition:all .4s cubic-bezier(.4,0,.2,1)}.path-node:hover{transform:scale(1.05)}.path-connector{animation:pathPulse 2s ease-in-out infinite}.trophy-destination{animation:trophyFloat 3s ease-in-out infinite,bracketGlow 2s ease-in-out infinite}@keyframes vsClash{0%,to{transform:scale(1)}25%{transform:scale(1.2) rotate(-5deg)}50%{transform:scale(.9)}75%{transform:scale(1.15) rotate(5deg)}}@keyframes vsPulse{0%,to{text-shadow:0 0 10px var(--accent-red),0 0 20px var(--accent-red)}50%{text-shadow:0 0 20px var(--accent-gold),0 0 40px var(--accent-gold),0 0 60px var(--accent-orange)}}@keyframes winnerCelebrate{0%{transform:scale(1)}25%{transform:scale(1.1) rotate(-2deg)}50%{transform:scale(1.15)}75%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1.1)}}@keyframes loserFade{0%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.95)}}@keyframes entrantEnter{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes votePopIn{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.vs-badge{animation:vsClash 2s ease-in-out infinite,vsPulse 1.5s ease-in-out infinite}.entrant-card{animation:entrantEnter .5s ease-out forwards}.entrant-winner{animation:winnerCelebrate .6s ease-out forwards}.entrant-loser{animation:loserFade .5s ease-out forwards}.vote-pop{animation:votePopIn .2s ease-out}@keyframes lockPulse{0%,to{box-shadow:0 4px 15px #00e6764d}50%{box-shadow:0 4px 25px #00e67680,0 0 40px #00e67633}}.lock-in-btn{animation:lockPulse 2s ease-in-out infinite}