@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--ink:#e9eef3;--ink-soft:#8fa0ad;--paper:#0b141d;--panel:#0e1822;--card:#101c27;--line:#ffffff24;--line-soft:#ffffff12;--blue:#54a8e8;--blue-deep:#2f7cbe;--blue-wash:#54a8e824;--green:#3bd39c;--teal:#3bd39c;--teal-wash:#3bd39c1f;--amber:#f2c14e;--amber-wash:#f2c14e24;--clay:#f0644a;--clay-wash:#f0644a24;--display:"Space Grotesk", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--overlay:#0a121ad1;--glow:0 0 0 1px #ffffff0a, 0 8px 28px #00000073;--zone-tile:clamp(210px, 28vh, 320px);--lineup-w:187px;--rail-gap:12px;--top-bar-h:68px;--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.45;overflow:hidden}.app{width:100%;height:100dvh;position:relative;overflow:hidden}.stage-area{background:var(--paper);flex-direction:column;min-width:0;display:flex;position:absolute;inset:0}.field-stage{background:var(--paper);flex:1;min-height:0;position:relative}#canvas-diamond{width:100%;height:100%;display:block;position:absolute;inset:0}.top-bar{z-index:3;height:calc(var(--top-bar-h) + 16px);padding:8px 10px;padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));padding-top:max(8px, env(safe-area-inset-top));background:var(--paper);border-bottom:1px solid var(--line-soft);flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid;overflow:visible}.top-bar>.scorebug-wrap>.scorebug{height:var(--top-bar-h);background:var(--overlay);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--glow);border-radius:12px}.scorebug-wrap{grid-column:1;justify-content:flex-start;min-width:0;display:flex}.scorebug{white-space:nowrap;align-items:center;gap:20px;padding:0 20px;display:flex}.scorebug .side{align-items:center;gap:10px;display:flex}.scorebug .side.home{flex-direction:row-reverse}.scorebug .name{display:none}.scorebug .runs{font-family:var(--display);letter-spacing:-.04em;text-align:center;min-width:1.1ch;font-size:28px;font-weight:700;line-height:1}.scorebug .mid{flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:110px;padding:0 8px;display:flex}.scorebug .situation{color:var(--ink);justify-content:center;align-items:baseline;gap:8px;line-height:1;display:flex}.scorebug .situation .inn{font-family:var(--display);letter-spacing:-.02em;font-size:20px;font-weight:700}.scorebug .situation .outs{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:13px;font-weight:700}.scorebug .situation .sep{background:var(--line);border-radius:50%;flex:none;align-self:center;width:3px;height:3px}.bases{grid-template-rows:12px 12px;grid-template-columns:12px 12px 12px;justify-content:center;gap:3px;display:grid}.base{box-sizing:border-box;background:0 0;border:1.5px solid #ffffff47;width:12px;height:12px;transform:rotate(45deg)}.base.b2{grid-area:1/2}.base.b3{grid-area:2/1}.base.b1{grid-area:2/3}.base.on{background:var(--amber);border-color:var(--amber);box-shadow:0 0 8px #f2c14e8c}.plate-stack{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:2;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100% - 24px);display:flex;position:absolute}.top-bar>.matchup-inset{height:var(--top-bar-h);grid-column:2;place-self:center stretch;width:auto;min-width:0;max-width:100%}.matchup-inset{background:var(--overlay);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:max-content;min-width:0;max-width:100%;box-shadow:var(--glow);box-sizing:border-box;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;display:flex;overflow:hidden}.matchup-stat{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;min-width:2.6em;line-height:1;display:flex}.matchup-stat strong{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:18px;font-weight:700}.matchup-stat.count strong{color:var(--amber);font-variant-numeric:tabular-nums}.matchup-stat em{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:8px;font-style:normal;font-weight:600}.matchup-side{flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex}.matchup-inset canvas{flex:none;width:42px;height:46px;display:block}.matchup-label{flex-direction:column;flex:auto;min-width:0;display:flex}.matchup-side.pitcher .matchup-label{text-align:right}.matchup-label span{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.matchup-label em{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:8px;font-style:normal}.lineup-col{top:auto;left:max(12px, env(safe-area-inset-left));right:auto;bottom:max(12px, env(safe-area-inset-bottom));z-index:3;height:50%;max-height:50%;width:var(--lineup-w);background:var(--overlay);border:1px solid var(--line);box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:0;box-shadow:var(--glow);border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;overflow:auto}.lineup{flex-direction:column;gap:8px;min-height:0;display:flex}.zone-inset{gap:var(--rail-gap);background:var(--overlay);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:max-content;max-width:100%;box-shadow:var(--glow);box-sizing:border-box;border-radius:14px;align-items:flex-start;padding:10px;display:flex}.zone-col{width:var(--zone-tile);flex-direction:column;flex:none;gap:6px;min-width:0;display:flex}.zone-col canvas{width:var(--zone-tile);height:var(--zone-tile);box-sizing:border-box;display:block}.zone-info{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 8px;min-width:0;min-height:1.25em;display:flex}.zone-info-center{text-align:center;justify-content:center}.zone-info-center .zone-primary{text-overflow:clip;overflow:visible}.zone-primary{font-family:var(--display);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.zone-meta{font-family:var(--mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:600;line-height:1.2}.zone-result{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;flex:none;margin-left:auto;font-size:11px;font-weight:700;line-height:1.2}.chrome{min-width:0;height:var(--top-bar-h);box-shadow:none;background:0 0;border:0;flex-wrap:nowrap;grid-column:3;justify-self:end;align-items:center;gap:8px;padding:0;display:flex;position:relative;overflow:visible}.chrome .btn[aria-expanded=true]{color:var(--amber)}.chrome-menu{align-self:stretch;align-items:center;display:flex;position:relative}#btn-settings{box-shadow:none;color:var(--ink-soft);background:0 0;border:0;border-radius:8px;width:40px;height:40px;padding:0}#btn-settings:hover,#btn-settings[aria-expanded=true]{color:var(--amber);filter:none;background:0 0;border-color:#0000}.controls-panel{z-index:8;background:var(--overlay);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:max-content;box-shadow:var(--glow);box-sizing:border-box;border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:none;position:absolute;top:calc(100% + 8px);right:0}.controls-panel.is-open{display:flex}.transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--amber);background:var(--amber);color:#14202b;cursor:pointer;border-radius:9px;padding:7px 12px;font-size:13px;font-weight:700}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn:hover{filter:brightness(1.1)}.btn.ghost:hover{color:var(--amber);border-color:var(--amber)}.btn.discord{color:#fff;background:#5865f2;border-color:#5865f2;justify-content:center;align-items:center;gap:10px;display:inline-flex}.btn.discord:hover{filter:brightness(1.08);color:#fff}.btn.discord svg{flex-shrink:0}.btn.icon{justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.btn.icon svg{display:block}.status{color:var(--amber);margin:0;font-size:12px}.auth-gate{z-index:1000;background:#080e14eb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.auth-gate[hidden]{display:none!important}body.auth-locked .app{visibility:hidden}body.auth-locked .play-gate{visibility:hidden;pointer-events:none}.auth-card{background:var(--card,#101c27);border:1px solid var(--line,#ffffff24);width:min(380px,100%);color:var(--ink,#e9eef3);border-radius:12px;flex-direction:column;gap:12px;padding:28px 24px;display:flex}.auth-card h1{font-family:var(--display,system-ui);margin:0;font-size:24px}.auth-card p{color:var(--muted,#8fa0ad);margin:0;font-size:14px}.auth-card .btn.discord{width:100%;min-height:44px;margin-top:4px}.auth-card .field{color:var(--muted,#8fa0ad);flex-direction:column;gap:6px;font-size:12px;display:flex}.auth-card input{font:inherit;color:var(--ink,#e9eef3);background:var(--panel,#0e1822);border:1px solid var(--line,#ffffff24);border-radius:8px;padding:10px 12px;font-size:14px}.auth-error{color:#f0644a!important;font-size:13px!important}.speed select{font-family:var(--mono);color:var(--ink);border:1px solid var(--line);background:var(--card);border-radius:8px;padding:6px 8px;font-size:12px}.lineup-meta{justify-content:center;align-items:center;padding:0 2px;display:flex}.team-name{min-width:0;color:inherit;align-items:baseline;gap:0;display:inline-flex}.team-name-abbrev{font-family:var(--display);letter-spacing:.04em;white-space:nowrap;border-bottom:2px solid var(--tn-secondary,var(--amber));color:var(--tn-primary,var(--amber));padding-bottom:2px;font-size:15px;font-weight:800;line-height:1}.team-name.scorebug-team .team-name-abbrev{letter-spacing:.08em;border-bottom-width:3px;padding-bottom:3px;font-size:18px}.team-name.lineup-team .team-name-abbrev{letter-spacing:.06em;font-size:15px}.lineup-list{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:0;padding:2px 0;list-style:none;overflow:hidden}.lineup-row{border-bottom:1px solid var(--line-soft);grid-template-columns:20px minmax(0,1fr);align-items:start;gap:2px 8px;padding:8px 10px;font-size:13px;display:grid}.lineup-row:last-child{border-bottom:0}.lineup-row .slot{font-family:var(--mono);color:var(--ink-soft);text-align:center;padding-top:1px;font-size:11px;line-height:1.35}.lineup-row .who{flex-direction:column;gap:2px;min-width:0;display:flex}.lineup-row .nm{font-family:var(--display);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:13px;font-weight:600;line-height:1.25}.lineup-row .who-meta{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.lineup-row .pos{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-soft);flex:none;font-size:10px}.lineup-row .tag{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);text-align:right;overflow-wrap:anywhere;flex:1;min-width:0;font-size:10px}.lineup-row.at-bat{background:var(--amber-wash)}.lineup-row.at-bat .nm{color:var(--amber)}.lineup-row.at-bat .tag{color:var(--amber);font-weight:600}.lineup-row.on-deck .tag,.lineup-row.in-hole .tag{color:var(--blue)}.lineup-row.done .tag{color:var(--ink-soft);text-transform:none;letter-spacing:0;font-size:10.5px}.section-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 10px;font-size:11px;font-weight:600}.rotate-gate{z-index:2000;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));text-align:center;background:#080e14f5;place-content:center;justify-items:center;gap:10px;display:none;position:fixed;inset:0}.rotate-gate-title{font-family:var(--display);letter-spacing:.02em;color:var(--ink);margin:0;font-size:22px;font-weight:700}.rotate-gate-copy{color:var(--ink-soft);max-width:28ch;margin:0;font-size:14px;line-height:1.4}.play-gate{z-index:1500;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#080e148c;place-content:center;justify-items:center;gap:16px;display:grid;position:fixed;inset:0}.play-gate[hidden]{display:none!important}.play-gate-btn{appearance:none;cursor:pointer;color:#0b141d;background:var(--amber);border:0;border-radius:50%;place-content:center;width:96px;height:96px;transition:transform .15s,filter .15s;display:grid;box-shadow:0 0 0 1px #ffffff14,0 12px 40px #00000080}.play-gate-btn svg{margin-left:4px}.play-gate-btn:hover,.play-gate:hover .play-gate-btn{filter:brightness(1.08);transform:scale(1.06)}.play-gate-label{font-family:var(--display);letter-spacing:.04em;color:var(--ink);font-size:18px;font-weight:700}.play-gate-alpha{box-sizing:border-box;text-align:center;background:color-mix(in srgb, var(--clay) 16%, var(--panel));border:1px solid color-mix(in srgb, var(--clay) 40%, var(--line));pointer-events:none;border-radius:10px;flex-direction:column;gap:4px;max-width:320px;margin:8px 16px 0;padding:12px 14px;display:flex}.play-gate-alpha-title{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--clay);margin:0;font-size:11px;font-weight:700;line-height:14px}.play-gate-alpha-copy{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.4}@media (width<=900px){:root{--zone-tile:clamp(155px, 24vh, 220px);--lineup-w:132px}.lineup-col{gap:5px;padding:7px}.lineup-col .section-label{display:none}.lineup-meta{padding:0}.team-name.lineup-team .team-name-abbrev{font-size:12px}.lineup-list{border-radius:10px}.lineup-row{grid-template-columns:14px minmax(0,1fr);align-items:center;gap:0 6px;padding:5px 7px}.lineup-row .slot{padding-top:0;font-size:10px;line-height:1}.lineup-row .who{gap:0}.lineup-row .who-meta{display:none}.lineup-row .nm{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;font-size:12px;line-height:1.15;overflow:hidden}}@media (height>=900px){:root{--zone-tile:clamp(220px, 24vh, 320px)}}@media (orientation:portrait) and (pointer:coarse){.rotate-gate{display:grid}#app,.play-gate:not([hidden]){visibility:hidden;pointer-events:none}}@media (height<=520px){:root{--top-bar-h:48px;--zone-tile:clamp(120px, 32vh, 180px);--lineup-w:110px}.top-bar{height:calc(var(--top-bar-h) + 10px);padding:4px 8px;padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));padding-top:max(4px, env(safe-area-inset-top));gap:6px}.scorebug{gap:10px;padding:0 10px}.scorebug .runs{font-size:18px}.scorebug .mid{gap:2px;min-width:64px;padding:0}.scorebug .situation .inn{font-size:13px}.scorebug .situation .outs{font-size:10px}.team-name.scorebug-team .team-name-abbrev{border-bottom-width:2px;padding-bottom:2px;font-size:13px}.bases{grid-template-rows:8px 8px;grid-template-columns:8px 8px 8px;gap:2px}.base{width:8px;height:8px}.top-bar>.matchup-inset{border-radius:10px;gap:4px;padding:3px 8px}.matchup-inset canvas{width:24px;height:28px}.matchup-label em{display:none}.matchup-label span{font-size:11px}.matchup-stat{min-width:2.2em}.matchup-stat strong{font-size:13px}.matchup-stat em{font-size:7px}.chrome{height:var(--top-bar-h);gap:6px;padding:0}#btn-settings{width:36px;height:36px}.plate-stack{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom))}.zone-inset{padding:6px}.zone-info .zone-meta{display:none}.zone-col:has(#canvas-hit){display:none}.zone-primary{font-size:12px}.lineup-col{width:var(--lineup-w);left:max(8px, env(safe-area-inset-left));bottom:max(8px, env(safe-area-inset-bottom));border-radius:10px;gap:4px;height:auto;max-height:min(48%,220px);padding:5px}.lineup-list .lineup-row:nth-child(n+4){display:none}.lineup-row{padding:3px 5px}.lineup-row .nm{font-size:11px}.btn{padding:5px 9px;font-size:12px}.play-gate{gap:10px}.play-gate-btn{width:72px;height:72px}.play-gate-btn svg{width:28px;height:28px}.play-gate-label{font-size:15px}.play-gate-alpha{max-width:260px;margin:4px 12px 0;padding:8px 10px}.play-gate-alpha-copy{font-size:12px}}@media (orientation:landscape) and (pointer:coarse) and (height<=420px){:root{--top-bar-h:42px;--zone-tile:clamp(100px, 36vh, 150px);--lineup-w:100px}.top-bar{height:calc(var(--top-bar-h) + 8px)}.scorebug .runs{font-size:16px}.scorebug .situation .inn{font-size:12px}.matchup-inset canvas{width:20px;height:24px}.play-gate-btn{width:64px;height:64px}.play-gate-alpha{max-width:220px}}