@import "https://fonts.googleapis.com/css2?family=Anton&family=Bebas+Neue&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg:#0a1410;--bg-2:#0f1d17;--bg-3:#15281f;--turf:#1a4d33;--turf-dark:#0e3220;--turf-light:#2b6e4a;--line:#e6f5ec;--ink:#f5f0e6;--ink-2:#c5beae;--ink-3:#f5f0e68c;--ink-4:#f5f0e640;--espresso:#d97757;--espresso-2:#b85f3f;--espresso-3:#7a3a1f;--red-team:#ed4f4f;--red-team-2:#b32424;--blue-team:#3d8bff;--blue-team-2:#1c4fbd;--yellow:#f5c842;--red-card:#e22d2d;--grid-line:#f5f0e60f;--display:"Anton", "Arial Narrow", sans-serif;--bcast:"Bebas Neue", "Anton", sans-serif;--ui:"Space Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}.app-stage{background:radial-gradient(circle at 20% 0%, #d9775712, transparent 50%), radial-gradient(circle at 80% 100%, #3d8bff0d, transparent 50%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.app-stage:before{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:32px 32px;position:fixed;inset:0}.view-frame{z-index:1;position:relative}.telao{background:var(--bg);width:1920px;height:1080px;font-family:var(--ui);color:var(--ink);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 60px 120px #00000080,0 0 0 1px #ffffff0a}.telao:after{content:"";pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px);position:absolute;inset:0}.telao:before{content:"";pointer-events:none;z-index:99;background:radial-gradient(#0000 50%,#00000073 100%);position:absolute;inset:0}.bcast-top{z-index:5;background:linear-gradient(#0009,#0000);justify-content:space-between;align-items:center;height:80px;padding:0 32px;display:flex;position:absolute;top:0;left:0;right:0}.bcast-logo{font-family:var(--display);letter-spacing:.04em;color:var(--ink);align-items:center;gap:14px;font-size:28px;display:flex}.bcast-logo .dot{background:var(--espresso);width:14px;height:14px;box-shadow:0 0 16px var(--espresso);border-radius:50%}.bcast-logo small{font-family:var(--mono);color:var(--ink-3);letter-spacing:.18em;text-transform:uppercase;margin-left:4px;font-size:11px;font-weight:500}.live-badge{background:var(--red-card);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;border-radius:3px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.live-badge .pulse{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.scoreboard{z-index:4;background:linear-gradient(#0006,#0000);grid-template-columns:1fr 280px 1fr;align-items:center;height:180px;padding:0 56px;display:grid;position:absolute;top:80px;left:0;right:0}.team-card{align-items:center;gap:24px;padding:16px 24px;display:flex}.team-card.right{text-align:right;flex-direction:row-reverse}.team-shield{width:96px;height:110px;font-family:var(--display);color:#fff;text-shadow:0 2px 8px #00000080;filter:drop-shadow(0 8px 20px #0006);justify-content:center;align-items:center;font-size:64px;display:flex;position:relative}.team-shield svg{width:100%;height:100%;position:absolute;inset:0}.team-shield span{z-index:1;position:relative}.team-meta .name{font-family:var(--display);letter-spacing:.04em;font-size:56px;line-height:1}.team-meta .sub{font-family:var(--mono);letter-spacing:.18em;color:var(--ink-3);text-transform:uppercase;margin-top:4px;font-size:13px}.team-meta .lineup{font-family:var(--mono);color:var(--ink-4);letter-spacing:.1em;margin-top:8px;font-size:11px}.score-center{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000008c;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:12px 24px;display:flex}.score-row{align-items:center;gap:24px;display:flex}.score-num{font-family:var(--display);font-feature-settings:"tnum";font-size:96px;line-height:1}.score-num.red{color:var(--red-team)}.score-num.blue{color:var(--blue-team)}.score-x{font-family:var(--mono);color:var(--ink-3);font-size:24px;font-weight:400}.match-time{font-family:var(--mono);color:var(--ink);align-items:center;gap:10px;font-size:18px;font-weight:500;display:flex}.match-time .half{letter-spacing:.2em;color:var(--espresso);border:1px solid var(--espresso);text-transform:uppercase;border-radius:3px;padding:2px 8px;font-size:11px}.cards-stack{gap:4px;margin-top:10px;display:flex}.mini-card{border-radius:2px;width:14px;height:20px;box-shadow:0 1px 3px #0000004d}.mini-card.y{background:var(--yellow)}.mini-card.r{background:var(--red-card)}.field-wrap{background:linear-gradient(#00000059 0%,#0000 30% 70%,#00000040 100%);border-radius:12px;width:1808px;height:480px;position:absolute;top:270px;left:56px;overflow:hidden}.field-svg{width:100%;height:100%;display:block}.lower-third{z-index:6;grid-template-columns:360px 1fr 360px;gap:24px;display:grid;position:absolute;inset:770px 56px 56px}.panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#000000b3;border:1px solid #ffffff14;border-radius:8px;padding:20px 24px;position:relative;overflow:hidden}.panel.accent-l:before{content:"";background:var(--espresso);width:4px;position:absolute;top:0;bottom:0;left:0}.panel-label{font-family:var(--mono);letter-spacing:.2em;color:var(--ink-3);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.panel-label .tag{background:var(--espresso);color:var(--bg);border-radius:3px;padding:2px 8px;font-weight:800}.panel-label .tag.blue{background:var(--blue-team);color:#fff}.panel-label .tag.red{background:var(--red-team);color:#fff}.scenario-title{font-family:var(--display);letter-spacing:.02em;margin:0 0 10px;font-size:36px;line-height:1.05}.scenario-body{font-family:var(--ui);color:var(--ink-2);text-wrap:pretty;white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;scrollbar-color:#d9775766 transparent;max-height:220px;padding-right:6px;font-size:15px;line-height:1.5;overflow-y:auto}.scenario-body::-webkit-scrollbar{width:6px}.scenario-body::-webkit-scrollbar-thumb{background:#d9775766;border-radius:3px}.panel.accent-l{overflow:visible}.scenario-meta{font-family:var(--mono);color:var(--ink-3);letter-spacing:.08em;margin-top:10px;font-size:11px}.question-panel{background:linear-gradient(#d9775729,#000000b3);border:1px solid #d9775766}.question-text{font-family:var(--display);letter-spacing:.02em;text-wrap:balance;margin:4px 0 14px;font-size:44px;line-height:1.05}.question-row{font-family:var(--mono);color:var(--ink-2);align-items:center;gap:14px;font-size:13px;display:flex}.question-row .timer{font-family:var(--display);letter-spacing:.04em;color:var(--espresso);font-feature-settings:"tnum";font-size:32px}.question-row .answered{gap:6px;display:flex}.dot-ind{border:2px solid;border-radius:50%;width:12px;height:12px;transition:all .3s}.dot-ind.red{border-color:var(--red-team)}.dot-ind.blue{border-color:var(--blue-team)}.dot-ind.filled.red{background:var(--red-team);box-shadow:0 0 12px var(--red-team)}.dot-ind.filled.blue{background:var(--blue-team);box-shadow:0 0 12px var(--blue-team)}.ticker{height:36px;font-family:var(--mono);color:var(--ink-2);z-index:7;background:#000;border-top:1px solid #ffffff1a;align-items:center;font-size:13px;display:flex;position:absolute;bottom:0;left:0;right:0}.ticker-label{background:var(--espresso);color:var(--bg);letter-spacing:.18em;text-transform:uppercase;flex-shrink:0;padding:8px 16px;font-weight:700}.ticker-track{white-space:nowrap;align-items:center;gap:48px;padding:0 24px;animation:40s linear infinite tickerScroll;display:flex}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{align-items:center;gap:10px;display:inline-flex}.ticker-item .b{color:var(--ink);font-weight:600}.goal-overlay{z-index:50;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.goal-bg{background:radial-gradient(#d9775799,#0a1410f2 70%);animation:.6s ease-out goalFlash;position:absolute;inset:0}@keyframes goalFlash{0%{opacity:0}to{opacity:1}}.goal-text{font-family:var(--display);letter-spacing:-.02em;text-align:center;z-index:1;text-shadow:0 0 80px #0009;font-size:360px;line-height:.85;animation:.5s cubic-bezier(.34,1.56,.64,1) goalPop;position:relative}.goal-text.red{color:var(--red-team)}.goal-text.blue{color:var(--blue-team)}@keyframes goalPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.goal-sub{text-align:center;font-family:var(--bcast);letter-spacing:.06em;color:var(--ink);z-index:1;font-size:56px;position:absolute;bottom:200px;left:0;right:0}.card-overlay{z-index:50;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-flash{border-radius:8px;flex-direction:column;justify-content:flex-end;width:280px;height:400px;padding:24px;animation:.4s cubic-bezier(.34,1.56,.64,1) cardSlam;display:flex;position:relative;box-shadow:0 30px 80px #0009}.card-flash.yellow{background:var(--yellow);color:#4a3a00}.card-flash.red{background:var(--red-card);color:#fff}@keyframes cardSlam{0%{opacity:0;transform:rotate(-8deg)scale(.5)}to{opacity:1;transform:rotate(-4deg)scale(1)}}.card-flash .silly-name{font-family:Comic Sans MS,Chalkboard SE,Marker Felt,Bradley Hand,Comic Neue,cursive!important}.card-flash .player-name{font-family:var(--display);letter-spacing:.02em;font-size:36px;line-height:1}.card-flash .reason{font-family:var(--mono);opacity:.8;margin-top:8px;font-size:13px}.pm-screen{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--ui);flex-direction:column;padding-top:64px;display:flex;position:relative;overflow:hidden}.pm-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:0 20px 16px;display:flex}.pm-team-pill{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.pm-team-pill.red{color:var(--red-team);background:#ed4f4f26;border:1px solid #ed4f4f66}.pm-team-pill.blue{color:var(--blue-team);background:#3d8bff26;border:1px solid #3d8bff66}.pm-team-pill .num{width:18px;height:18px;color:var(--bg);background:currentColor;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex}.pm-status{font-family:var(--mono);color:var(--ink-3);letter-spacing:.1em;align-items:center;gap:6px;font-size:11px;display:flex}.pm-status .dot{background:var(--espresso);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse}.pm-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow:auto}.pm-mini-field{background:var(--turf-dark);border:1px solid #ffffff0d;border-radius:8px;height:80px;position:relative;overflow:hidden}.pm-scenario{background:var(--bg-2);border:1px solid #ffffff0f;border-radius:12px;padding:16px}.pm-scenario .label{font-family:var(--mono);letter-spacing:.2em;color:var(--espresso);text-transform:uppercase;margin-bottom:6px;font-size:10px}.pm-scenario .title{font-family:var(--display);margin:0;font-size:22px;line-height:1.1}.pm-question-card{background:linear-gradient(180deg, #d977571a, var(--bg-2));border:1px solid #d9775766;border-radius:14px;padding:20px}.pm-question-card .q-meta{font-family:var(--mono);color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.pm-question-card .q-timer{font-family:var(--display);color:var(--espresso);letter-spacing:.04em;align-items:center;gap:6px;font-size:20px;display:flex}.q-static-wrap{max-height:220px;padding-right:4px;position:relative;overflow-y:auto}.q-static-wrap::-webkit-scrollbar{width:4px}.q-static-wrap::-webkit-scrollbar-thumb{background:#d977574d;border-radius:2px}.pm-question-card .q-text{font-family:var(--display);margin:0 0 12px;font-size:22px;line-height:1.2}.q-scroll-wrap{max-height:112px;position:relative;overflow:hidden}.q-scroll-wrap.scrolling .q-text{animation:12s ease-in-out infinite q-scroll}@keyframes q-scroll{0%,18%{transform:translateY(0)}72%,82%{transform:translateY(var(--q-overflow,0px))}96%,to{transform:translateY(0)}}.pm-options{flex-direction:column;gap:10px;margin-top:12px;display:flex}.pm-option{background:var(--bg-3);width:100%;font-family:var(--ui);color:var(--ink);text-align:left;cursor:pointer;border:1px solid #ffffff14;border-radius:10px;align-items:flex-start;gap:14px;padding:14px 16px;font-size:16px;font-weight:500;line-height:1.3;transition:all .15s;display:flex}.pm-option:hover{border-color:#d9775780}.pm-option.selected{border-color:var(--espresso);background:#d9775726}.pm-option.eliminated{opacity:.3;cursor:not-allowed;text-decoration:line-through}.pm-option .key{font-family:var(--mono);background:#ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.pm-option.selected .key{background:var(--espresso);color:var(--bg)}.pm-tf{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.pm-tf-btn{font-family:var(--display);letter-spacing:.04em;cursor:pointer;border:2px solid;border-radius:12px;padding:24px 16px;font-size:32px}.pm-tf-btn.t{color:#69d76d;background:#4caf501a;border-color:#4caf5080}.pm-tf-btn.f{color:var(--red-team);background:#ed4f4f1a;border-color:#ed4f4f80}.pm-tf-btn.t:hover{background:#4caf5040}.pm-tf-btn.f:hover{background:#ed4f4f40}.pm-tf-btn.t.selected{color:#fff;background:#4caf5073;border-color:#69d76d;box-shadow:0 0 0 3px #4caf5040,0 6px 18px #4caf5059}.pm-tf-btn.f.selected{border-color:var(--red-team);color:#fff;background:#ed4f4f73;box-shadow:0 0 0 3px #ed4f4f40,0 6px 18px #ed4f4f59}.pm-textarea{background:var(--bg-3);width:100%;min-height:130px;font-family:var(--ui);color:var(--ink);resize:vertical;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:14px;font-size:15px;line-height:1.4}.pm-textarea:focus{border-color:var(--espresso)}.pm-textarea-meta{font-family:var(--mono);color:var(--ink-3);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.pm-submit{background:var(--espresso);width:100%;color:var(--bg);font-family:var(--display);letter-spacing:.04em;cursor:pointer;border:0;border-radius:12px;margin-top:4px;padding:16px;font-size:22px}.pm-submit:hover{background:#ec885f}.pm-submit:disabled{color:var(--ink-3);background:#ffffff1a}.pm-coach{background:var(--bg-2);border-top:1px solid #ffffff0f;flex-shrink:0;padding:12px 16px 18px}.pm-coach-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pm-coach-avatar{background:linear-gradient(135deg, var(--espresso), var(--espresso-3));width:36px;height:36px;font-family:var(--display);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.pm-coach-info{font-family:var(--ui);flex:1}.pm-coach-info .name{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.pm-coach-info .name .v{color:#34c759;font-size:10px}.pm-coach-info .sub{color:var(--ink-3);font-size:11px}.pm-coach-hints{font-family:var(--mono);color:var(--ink-3);letter-spacing:.08em;font-size:11px}.pm-coach-hints b{color:var(--espresso)}.pm-bubble{background:var(--bg-3);max-width:85%;color:var(--ink-2);border-radius:12px 12px 12px 2px;margin-bottom:6px;padding:8px 12px;font-size:13px;line-height:1.4}.pm-bubble.coach{background:#d977571f}.pm-bubble.you{background:var(--espresso);color:var(--bg);border-radius:12px 12px 2px;margin-left:auto}.pm-bubble .time{font-family:var(--mono);opacity:.6;margin-top:2px;font-size:9px;display:block}.pm-hint-btn{width:100%;color:var(--espresso);font-family:var(--ui);cursor:pointer;background:#d977571f;border:1px dashed #d9775780;border-radius:10px;justify-content:space-between;align-items:center;margin-top:6px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.pm-hint-btn:hover{background:#d9775733}.pm-hint-btn .badge{font-family:var(--mono);background:var(--espresso);color:var(--bg);letter-spacing:.1em;border-radius:999px;padding:2px 8px;font-size:10px}.pm-idle{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.pm-idle .glyph{font-family:var(--display);color:var(--ink-3);letter-spacing:.04em;margin-bottom:12px;font-size:96px;line-height:.9}.pm-idle .msg{font-family:var(--display);letter-spacing:.02em;margin-bottom:8px;font-size:28px}.pm-idle .sub{font-family:var(--mono);color:var(--ink-3);letter-spacing:.1em;font-size:12px}.pm-idle .who-has-ball{background:var(--bg-2);border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:10px;margin-top:24px;padding:12px 18px;display:flex}.your-turn-pill{background:var(--espresso);color:var(--bg);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:800;animation:1.5s ease-in-out infinite pulseGlow;display:inline-flex}@keyframes pulseGlow{0%,to{box-shadow:0 0 #d9775780}50%{box-shadow:0 0 20px #d97757cc}}.pm-card-overlay{text-align:center;z-index:100;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.pm-card-overlay .card-img{border-radius:4px;width:140px;height:200px;margin-bottom:24px;transform:rotate(-6deg);box-shadow:0 20px 50px #00000080}.pm-card-overlay .card-img.y{background:var(--yellow)}.pm-card-overlay .card-img.r{background:var(--red-card)}.pm-card-overlay h2{font-family:var(--display);letter-spacing:.02em;text-wrap:balance;margin:0 0 8px;font-size:36px}.pm-card-overlay .penalty{font-family:var(--mono);color:var(--ink-2);letter-spacing:.1em;border:1px dashed #fff3;border-radius:8px;max-width:280px;margin-top:16px;padding:10px 16px;font-size:12px;line-height:1.6}.pd-screen{background:var(--bg);height:100%;color:var(--ink);font-family:var(--ui);grid-template-columns:1.6fr 1fr;display:grid;overflow:hidden}.pd-main{flex-direction:column;gap:20px;padding:32px 40px;display:flex;overflow:auto}.pd-side{background:var(--bg-2);border-left:1px solid #ffffff0f;flex-direction:column;display:flex;overflow:hidden}.pd-side-head{border-bottom:1px solid #ffffff0f;padding:20px 24px 16px}.pd-chat{flex-direction:column;flex:1;gap:6px;padding:16px 20px;display:flex;overflow:auto}.pd-chat-input{border-top:1px solid #ffffff0f;padding:14px 16px}.pd-bar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pd-bar-l{align-items:center;gap:14px;display:flex}.pd-mini-score{font-family:var(--display);background:var(--bg-2);border-radius:8px;align-items:center;gap:10px;padding:6px 14px;font-size:24px;display:inline-flex}.pd-mini-score .red{color:var(--red-team)}.pd-mini-score .blue{color:var(--blue-team)}.pd-mini-score .x{color:var(--ink-3);font-size:16px}.reg-screen{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--ui);flex-direction:column;padding-top:64px;display:flex;overflow:auto}.reg-hero{text-align:center;padding:24px 24px 32px;position:relative}.reg-hero .kicker{font-family:var(--mono);letter-spacing:.24em;color:var(--espresso);text-transform:uppercase;margin-bottom:10px;font-size:11px}.reg-hero h1{font-family:var(--display);letter-spacing:.01em;margin:0 0 8px;font-size:48px;line-height:.95}.reg-hero h1 .accent{color:var(--espresso)}.reg-hero p{color:var(--ink-2);max-width:320px;margin:0 auto;font-size:14px;line-height:1.5}.reg-form{flex-direction:column;gap:20px;padding:0 20px 20px;display:flex}.reg-section-label{font-family:var(--mono);letter-spacing:.2em;color:var(--ink-3);text-transform:uppercase;margin-bottom:10px;font-size:10px}.reg-team-pick{grid-template-columns:1fr 1fr;gap:10px;display:grid}.reg-team-card{background:var(--bg-2);text-align:center;cursor:pointer;border:2px solid;border-radius:14px;padding:20px 14px;position:relative;overflow:hidden}.reg-team-card.red{border-color:#ed4f4f66}.reg-team-card.blue{border-color:#3d8bff66}.reg-team-card.selected.red{border-color:var(--red-team);background:#ed4f4f14}.reg-team-card.selected.blue{border-color:var(--blue-team);background:#3d8bff14}.reg-team-card .shield{width:56px;height:64px;margin:0 auto 10px;position:relative}.reg-team-card .name{font-family:var(--display);letter-spacing:.04em;font-size:28px;line-height:1}.reg-team-card.red .name{color:var(--red-team)}.reg-team-card.blue .name{color:var(--blue-team)}.reg-team-card .desc{font-family:var(--mono);color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;margin-top:6px;font-size:10px}.reg-team-card .slots{font-family:var(--mono);color:var(--ink-3);margin-top:12px;font-size:10px}.reg-team-card .slots b{color:var(--ink)}.reg-input{background:var(--bg-2);width:100%;color:var(--ink);font-family:var(--ui);border:1px solid #ffffff14;border-radius:10px;outline:none;padding:14px 16px;font-size:15px}.reg-input:focus{border-color:var(--espresso)}.reg-jersey-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.reg-jersey{aspect-ratio:1;background:var(--bg-2);font-family:var(--display);color:var(--ink);cursor:pointer;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex}.reg-jersey.taken{opacity:.3;cursor:not-allowed;text-decoration:line-through}.reg-jersey.selected{background:var(--espresso);color:var(--bg);border-color:var(--espresso)}.reg-cta{background:var(--espresso);width:100%;color:var(--bg);font-family:var(--display);letter-spacing:.04em;cursor:pointer;border:0;border-radius:14px;padding:18px;font-size:24px}.reg-cta:disabled{color:var(--ink-3);background:#ffffff14}.reg-foot{font-family:var(--mono);color:var(--ink-4);text-align:center;letter-spacing:.1em;padding:8px 0 24px;font-size:10px}.dev-stage{z-index:1;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.dev-caption{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);text-align:center;font-size:11px}.dev-caption b{color:var(--ink);font-weight:600}.intermission{z-index:30;background:radial-gradient(ellipse at center, #d977572e, var(--bg) 70%);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.intermission .kicker{font-family:var(--mono);letter-spacing:.3em;color:var(--espresso);text-transform:uppercase;margin-bottom:24px;font-size:16px}.intermission h1{font-family:var(--display);margin:0 0 32px;font-size:220px;line-height:.9}.intermission .sub{font-family:var(--bcast);color:var(--ink-2);letter-spacing:.04em;font-size:56px}.intermission .timer{font-family:var(--display);color:var(--espresso);letter-spacing:.06em;margin-top:48px;font-size:80px}.fx-overlay{z-index:50;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.fx-bg{position:absolute;inset:0}.fx-text{z-index:2;font-family:var(--display);text-align:center;position:relative}.goal-v1 .fx-bg{background:radial-gradient(#d97757b3,#0a1410f2 70%);animation:.6s ease-out fxFlash}.goal-v1 .goal-bigtext{letter-spacing:-.02em;text-shadow:0 0 80px #0009;font-size:360px;line-height:.85;animation:1.4s cubic-bezier(.34,1.56,.64,1) both goalStretch}.goal-v1.red .goal-bigtext{color:var(--red-team)}.goal-v1.blue .goal-bigtext{color:var(--blue-team)}.goal-v2 .fx-bg{background:repeating-linear-gradient(0deg,#0006 0 2px,#0000 2px 4px),radial-gradient(#14281ef2,#000 80%)}.goal-v2 .terminal{z-index:2;font-family:var(--mono);color:#69d76d;text-align:left;text-shadow:0 0 8px #69d76d99;background:#0a1410d9;border:1px solid #69d76d66;width:900px;padding:24px 32px;font-size:32px;position:relative}.goal-v2 .terminal .l1{animation:.4s steps(20,end) both typeIn}.goal-v2 .terminal .l2{opacity:0;animation:.4s steps(28,end) .5s both typeIn}.goal-v2 .terminal .l3{opacity:0;color:#fff;animation:.3s steps(12,end) 1s both typeIn}.goal-v2 .terminal .l4{opacity:0;margin-top:12px;font-size:84px;line-height:1;animation:.5s steps(8,end) 1.4s both typeIn}.goal-v2.red .terminal .l4{color:var(--red-team)}.goal-v2.blue .terminal .l4{color:var(--blue-team)}.goal-v3 .fx-bg{background:radial-gradient(at 50% 70%,#d9775780,#0a1410f2 60%)}.goal-v3 .confetti{width:12px;height:18px;animation:1.6s cubic-bezier(.4,0,.2,1) both confettiFall;position:absolute;top:-30px}.goal-v3 .goal-bigtext{text-shadow:0 0 80px #0009;font-size:280px;line-height:.85;animation:.5s cubic-bezier(.34,1.56,.64,1) both slamIn}.goal-v3.red .goal-bigtext{color:var(--red-team)}.goal-v3.blue .goal-bigtext{color:var(--blue-team)}.goal-v3 .sub{z-index:2;font-family:var(--bcast);color:var(--ink);letter-spacing:.06em;margin-top:24px;font-size:56px;animation:.6s .3s both slideUp;position:relative}.goal-v4 .fx-bg{background:linear-gradient(115deg, var(--red-team) 0%, var(--red-team) 50%, transparent 50%, transparent 100%);animation:.4s cubic-bezier(.4,0,.2,1) both bannerSlide}.goal-v4.blue .fx-bg{background:linear-gradient(115deg, var(--blue-team) 0%, var(--blue-team) 50%, transparent 50%, transparent 100%)}.goal-v4 .corner-stamp{z-index:2;font-family:var(--mono);letter-spacing:.3em;color:#fff;opacity:0;border:2px solid #fff;padding:8px 18px;font-size:18px;animation:.3s .4s both stampIn;position:absolute;top:120px;right:80px}.goal-v4 .goal-bigtext{color:#fff;text-align:left;opacity:0;padding-left:80px;font-size:280px;line-height:.85;animation:.5s cubic-bezier(.34,1.56,.64,1) .2s both slideRightIn}.goal-v4 .sub{z-index:2;font-family:var(--bcast);color:#ffffffd9;letter-spacing:.04em;text-align:left;opacity:0;margin-top:20px;padding-left:80px;font-size:48px;animation:.5s .5s both slideRightIn;position:relative}.fx-overlay.miss .fx-bg{background:radial-gradient(#96969666,#0000 70%)}.fx-overlay.miss .miss-text{font-family:var(--display);color:var(--ink-3);letter-spacing:.04em;font-size:160px;line-height:.9;animation:.5s both missShake}.fx-overlay.miss .miss-sub{z-index:2;font-family:var(--mono);letter-spacing:.3em;color:var(--ink-2);text-transform:uppercase;margin-top:20px;font-size:18px;position:relative}.fx-overlay.var{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000c7}.var-card{z-index:2;border:2px solid var(--espresso);background:linear-gradient(#0a1410,#0f1d17);border-radius:6px;width:1100px;padding:40px 48px;animation:.5s cubic-bezier(.34,1.56,.64,1) varDrop;position:relative;box-shadow:0 40px 100px #0009,0 0 0 6px #d9775726}.var-stripe{background:var(--espresso);height:36px;font-family:var(--mono);letter-spacing:.3em;color:#000;justify-content:space-between;align-items:center;padding:0 20px;font-size:12px;font-weight:800;display:flex;position:absolute;top:-2px;left:-2px;right:-2px}.var-stripe .pulse{vertical-align:middle;background:#000;border-radius:50%;width:8px;height:8px;margin-right:8px;animation:1.4s ease-in-out infinite pulse;display:inline-block}.var-card h1{font-family:var(--display);letter-spacing:.02em;margin:30px 0 8px;font-size:88px;line-height:.95}.var-card .question{font-family:var(--display);color:var(--espresso);letter-spacing:.04em;margin-bottom:24px;font-size:24px}.var-card .replay-frame{background:var(--bg);border:1px solid #ffffff14;border-radius:4px;height:320px;position:relative;overflow:hidden}.var-card .replay-label{font-family:var(--mono);letter-spacing:.2em;color:#fff9;text-transform:uppercase;font-size:11px;position:absolute;top:16px;left:16px}.var-card .replay-label .rec{background:var(--red-card);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.2s ease-in-out infinite pulse;display:inline-block}.var-card .ai-thinking{border-left:3px solid var(--espresso);font-family:var(--mono);color:var(--ink-2);letter-spacing:.05em;background:#d977571a;border-radius:4px;align-items:center;gap:16px;margin-top:24px;padding:16px 20px;font-size:15px;display:flex}.var-card .ai-thinking .spinner{border:2px solid #d977574d;border-top-color:var(--espresso);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}.var-card .verdict-row{justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.var-card .verdict-stamp{font-family:var(--display);letter-spacing:.04em;border:4px solid;padding:14px 32px;font-size:64px;line-height:1;animation:.4s cubic-bezier(.34,1.56,.64,1) both stampIn;transform:rotate(-4deg)}.var-card .verdict-stamp.confirmed{color:#69d76d;border-color:#69d76d}.var-card .verdict-stamp.cancelled{color:var(--red-card);border-color:var(--red-card)}.var-card .verdict-reason{font-family:var(--ui);color:var(--ink-2);flex:1;font-size:16px;line-height:1.5}@keyframes fxFlash{0%{opacity:0}to{opacity:1}}@keyframes goalStretch{0%{opacity:0;letter-spacing:-.5em;transform:scale(.4,1.4)}60%{opacity:1;letter-spacing:.08em;transform:scale(1.2,.85)}to{letter-spacing:-.02em;transform:scale(1)}}@keyframes slamIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiFall{to{opacity:0;transform:translateY(110vh)rotate(720deg)}}@keyframes typeIn{0%{opacity:1;width:0}to{opacity:1;width:100%}}@keyframes bannerSlide{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideRightIn{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}@keyframes stampIn{0%{opacity:0;transform:rotate(-30deg)scale(2)}60%{opacity:1;transform:rotate(-2deg)scale(.95)}to{opacity:1;transform:rotate(-4deg)scale(1)}}@keyframes missShake{0%,to{transform:translate(0)}20%{transform:translate(-12px)rotate(-1deg)}40%{transform:translate(12px)rotate(1deg)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}@keyframes varDrop{0%{opacity:0;transform:translateY(-40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes coinFlip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)scale(1.05)}to{transform:rotateY(360deg)}}@keyframes fxFadeOut{0%{opacity:1}to{opacity:0}}.goal-v2 .terminal .l1,.goal-v2 .terminal .l2,.goal-v2 .terminal .l3{white-space:nowrap;overflow:hidden}.ref-panel{background:var(--bg);border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:1100px;position:relative;overflow:hidden;box-shadow:0 40px 100px #0006}.ref-header{border-bottom:1px solid var(--espresso);background:linear-gradient(135deg,#1a1410 0%,#2a1810 100%);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.ref-header .left{align-items:center;gap:14px;display:flex}.ref-whistle{background:var(--espresso);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.ref-header h2{font-family:var(--display);letter-spacing:.04em;margin:0;font-size:32px}.ref-header .sub{font-family:var(--mono);color:var(--ink-3);letter-spacing:.2em;text-transform:uppercase;font-size:11px}.ref-classified{font-family:var(--mono);letter-spacing:.3em;color:var(--red-card);border:1px solid var(--red-card);border-radius:3px;padding:4px 10px;font-size:10px}.ref-body{grid-template-columns:1fr 1fr;gap:20px;padding:24px;display:grid}.ref-card{background:var(--bg-2);border:1px solid #ffffff0f;border-radius:12px;padding:18px 20px}.ref-card h3{font-family:var(--mono);letter-spacing:.2em;color:var(--ink-3);text-transform:uppercase;margin:0 0 14px;font-size:11px}.ref-mini-field{border:1px solid #ffffff0f;border-radius:8px;height:200px;margin-bottom:12px;overflow:hidden}.ref-row{gap:10px;margin-bottom:8px;display:flex}.ref-btn{background:var(--bg-3);color:var(--ink);font-family:var(--ui);cursor:pointer;text-align:left;border:1px solid #ffffff14;border-radius:8px;flex:1;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.ref-btn:hover{border-color:var(--espresso);background:#d9775714}.ref-btn.danger{color:var(--red-card);border-color:#e22d2d66}.ref-btn.danger:hover{background:#e22d2d1a}.ref-btn.warning{color:var(--yellow);border-color:#f5c84266}.ref-btn.warning:hover{background:#f5c8421a}.ref-btn.var{border-color:var(--espresso);color:var(--espresso)}.ref-btn.var:hover{background:#d9775726}.ref-btn.primary{background:var(--espresso);border-color:var(--espresso);color:var(--bg);font-weight:700}.ref-btn .icon{font-size:16px}.ref-btn .key{font-family:var(--mono);letter-spacing:.1em;background:#0006;border-radius:3px;margin-left:auto;padding:2px 6px;font-size:10px}.ref-state-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.ref-state-item{font-family:var(--mono);background:var(--bg-3);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;justify-content:space-between;padding:8px 10px;font-size:11px;display:flex}.ref-state-item .v{color:var(--espresso);font-weight:700}.ref-log{font-family:var(--mono);background:var(--bg);border:1px solid #ffffff0a;border-radius:6px;max-height:140px;padding:12px 14px;font-size:11px;line-height:1.6;overflow:auto}.ref-log .ts{color:var(--ink-3)}.ref-log .ev{color:var(--ink-2)}.ref-log .me{color:var(--espresso)}.pm-pass-overlay{z-index:60;pointer-events:none;background:radial-gradient(#0a141073 0%,#0a1410eb 80%);flex-direction:column;justify-content:center;align-items:center;animation:.25s ease-out both ppoFadeIn;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes ppoFadeIn{0%{opacity:0}to{opacity:1}}.pm-pass-overlay.pass{background:radial-gradient(#69d76d2e 0%,#0a1410f2 70%)}.pm-pass-overlay.steal{background:radial-gradient(#ed4f4f33 0%,#0a1410f2 70%)}.pm-pass-rays{mix-blend-mode:screen;opacity:0;background:repeating-conic-gradient(#0000 0deg 14deg,#ffffff14 14deg 16deg);animation:1.6s linear infinite raysSpin;position:absolute;inset:0}.pm-pass-overlay.pass .pm-pass-rays{animation:1.6s linear infinite raysSpin,.6s ease-out .2s both raysFadeIn}.pm-pass-overlay.steal .pm-pass-rays{animation:1.6s linear infinite raysSpinRev,.6s ease-out .2s both raysFadeIn}@keyframes raysSpin{to{transform:rotate(360deg)}}@keyframes raysSpinRev{to{transform:rotate(-360deg)}}@keyframes raysFadeIn{0%{opacity:0}to{opacity:1}}.pm-pass-label{font-family:var(--display);letter-spacing:.04em;text-align:center;z-index:3;text-shadow:0 4px 20px #0009;font-size:60px;animation:.45s cubic-bezier(.34,1.56,.64,1) .15s both labelSlam;position:relative}.pm-pass-overlay.pass .pm-pass-label{color:#69d76d}.pm-pass-overlay.steal .pm-pass-label{color:var(--red-card)}@keyframes labelSlam{0%{opacity:0;letter-spacing:.4em;transform:scale(1.6)translateY(-10px)}60%{opacity:1;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.pm-pass-sub{z-index:3;font-family:var(--mono);letter-spacing:.22em;color:var(--ink-2);text-align:center;text-transform:uppercase;opacity:0;max-width:80%;margin-top:8px;font-size:11px;animation:.4s .5s both subFade;position:relative}@keyframes subFade{0%{opacity:0;transform:translateY(6px)}to{opacity:.85;transform:translateY(0)}}.pm-pass-actors{z-index:3;justify-content:space-between;align-items:center;width:88%;height:96px;margin-top:36px;display:flex;position:relative}.pm-actor{font-family:var(--mono);letter-spacing:.18em;color:var(--ink-2);text-align:center;flex-direction:column;align-items:center;gap:6px;width:84px;font-size:10px;display:flex}.pm-actor .chip{width:64px;height:64px;font-family:var(--display);background:#00000080;border:2px solid;border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex;position:relative}.pm-actor.from{animation:.4s cubic-bezier(.34,1.56,.64,1) .2s both actorFromIn}.pm-actor.to{animation:.4s cubic-bezier(.34,1.56,.64,1) .35s both actorToIn}@keyframes actorFromIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes actorToIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.pm-pass-overlay.pass .pm-actor.from .chip,.pm-pass-overlay.pass .pm-actor.to .chip{color:#69d76d;box-shadow:0 0 24px #69d76d80}.pm-pass-overlay.steal .pm-actor.from .chip{color:#888;box-shadow:0 0 16px #ffffff1a}.pm-pass-overlay.steal .pm-actor.to .chip{color:var(--red-card);box-shadow:0 0 28px #ed4f4f99}.pm-pass-trail{z-index:2;pointer-events:none;border-radius:2px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pm-pass-overlay.pass .pm-pass-trail{background:linear-gradient(90deg,#0000 0%,#69d76d00 0%,#69d76de6 50%,#69d76d00 100%);width:0;animation:.5s cubic-bezier(.4,0,.2,1) .7s both trailGrow}.pm-pass-overlay.steal .pm-pass-trail{background:linear-gradient(90deg,#ed4f4f00 0%,#ed4f4fe6 50%,#ed4f4f00 100%);width:0;animation:.5s cubic-bezier(.4,0,.2,1) .7s both trailGrow}@keyframes trailGrow{0%{width:0}to{width:70%}}.pm-pass-ball{z-index:4;filter:drop-shadow(0 6px 12px #00000080);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:42px;display:flex;position:absolute}.pm-pass-overlay.pass .pm-pass-ball{animation:.85s cubic-bezier(.45,0,.55,1) .7s both ballPassFly}.pm-pass-overlay.steal .pm-pass-ball{animation:.95s cubic-bezier(.4,0,.6,1) .7s both ballStealFly}@keyframes ballPassFly{0%{opacity:0;top:calc(50% + 56px);left:12%;transform:translate(-50%,-50%)scale(.5)rotate(0)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)rotate(45deg)}50%{opacity:1;top:calc(50% + 32px);left:50%;transform:translate(-50%,-50%)scale(1.2)rotate(180deg)}85%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(320deg)}to{opacity:0;top:calc(50% + 56px);left:88%;transform:translate(-50%,-50%)scale(.7)rotate(360deg)}}@keyframes ballStealFly{0%{opacity:0;top:calc(50% + 56px);left:12%;transform:translate(-50%,-50%)scale(.5)rotate(0)}10%{opacity:1;left:18%;transform:translate(-50%,-50%)scale(1.3)rotate(-20deg)}35%{opacity:1;top:calc(50% + 4px);left:50%;transform:translate(-50%,-50%)scale(1.4)rotate(-180deg)}60%{opacity:1;top:calc(50% + 28px);left:70%;transform:translate(-50%,-50%)scale(1.1)rotate(-300deg)}to{opacity:0;top:calc(50% + 100px);left:90%;transform:translate(-50%,-50%)scale(.6)rotate(-540deg)}}.pm-steal-hand{z-index:5;filter:drop-shadow(0 0 20px #ed4f4fcc);opacity:0;font-size:90px;animation:.45s cubic-bezier(.34,1.56,.64,1) 1s both stealLegSlide;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes stealLegSlide{0%{opacity:0;transform:translate(-180%,20%)rotate(-30deg)scale(.7)}60%{opacity:1;transform:translate(-50%,-40%)rotate(8deg)scale(1.15)}to{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}}.pm-pass-burst{z-index:3;opacity:0;background:radial-gradient(circle,#69d76d99 0%,#0000 70%);border-radius:50%;width:100px;height:100px;margin:-50px -50px 0 0;position:absolute;top:50%;right:12%}.pm-pass-overlay.pass .pm-pass-burst{animation:.5s ease-out 1.45s both burstPop}.pm-pass-overlay.steal .pm-pass-burst{background:radial-gradient(circle,#ed4f4fb3 0%,#0000 70%);animation:.5s ease-out 1.55s both burstPop}@keyframes burstPop{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1.6)}}.miss .keeper-glove{z-index:2;margin-bottom:18px;animation:.6s cubic-bezier(.34,1.56,.64,1) both gloveSlam;position:relative}@keyframes gloveSlam{0%{opacity:0;transform:translate(-200px,-200px)rotate(-60deg)scale(.6)}60%{opacity:1;transform:translate(20px,20px)rotate(10deg)scale(1.1)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.keeper-hand-spot{z-index:3;pointer-events:none;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:absolute;top:38%}.keeper-hand-spot.right{right:6%}.keeper-hand-spot.left{left:6%;transform:scaleX(-1)}.keeper-hand-spot:before{content:"";background:radial-gradient(circle,#f5c84259 0%,#0000 65%);animation:.5s ease-out both fxFlash;position:absolute;inset:-30px}.keeper-hand-spot .hand{filter:drop-shadow(0 8px 24px #0009);font-size:180px;animation:.55s cubic-bezier(.34,1.56,.64,1) both keeperPunch;display:inline-block}@keyframes keeperPunch{0%{opacity:0;transform:translate(60px,-40px)rotate(35deg)scale(.4)}60%{opacity:1;transform:translate(-8px,8px)rotate(-15deg)scale(1.1)}to{opacity:1;transform:translate(0)rotate(-8deg)scale(1)}}.shot-picker{grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 12px;display:grid}.shot-pick-btn{background:var(--bg-3);color:var(--ink);font-family:var(--mono);letter-spacing:.1em;cursor:pointer;border:1px solid #ffffff14;border-radius:6px;padding:8px 10px;font-size:10px}.shot-pick-btn.on{background:var(--espresso);color:var(--bg);border-color:var(--espresso)}@keyframes rotateDot{to{transform:rotate(360deg)}}