:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#080b08;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#080b08;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible{outline:3px solid var(--vitilla-accent,#c9f06a);outline-offset:3px}.role-screen,.game-shell,.orientation-gate{--street-black:#080b08;--panel:#080b08c7;--chalk:#f2f0df;--lime:var(--vitilla-accent);--clay:#f35a2c;min-height:100vh;color:var(--vitilla-text);font-family:var(--vitilla-font-body)}.role-screen{background:linear-gradient(125deg,#05070557,#050705eb),radial-gradient(circle at 15% 15%,#d2662b 0,#0000 34%),radial-gradient(circle at 87% 24%,#21636a 0,#0000 31%),#141c13;place-items:center;padding:clamp(1.25rem,4vw,4rem);display:grid;position:relative;overflow:hidden}.role-screen:before,.role-screen:after{content:"";opacity:.28;border:2px solid #f2f0df47;width:42vw;height:80vh;position:absolute;top:-8vh;transform:skewY(-12deg)}.role-screen:before{background:repeating-linear-gradient(90deg,#0000 0 45px,#00000038 45px 48px);left:-28vw}.role-screen:after{background:repeating-linear-gradient(90deg,#0000 0 58px,#00000038 58px 62px);right:-28vw}.role-screen__street{transform-origin:bottom;background:linear-gradient(90deg,#0000 49.7%,#f2f0df99 49.8% 50.2%,#0000 50.3%),repeating-linear-gradient(90deg,#ffffff08 0 2px,#0000 2px 90px),#1a2019;height:64vh;position:absolute;inset:auto 0 -20vh;transform:perspective(480px)rotateX(64deg)}.role-select{z-index:1;width:min(1060px,100%);position:relative}.game-kicker{color:var(--lime);letter-spacing:.24em;margin:0 0 .4rem;font-size:.74rem;font-weight:900}.role-select h1{font-family:var(--vitilla-font-display);letter-spacing:.015em;text-shadow:0 10px 50px #00000073;margin:0;font-size:clamp(5rem,16vw,12rem);font-weight:500;line-height:.72}.role-select__lead{color:#c9cebf;margin:1.5rem 0 2rem;font-size:clamp(1rem,2vw,1.35rem)}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.role-card{text-align:left;min-height:280px;color:var(--chalk);cursor:pointer;background:#070a07d1;border:1px solid #f2f0df38;border-radius:1.1rem;align-content:end;gap:.6rem;padding:clamp(1.25rem,3vw,2rem);transition:transform .16s,border-color .16s,background .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000057}.role-card:hover{border-color:var(--lime);background:#0c110ceb;transform:translateY(-5px)}.role-card--batter:hover{border-color:var(--clay)}.role-card:after{content:"";opacity:.12;background:linear-gradient(132deg,#0000 38%,currentColor 38.2% 38.8%,#0000 39%);position:absolute;inset:0}.role-card__number{color:#f2f0df29;font-size:6rem;font-weight:900;line-height:1;position:absolute;top:1rem;right:1.25rem}.role-card__tag{color:var(--lime);letter-spacing:.16em;font-size:.7rem;font-weight:900}.role-card--batter .role-card__tag{color:var(--clay)}.role-card>strong{font-family:var(--vitilla-font-display);font-size:clamp(2.6rem,6vw,4.5rem);font-weight:500;line-height:.86}.role-card>span:not(.role-card__number,.role-card__tag){color:#b9c0b2;max-width:34rem;line-height:1.5}.role-card>b{z-index:1;letter-spacing:.1em;margin-top:.55rem;font-size:.78rem;position:relative}.role-select__note{color:#8f988a;text-transform:uppercase;letter-spacing:.09em;margin:1rem 0 0;font-size:.75rem}.game-shell{background:#080b08}.game-viewport{touch-action:none;isolation:isolate;background:#223a27;width:100%;height:100svh;min-height:620px;position:relative;overflow:hidden}.vitilla-world{outline:0;width:100%;height:100%;display:block;position:absolute;inset:0}.world-loading{color:var(--lime);letter-spacing:.16em;background:#101810;place-items:center;font-size:.72rem;font-weight:900;display:grid;position:absolute;inset:0}.pov-vignette{z-index:2;pointer-events:none;background:linear-gradient(#05070538 0,#0000 18% 75%,#0507055c 100%),radial-gradient(#0000 58%,#03050333 100%);position:absolute;inset:0}.pov-vignette--batter{background:linear-gradient(#05070530,#0000 21% 77%,#05070563),radial-gradient(#0000 61%,#0305032e)}.game-hud{z-index:5;pointer-events:none;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:1rem;min-height:86px;padding:1rem clamp(.75rem,2.5vw,2rem);display:grid;position:absolute;inset:0 0 auto}.hud-exit{width:46px;height:46px;color:var(--chalk);cursor:pointer;pointer-events:auto;background:#050705a6;border:1px solid #f2f0df3b;border-radius:50%;padding:0}.hud-brand{line-height:.9;display:grid}.hud-brand span{color:var(--lime);letter-spacing:.18em;font-size:.52rem;font-weight:900}.hud-brand strong{font-family:var(--vitilla-font-display);letter-spacing:.04em;font-size:1.35rem;font-weight:500}.hud-score{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050705b3;border:1px solid #f2f0df24;border-radius:999px;justify-self:center;align-items:center;gap:.75rem;padding:.5rem .9rem;display:flex}.hud-score span{font-family:var(--vitilla-font-display);align-items:baseline;gap:.4rem;font-size:1.65rem;display:flex}.hud-score b{color:#aeb7a6;font-family:var(--vitilla-font-body);letter-spacing:.1em;font-size:.58rem}.hud-score i{color:#737d70;font-style:normal}.hud-count{justify-self:end;gap:.7rem;display:flex}.hud-count span{color:#b7bfb1;text-align:center;letter-spacing:.08em;background:#050705ad;border:1px solid #f2f0df21;border-radius:.55rem;min-width:76px;padding:.45rem .6rem;font-size:.58rem;display:grid}.hud-count b{color:var(--chalk);font-size:1.2rem}.aim-reticle{z-index:4;border:2px solid var(--lime);pointer-events:none;border-radius:50%;width:34px;height:34px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #c9f06a1f,0 0 22px #c9f06a59}.aim-reticle:before,.aim-reticle:after{content:"";background:var(--lime);position:absolute}.aim-reticle:before{width:46px;height:1px;top:15px;left:-8px}.aim-reticle:after{width:1px;height:46px;top:-8px;left:15px}.aim-reticle span{background:var(--lime);border-radius:50%;width:5px;height:5px;position:absolute;top:13px;left:13px}.aim-reticle--batter{border-color:var(--clay);box-shadow:0 0 0 5px #f35a2c1f,0 0 22px #f35a2c59}.aim-reticle--batter:before,.aim-reticle--batter:after,.aim-reticle--batter span{background:var(--clay)}.play-call{z-index:5;text-align:center;text-shadow:0 2px 14px #000000bf;pointer-events:none;justify-items:center;gap:.15rem;min-width:min(90%,360px);display:grid;position:absolute;top:106px;left:50%;transform:translate(-50%)}.play-call strong{letter-spacing:.03em;font-size:.9rem}.play-call small{color:#f3ba8c;font-size:.68rem;font-weight:800}.cap-tracker{z-index:5;color:var(--chalk);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#050705ad;border:1px solid #f2f0df24;border-radius:999px;align-items:baseline;gap:.55rem;padding:.42rem .72rem;display:flex;position:absolute;top:154px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000003d}.cap-tracker span{color:var(--lime);letter-spacing:.1em;font-size:.55rem;font-weight:900}.cap-tracker strong{font-size:.72rem}.cap-tracker small{color:#f3ba8c;font-size:.62rem}.action-dock{z-index:6;pointer-events:none;justify-content:center;align-items:center;gap:.75rem;width:min(94%,520px);min-height:84px;margin:0 auto;padding:.45rem;display:flex;position:absolute;inset:auto 0 1.1rem}.action-dock button{pointer-events:auto}.catch-button{color:#11170f;background:var(--lime);cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:.9rem;place-items:center;gap:.1rem;width:min(100%,420px);min-height:88px;padding:1rem 1.35rem;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 42px #00000061}.catch-button strong{z-index:1;font-family:var(--vitilla-font-display);letter-spacing:.04em;font-size:1.65rem;font-weight:500;position:relative}.catch-button span{z-index:1;letter-spacing:.1em;font-size:.62rem;font-weight:800;position:relative}.action-dock--pitcher{width:auto;min-height:0;margin:0;padding:0;inset:50% .8rem auto auto;transform:translateY(-50%)}.pitch-rail{pointer-events:auto;gap:.5rem;display:grid}.pitch-rail button,.swing-zones button{width:62px;height:62px;color:var(--chalk);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#050705c7;border:1px solid #f2f0df33;border-radius:50%;align-content:center;place-items:center;gap:.05rem;display:grid;box-shadow:0 10px 28px #0000005c}.pitch-rail button:hover,.pitch-rail button:focus-visible,.pitch-rail button[aria-pressed=true]{color:#10150f;background:var(--lime);border-color:var(--lime)}.pitch-rail strong,.swing-zones strong{font-size:1.25rem;line-height:1}.pitch-rail span,.swing-zones span{letter-spacing:.06em;font-size:.45rem;font-weight:900}.swing-zones{pointer-events:auto;gap:.55rem;display:flex}.swing-zones button{color:#fff9ed;background:#4a1308d1;border-color:#f35a2c7a;width:66px;height:66px}.swing-zones button:nth-child(2){background:var(--clay);width:74px;height:74px;margin-top:-4px}.swing-zones button:disabled{filter:grayscale(.7);opacity:.62}.phase-hint{min-width:140px;color:var(--chalk);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050705ad;border:1px solid #f2f0df24;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.phase-hint span{color:var(--clay);font-size:.55rem}.phase-hint strong{letter-spacing:.12em;font-size:.65rem}.phase-hint.is-counting{animation:.9s ease-in-out infinite alternate cpu-pulse}@keyframes cpu-pulse{to{border-color:var(--clay);transform:scale(1.025)}}.action-dock--defender{justify-content:space-between;max-width:610px}.defense-pad{pointer-events:auto;grid-template-rows:repeat(2,48px);grid-template-columns:repeat(3,48px);gap:.3rem;display:grid}.defense-pad button{min-height:48px;color:var(--chalk);cursor:pointer;background:#050705cc;border:1px solid #f2f0df38;border-radius:.55rem;font-size:1.05rem}.defense-pad__up{grid-area:1/2}.defense-pad__left{grid-area:2/1}.defense-pad__right{grid-area:2/3}.defense-pad__down{grid-area:2/2}.catch-button{color:#fff9ed;background:#2d140de0;border:1px solid #f35a2c94;width:220px;transition:transform .1s,background .12s,box-shadow .12s}.catch-button.is-ready{color:#151b11;background:var(--lime);border-color:var(--lime);animation:.42s ease-in-out infinite alternate catch-ready;box-shadow:0 0 0 7px #c9f06a26,0 15px 42px #00000061}.catch-button.is-active{background:#ffb02e;transform:scale(.96)}@keyframes catch-ready{to{box-shadow:0 0 0 12px #c9f06a12,0 15px 42px #00000061}}.result-flash{z-index:8;text-align:center;color:var(--chalk);text-shadow:0 5px 32px #000000f2;pointer-events:none;justify-items:center;animation:1.2s both result-pop;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.result-flash>strong{font-family:var(--vitilla-font-display);font-size:clamp(4.5rem,14vw,9rem);font-weight:500;line-height:.82}@keyframes result-pop{0%{opacity:0;transform:translate(-50%,-45%)scale(.75)}18%,75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-55%)scale(1.08)}}.count-result{z-index:8;color:var(--chalk);pointer-events:none;background:#050705c2;border:1px solid #f2f0df33;border-radius:999px;padding:.4rem .8rem;animation:.56s both count-pop;position:absolute;top:146px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.count-result strong{letter-spacing:.15em;font-size:.75rem}@keyframes count-pop{0%{opacity:0;transform:translate(-50%,-8px)scale(.9)}25%,78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-4px)scale(1.03)}}.game-meta{z-index:5;color:#f2f0df85;letter-spacing:.08em;pointer-events:none;gap:.6rem;display:flex;position:absolute;bottom:.55rem;right:.8rem}.game-meta code{color:#8ecbe0}.lab-drawer{color:#aeb7a6;max-width:1100px;margin:0 auto;padding:.9rem 1rem 1.4rem;font-size:.75rem}.lab-drawer summary{cursor:pointer;width:fit-content}.lab-drawer>div{flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;margin-top:.75rem;display:flex}.lab-drawer b{color:var(--chalk)}.lab-drawer button{min-height:38px;color:var(--chalk);cursor:pointer;background:0 0;border:1px solid #f2f0df29;border-radius:.45rem;padding:.35rem .65rem}@media (width<=720px){.role-screen{align-items:start;overflow:auto}.role-select h1{font-size:clamp(5rem,27vw,8rem)}.role-grid{grid-template-columns:1fr}.role-card{min-height:220px}.game-viewport{height:100svh;min-height:600px}.game-hud{grid-template-columns:auto 1fr auto;gap:.55rem;min-height:76px;padding:.65rem}.hud-brand strong{font-size:1.05rem}.hud-score{gap:.4rem;padding:.4rem .65rem}.hud-score span{font-size:1.25rem}.hud-count{gap:.3rem;position:absolute;top:69px;right:.65rem}.hud-count span{min-width:58px;padding:.3rem .4rem}.play-call{top:92px}.action-dock{padding:.5rem;bottom:.8rem}.action-dock--pitcher{inset:50% .55rem auto auto;transform:translateY(-50%)}.pitch-rail button{width:56px;height:56px}.action-dock--defender{align-items:end}.catch-button{width:168px;min-height:76px}.catch-button strong{font-size:1.35rem}.game-meta,.lab-drawer{display:none}}@media (width<=420px){.hud-brand span,.hud-score b{display:none}.play-call strong{max-width:270px;font-size:.76rem}.defense-pad{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px)}.defense-pad button{min-height:44px}.catch-button{width:145px}}.role-screen{background:linear-gradient(#040a132e 0 42%,#030810e0 82%),radial-gradient(circle at 50% 18%,#00a6d34d,#0000 35%),linear-gradient(125deg,#0b4f64,#123323 46%,#07111f 84%);width:100%;height:100dvh;min-height:0;padding:clamp(.55rem,1.8vw,1.4rem);overflow:hidden}.role-screen:before,.role-screen:after{opacity:.16}.role-screen__street{opacity:.72}.role-select{grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(.4rem,1.2vh,.85rem);height:100%;max-height:920px;display:grid}.role-select__title{text-align:center;justify-items:center;display:grid}.role-select__title .game-kicker{color:#ffbe28;margin:0;font-size:clamp(.52rem,1.5vh,.72rem)}.role-select__title h1{color:#ffb51f;letter-spacing:-.035em;text-shadow:0 6px #2e1308,0 18px 38px #00000085;margin:0;font-size:clamp(3.1rem,10vh,6.9rem);line-height:.72;transform:rotate(-1deg)}.role-select__title h1 span{color:#fff7df;font-family:var(--vitilla-font-body);letter-spacing:.22em;text-shadow:0 2px 8px #000000b3;font-size:.18em;font-weight:1000;display:block}.role-select__lead{color:#fff7df;font-family:var(--vitilla-font-display);letter-spacing:.08em;margin:.55rem 0 0;font-size:clamp(.7rem,1.7vh,1rem)}.role-matchup{grid-template-columns:minmax(0,1fr) clamp(58px,9vw,108px) minmax(0,1fr);align-items:stretch;gap:clamp(.35rem,1.2vw,.85rem);width:min(940px,100%);min-height:0;margin:0 auto;display:grid}.fighter-card{background:#071323;border:1px solid #fff3;border-radius:clamp(.7rem,1.6vw,1.2rem);min-width:0;min-height:0;margin:0;position:relative;overflow:hidden;box-shadow:0 18px 42px #00000061}.fighter-card--you{border-bottom:4px solid #00a9d7}.fighter-card--rival{border-bottom:4px solid #ef3e43}.fighter-card img{object-fit:cover;object-position:50% 24%;width:100%;height:100%;min-height:0;display:block}.fighter-card figcaption{background:linear-gradient(#0000,#030810eb 38%);padding:clamp(.55rem,1.3vw,.95rem);display:grid;position:absolute;inset:auto 0 0}.fighter-card figcaption small{color:#8adff4;letter-spacing:.16em;font-size:.48rem;font-weight:900}.fighter-card--rival figcaption small{color:#ff8585}.fighter-card figcaption strong{font-family:var(--vitilla-font-display);font-size:clamp(1.05rem,3vw,2rem);font-weight:500;line-height:1}.fighter-card figcaption span{color:#aebbc5;font-size:clamp(.5rem,1vw,.67rem)}.versus-mark{color:#fff7df;text-align:center;place-content:center;justify-items:center;display:grid}.versus-mark span,.versus-mark small{letter-spacing:.12em;font-size:clamp(.42rem,1vw,.58rem);font-weight:900}.versus-mark strong{color:#ffb51f;font-family:var(--vitilla-font-display);text-shadow:0 5px #2e1308;font-size:clamp(2.7rem,7vw,5.2rem);font-weight:500;line-height:.82}.versus-mark small{color:#7fd5ae;margin-top:.35rem}.role-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;width:min(760px,100%);margin:0 auto;display:grid}.role-action{text-align:left;color:#fff7df;cursor:pointer;background:linear-gradient(135deg,#071523f0,#0a222ce6);border:1px solid #ffffff38;border-radius:.8rem;grid-template-rows:1fr auto;grid-template-columns:auto 1fr;align-items:center;gap:0 .75rem;min-height:clamp(62px,11vh,92px);padding:.65rem clamp(.7rem,2vw,1.15rem);display:grid;position:relative;box-shadow:0 12px 32px #00000052}.role-action--pitcher{border-left:5px solid #00a9d7}.role-action--batter{border-left:5px solid #ffb51f}.role-action>span{color:#fff3;grid-row:1/3;font-size:clamp(1.6rem,5vw,3.2rem);font-weight:1000}.role-action strong{font-family:var(--vitilla-font-display);font-size:clamp(1rem,2.4vw,1.55rem);font-weight:500;line-height:.88}.role-action b{color:#a9bbc5;letter-spacing:.08em;font-size:.5rem}.role-action:hover,.role-action:focus-visible{border-color:#ffbe28;transform:translateY(-2px)}.role-select__note{text-align:center;margin:0;font-size:clamp(.43rem,1.1vh,.62rem)}.game-shell{width:100%;height:100dvh;overflow:hidden}.game-viewport{width:100%;height:100dvh;min-height:0}.lab-drawer{display:none}.game-hud{background:linear-gradient(#02080fcc,#0000);grid-template-columns:44px minmax(0,1fr) auto;gap:clamp(.4rem,1vw,.8rem);min-height:72px;padding:.48rem clamp(.45rem,1.4vw,1rem)}.hud-exit{background:#030c15c7;width:40px;height:40px}.hud-versus{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030b14d1;border:1px solid #ffffff2e;border-radius:.65rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-self:center;align-items:stretch;width:min(720px,100%);height:56px;display:grid;overflow:hidden;box-shadow:0 10px 30px #0000004d}.hud-player{align-items:center;gap:.45rem;min-width:0;display:flex}.hud-player--you{background:linear-gradient(90deg,#007fae73,#0000)}.hud-player--rival{background:linear-gradient(-90deg,#b8232e6b,#0000);justify-content:flex-end}.hud-player img{object-fit:cover;object-position:50% 21%;flex:none;width:50px;height:56px}.hud-player span{min-width:0;display:grid}.hud-player span small{color:#8eddf2;letter-spacing:.13em;font-size:.42rem;font-weight:900}.hud-player--rival span{text-align:right}.hud-player--rival span small{color:#ff8a8a}.hud-player span strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.56rem,1.2vw,.72rem);overflow:hidden}.hud-player>b{display:none}.hud-round{text-align:center;background:#02070de0;place-content:center;min-width:96px;padding:.28rem .65rem;display:grid}.hud-round small,.hud-round span{color:#9caeb8;letter-spacing:.1em;font-size:.38rem;font-weight:900}.hud-round strong{color:#fff7df;font-family:var(--vitilla-font-display);font-size:1.1rem;line-height:1}.hud-count{gap:.3rem}.hud-count span{background:#030b14cc;min-width:54px;padding:.28rem .38rem}.hud-count b{font-size:1rem}.hud-count small{color:#aab7be;letter-spacing:.06em;font-size:.42rem;font-weight:900}.world-chip{z-index:5;color:#fff7df;letter-spacing:.08em;pointer-events:none;background:#030b149e;border:1px solid #ffffff24;border-radius:999px;padding:.33rem .55rem;font-size:.48rem;font-weight:900;position:absolute;top:78px;left:.7rem}.world-chip span{color:#ffb51f}.play-call{top:80px}.cap-tracker{top:116px}.action-dock,.action-dock--pitcher,.action-dock--batter,.action-dock--defender{justify-content:space-between;align-items:end;width:100%;max-width:none;min-height:112px;margin:0;padding:.3rem clamp(.7rem,3vw,2.2rem);display:flex;inset:auto 0 .55rem;transform:none}.control-stick{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;touch-action:none;background:radial-gradient(circle,#0d222eb8 0 42%,#030a12a3 43% 100%);border:1px solid #ffffff47;border-radius:50%;flex:none;width:clamp(92px,14vw,118px);height:clamp(92px,14vw,118px);position:relative;box-shadow:inset 0 0 24px #0000005c,0 10px 30px #0000004d}.control-stick:before,.control-stick:after{content:"";background:#ffffff24;height:1px;position:absolute;inset:50% 14%}.control-stick:after{transform:rotate(90deg)}.control-stick__ring{border:1px solid #ffffff2b;border-radius:50%;position:absolute;inset:22%}.control-stick__knob{background:radial-gradient(circle at 35% 30%,#7dc9dd,#19566e 65%,#092332);border:2px solid #ffffff5c;border-radius:50%;width:42%;height:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 18px #0000006b}.pitch-controls{pointer-events:auto;align-items:end;gap:.65rem;display:flex}.pitch-rail{gap:.35rem;display:flex}.pitch-rail button{background:#030b14d1;width:48px;height:48px}.primary-action{color:#fff9e9;cursor:pointer;pointer-events:auto;touch-action:none;border:3px solid #fffc;border-radius:50%;place-content:center;justify-items:center;width:clamp(88px,13vw,112px);height:clamp(88px,13vw,112px);display:grid;position:relative;box-shadow:0 0 0 7px #030b1494,0 12px 30px #00000061}.primary-action strong{font-family:var(--vitilla-font-display);font-size:clamp(1.1rem,2.5vw,1.55rem);font-weight:500}.primary-action span{letter-spacing:.1em;font-size:.48rem;font-weight:900}.primary-action--pitch{background:radial-gradient(circle at 35% 28%,#28b9df,#05739c 62%,#064359)}.primary-action--pitch:after{content:"";pointer-events:none;border:3px solid #0000;border-radius:50%;position:absolute;inset:-8px}.primary-action--pitch.is-charging{filter:brightness(1.12);transform:scale(.96)}.primary-action--pitch.is-charging:after{border-color:#ffd34d;animation:.85s cubic-bezier(.2,.75,.25,1) forwards pitch-charge-ring}.primary-action--swing{background:radial-gradient(circle at 35% 28%,#ffcc45,#e06415 62%,#8b270b);margin-left:auto}.primary-action--swing span{font-size:.8rem}.primary-action:active{transform:scale(.94)}.primary-action:disabled{filter:saturate(.25);opacity:.62}.phase-hint{align-self:center;margin:0 auto}.defense-actions{pointer-events:auto;align-items:end;gap:.5rem;display:flex}.catch-button{border-radius:999px;width:clamp(145px,23vw,210px);min-height:72px}.dive-button{color:#fff7df;cursor:pointer;background:#030b14d6;border:1px solid #ffb51fb8;border-radius:50%;place-content:center;justify-items:center;width:70px;height:70px;display:grid;box-shadow:0 10px 30px #0000005c}.dive-button strong{letter-spacing:.08em;font-size:.65rem}.dive-button span{color:#ffb51f;font-size:1.15rem}.game-meta{display:none}@keyframes pitch-charge-ring{0%{opacity:.35;transform:scale(.9)rotate(0);box-shadow:0 0 #ffd34d26}70%{opacity:1;box-shadow:0 0 22px 4px #ffb51f80}to{opacity:1;transform:scale(1.04)rotate(180deg);box-shadow:0 0 30px 7px #ffb51fb3}}@media (width<=720px){.role-screen{align-items:center;overflow:hidden}.role-select h1{font-size:clamp(3rem,10vh,5rem)}.role-matchup{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)}.fighter-card figcaption strong{font-size:clamp(.9rem,3.8vw,1.4rem)}.role-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.game-viewport{height:100dvh;min-height:0}.game-hud{grid-template-columns:38px minmax(0,1fr) auto;min-height:62px;padding:.3rem .4rem}.hud-exit{width:34px;height:34px}.hud-versus{height:48px}.hud-player img{width:42px;height:48px}.hud-round{min-width:70px;padding:.18rem .35rem}.hud-round span{display:none}.hud-count{position:static}.hud-count span{min-width:42px;padding:.22rem}.world-chip,.play-call{top:64px}.action-dock,.action-dock--pitcher,.action-dock--batter,.action-dock--defender{min-height:92px;padding:.25rem .55rem;bottom:.35rem}.control-stick{width:88px;height:88px}.pitch-rail button{width:42px;height:42px}.primary-action{width:86px;height:86px}.catch-button{min-height:64px}}@media (height<=520px) and (orientation:landscape){.role-screen{padding:.35rem .55rem}.role-select{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(170px,.7fr) minmax(0,1.55fr) minmax(190px,.78fr);gap:.45rem}.role-select__title{align-content:center}.role-select__title h1{font-size:clamp(3rem,18vh,4.5rem)}.role-select__lead{font-size:.6rem}.role-matchup{grid-area:1/2/3;height:100%}.fighter-card figcaption{padding:.42rem}.fighter-card figcaption span{display:none}.role-actions{grid-area:1/3;grid-template-columns:1fr;align-self:center}.role-action{min-height:72px}.role-select__note{grid-area:2/3}.game-hud{min-height:54px}.hud-versus{height:44px}.hud-player img{width:38px;height:44px}.hud-player span strong{font-size:.54rem}.hud-round{min-width:66px}.hud-count span{min-width:38px}.hud-count small{letter-spacing:.01em;text-overflow:clip;max-width:34px;font-size:.31rem;display:block;overflow:hidden}.world-chip{display:none}.play-call{top:54px}.play-call strong{font-size:.72rem}.cap-tracker{top:84px}.action-dock,.action-dock--pitcher,.action-dock--batter,.action-dock--defender{min-height:82px;bottom:.18rem}.control-stick{width:76px;height:76px}.pitch-controls{gap:.35rem}.pitch-rail{gap:.18rem}.pitch-rail button{width:44px;height:44px}.pitch-rail strong{font-size:.95rem}.pitch-rail span{display:none}.primary-action{width:72px;height:72px}.primary-action strong{font-size:1rem}.catch-button{width:142px;min-height:56px;padding:.5rem .7rem}.catch-button strong{font-size:1.05rem}.catch-button span{display:none}.dive-button{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}body{min-height:100dvh}.role-screen,.orientation-gate,.game-shell,.game-viewport{height:100dvh}.role-screen{padding:clamp(.55rem,1.8vw,1.4rem);padding-top:max(clamp(.55rem, 1.8vw, 1.4rem), calc(env(safe-area-inset-top,0px) + .55rem));padding-right:max(clamp(.55rem, 1.8vw, 1.4rem), calc(env(safe-area-inset-right,0px) + .55rem));padding-bottom:max(clamp(.55rem, 1.8vw, 1.4rem), calc(env(safe-area-inset-bottom,0px) + .55rem));padding-left:max(clamp(.55rem, 1.8vw, 1.4rem), calc(env(safe-area-inset-left,0px) + .55rem))}.game-hud{padding:.48rem clamp(.45rem,1.4vw,1rem);padding-top:max(.48rem, calc(env(safe-area-inset-top,0px) + .35rem));padding-right:max(clamp(.45rem, 1.4vw, 1rem), calc(env(safe-area-inset-right,0px) + .45rem));padding-left:max(clamp(.45rem, 1.4vw, 1rem), calc(env(safe-area-inset-left,0px) + .45rem))}.action-dock,.action-dock--pitcher,.action-dock--batter,.action-dock--defender{bottom:max(.55rem, calc(env(safe-area-inset-bottom,0px) + .35rem));padding-right:max(clamp(.7rem, 3vw, 2.2rem), calc(env(safe-area-inset-right,0px) + .55rem));padding-left:max(clamp(.7rem, 3vw, 2.2rem), calc(env(safe-area-inset-left,0px) + .55rem))}.orientation-gate{width:100%;min-height:100dvh;padding:1rem;padding-top:max(1rem, calc(env(safe-area-inset-top,0px) + 1rem));padding-right:max(1rem, calc(env(safe-area-inset-right,0px) + 1rem));padding-bottom:max(1rem, calc(env(safe-area-inset-bottom,0px) + 1rem));padding-left:max(1rem, calc(env(safe-area-inset-left,0px) + 1rem));color:var(--vitilla-text);text-align:center;overscroll-behavior:none;background:radial-gradient(circle at 50% 20%,#00a9d742,#0000 38%),linear-gradient(155deg,#0c3e4d,#102d21 52%,#06101c);place-items:center;display:grid;position:relative;overflow:auto}.orientation-gate__panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030b14db;border:1px solid #fff3;border-radius:1.25rem;justify-items:center;gap:.75rem;width:min(31rem,100%);padding:clamp(1.25rem,5vw,2rem);display:grid;box-shadow:0 22px 70px #0000006b}.orientation-gate__panel .game-kicker{margin:0}.orientation-gate__panel h1{color:#fff7df;font-family:var(--vitilla-font-display);margin:0;font-size:clamp(2.2rem,11vw,4.4rem);font-weight:500;line-height:.86}.orientation-gate__panel h1:focus{outline:0}.orientation-gate__panel p:not(.game-kicker){color:#c5d2d7;max-width:27rem;margin:0;line-height:1.45}.orientation-gate__panel>strong{color:#ffca45;letter-spacing:.04em;max-width:27rem;font-size:.76rem;line-height:1.4}.orientation-gate__panel button{color:#07111f;letter-spacing:.06em;cursor:pointer;background:#ffbe28;border:0;border-radius:999px;min-height:48px;margin-top:.35rem;padding:.7rem 1rem;font-weight:1000}.orientation-gate__device{border:4px solid #fff7df;border-radius:10px;width:94px;height:54px;margin:.25rem 0;position:relative;box-shadow:0 0 0 5px #00a9d729}.orientation-gate__device span{background:linear-gradient(135deg,#00a9d7,#ffbe28);border-radius:4px;position:absolute;inset:6px}.orientation-gate__device:after{content:"↻";color:#ffbe28;font-size:1.75rem;font-weight:900;position:absolute;top:7px;right:-36px}@media (width<=720px){.game-hud{padding:.3rem .4rem;padding-top:max(.3rem, calc(env(safe-area-inset-top,0px) + .25rem));padding-right:max(.4rem, calc(env(safe-area-inset-right,0px) + .4rem));padding-left:max(.4rem, calc(env(safe-area-inset-left,0px) + .4rem))}.action-dock,.action-dock--pitcher,.action-dock--batter,.action-dock--defender{bottom:max(.35rem, calc(env(safe-area-inset-bottom,0px) + .25rem));padding-right:max(.55rem, calc(env(safe-area-inset-right,0px) + .4rem));padding-left:max(.55rem, calc(env(safe-area-inset-left,0px) + .4rem))}}.game-viewport{--game-hud-height:clamp(46px, 10svh, 64px);--game-edge:max(.45rem, env(safe-area-inset-left,0px))}.game-hud{width:100%;height:calc(var(--game-hud-height) + env(safe-area-inset-top,0px));min-height:0;padding:env(safe-area-inset-top,0px) max(.45rem, env(safe-area-inset-right,0px)) 0 max(.45rem, env(safe-area-inset-left,0px));background:linear-gradient(#02080feb 0 62%,#02080f70 82%,#0000);grid-template-columns:44px minmax(0,1fr) auto;gap:.4rem;inset:0 0 auto}.hud-icon-button{color:#fff7df;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#030b14e0;border:1px solid #ffffff3d;border-radius:.65rem;place-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:grid;box-shadow:0 5px 16px #0000003d}.hud-exit{width:44px;height:44px;font-size:1.8rem;line-height:1}.hud-versus{background:#030b14db;border-color:#ffffff29;border-radius:.55rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:min(560px,100%);min-width:0;height:42px}.hud-player{gap:.35rem;overflow:hidden}.hud-player img{width:36px;height:42px}.hud-player span small{font-size:.39rem}.hud-player span strong{font-size:clamp(.53rem,1.15vw,.68rem)}.hud-round{min-width:72px;padding:.15rem .42rem}.hud-round strong{font-size:1rem}.hud-round span{white-space:nowrap;font-size:.32rem}.hud-tools{pointer-events:auto;justify-self:end;align-items:center;gap:.3rem;height:44px;display:flex}.hud-count{color:#dce5e7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030b14db;border:1px solid #ffffff29;border-radius:.55rem;align-content:center;gap:.18rem;width:76px;height:42px;padding:.22rem .35rem;display:grid}.count-meter{grid-template-columns:9px minmax(0,1fr);align-items:center;gap:.2rem;min-width:0;display:grid}.hud-count .count-meter>span{min-width:0;color:inherit;text-align:left;letter-spacing:normal;background:0 0;border:0;border-radius:0;padding:0;display:block}.count-meter>span:first-child{color:#aebfc5;font-size:.46rem;font-weight:1000}.hud-count .count-meter>span.count-meter__dots{align-items:center;gap:3px;display:flex}.count-meter__dots i{background:#ffffff14;border:1px solid #ffffff70;border-radius:50%;flex:none;width:6px;height:6px}.count-meter:first-child .count-meter__dots i.is-filled{background:#ffbe28;border-color:#ffbe28;box-shadow:0 0 6px #ffbe288c}.count-meter:last-child .count-meter__dots i.is-filled{background:#48cce9;border-color:#48cce9;box-shadow:0 0 6px #48cce98c}.audio-toggle{color:#a9c7cf;width:30px;min-width:30px;height:30px;min-height:30px;box-shadow:none;background:#030b14a3;border-color:#ffffff24;border-radius:50%;align-self:center}.audio-toggle svg{fill:currentColor;width:16px;height:16px;overflow:visible}.audio-toggle__wave{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round}.audio-toggle.is-muted{color:#ff8d87}.world-chip,.game-meta{display:none}.play-call{top:calc(var(--game-hud-height) + env(safe-area-inset-top,0px) + 4px);color:#fff7df;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030b14b8;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;width:auto;min-width:0;max-width:min(56vw,470px);min-height:28px;padding:.3rem .55rem;display:flex;overflow:hidden;box-shadow:0 5px 18px #0000003d}.play-call strong,.play-call small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.play-call strong{flex:0 auto;font-size:clamp(.62rem,1.4vw,.76rem)}.play-call .coach-hint{color:#ffd36a;flex:0 auto;font-size:clamp(.52rem,1.1vw,.64rem)}.play-call__distance{color:#8fe1f3;flex:none;font-size:.55rem;font-weight:1000}.cap-tracker{top:calc(var(--game-hud-height) + env(safe-area-inset-top,0px) + 5px);right:max(.5rem, env(safe-area-inset-right,0px));gap:.35rem;max-width:152px;min-height:28px;padding:.28rem .5rem;left:auto;transform:none}.action-dock,.action-dock--pitcher,.action-dock--batter,.action-dock--defender{inset:auto 0 max(.3rem, env(safe-area-inset-bottom,0px));width:100%;height:clamp(84px,24svh,100px);min-height:0;padding:0 max(.65rem, env(safe-area-inset-left,0px));justify-content:space-between;align-items:end;gap:.6rem}.control-stick{width:clamp(76px,22svh,92px);height:clamp(76px,22svh,92px)}.pitch-controls{align-items:end;gap:.45rem}.pitch-rail{gap:.25rem}.pitch-rail button{touch-action:manipulation;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.control-stick[aria-disabled=true],.pitch-rail button:disabled,.primary-action:disabled{opacity:.52;filter:saturate(.55);cursor:default;pointer-events:none}.primary-action--pitch.is-windup{opacity:.82;animation:.43s ease-out both pitch-release-pulse}@keyframes pitch-release-pulse{0%{filter:brightness(1.18);transform:scale(.96)}to{filter:brightness(.82);transform:scale(.88)}}.primary-action{width:clamp(72px,21svh,88px);min-width:72px;height:clamp(72px,21svh,88px);min-height:72px}.primary-action strong{font-size:clamp(.96rem,2.2vw,1.3rem)}.phase-hint{min-height:44px;margin:0 0 0 auto}.defense-actions{gap:.4rem}.catch-button{touch-action:manipulation;width:clamp(146px,23vw,204px);min-height:58px;padding:.45rem .7rem}.catch-button strong{font-size:1.08rem}.dive-button{touch-action:manipulation;width:58px;min-width:58px;height:58px;min-height:58px;padding:0}@media (width<=720px){.hud-player img{display:none}.hud-player{padding-inline:.3rem}.hud-player span strong{font-size:.52rem}.hud-round{min-width:64px}.play-call{max-width:54vw}.play-call .coach-hint{display:none}}@media (height<=520px) and (orientation:landscape){.game-viewport{--game-hud-height:46px}.game-hud{height:calc(46px + env(safe-area-inset-top,0px));min-height:0}.hud-versus{height:40px}.hud-player img{width:34px;height:40px}.hud-round{min-width:66px}.hud-count{height:40px}.audio-toggle{width:28px;min-width:28px;height:28px;min-height:28px}.action-dock,.action-dock--pitcher,.action-dock--batter,.action-dock--defender{height:90px;min-height:0;bottom:max(.2rem, env(safe-area-inset-bottom,0px))}.control-stick{width:78px;height:78px}.primary-action{width:76px;height:76px}.pitch-rail button{width:44px;height:44px}.catch-button{min-height:56px}.dive-button{width:56px;height:56px}.role-screen{padding:.35rem .55rem;padding-top:max(.35rem, calc(env(safe-area-inset-top,0px) + .3rem));padding-right:max(.55rem, calc(env(safe-area-inset-right,0px) + .45rem));padding-bottom:max(.35rem, calc(env(safe-area-inset-bottom,0px) + .3rem));padding-left:max(.55rem, calc(env(safe-area-inset-left,0px) + .45rem))}.action-dock,.action-dock--pitcher,.action-dock--batter,.action-dock--defender{bottom:max(.18rem, calc(env(safe-area-inset-bottom,0px) + .18rem))}}