:root{--ink:#242224;--purple:#594583;--purple-dark:#4b3b6c;--orange:#f2591f;--yellow:#fcde0c;--teal:#3b929b;--pink:#f48dbe;--paper:#fff8e6;--deep:#33264f;--lavender:#9a88c6;--role-slugger:var(--orange);--role-glue:var(--pink);--role-clutch:var(--paper);--role-legend:var(--paper);--role-pitcher:var(--purple);--you:var(--yellow);--bot:var(--teal);--bot-light:#6fd0d8;--bot-deep:#2b6f76;--orange-deep:#c8401a;--holo:conic-gradient(var(--pink), var(--yellow), var(--teal), var(--purple), var(--pink));--line:3px;--pop:cubic-bezier(.2, .9, .3, 1.25);--ease:cubic-bezier(.2, 0, 0, 1);--font-kana:var(--font-dela), "Hiragino Sans", sans-serif;--font-head:var(--font-anton), Impact, sans-serif;--font-body:var(--font-archivo), system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums;margin:0;font-weight:700}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.halftone{background-color:var(--purple);background-image:radial-gradient(var(--purple-dark) 1.3px, transparent 1.7px);background-size:7px 7px}.speedlines{background-color:var(--purple);background-image:radial-gradient(var(--purple-dark) 1.2px, transparent 1.6px), repeating-conic-gradient(from 0deg at 50% 50%, var(--purple-dark) 0deg 3deg, transparent 3deg 11deg);background-size:7px 7px,100% 100%}.flame{background:linear-gradient(180deg, var(--yellow) 0%, var(--orange) 55%);clip-path:polygon(0 100%,0 40%,6% 55%,10% 10%,18% 45%,26% 0,33% 40%,42% 18%,50% 45%,58% 5%,66% 42%,74% 15%,82% 48%,90% 8%,95% 50%,100% 30%,100% 100%)}.kana{font-family:var(--font-kana);color:var(--yellow);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;letter-spacing:-.02em;line-height:1}.head{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.02em;font-weight:400;line-height:1}.app{background-color:var(--purple);background-image:radial-gradient(var(--purple-dark) 1.3px, transparent 1.7px);max-width:520px;min-height:100dvh;box-shadow:0 0 0 var(--line) var(--ink);background-size:7px 7px;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow-x:clip}.bigbtn{background:var(--yellow);color:var(--ink);border:var(--line) solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-family:var(--font-head);text-transform:uppercase;transition-property:transform,box-shadow;transition-duration:.12s;transition-timing-function:var(--ease);border-radius:6px;padding:14px 32px;font-size:26px}.bigbtn:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)rotate(-1deg)}.bigbtn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)scale(.96)}.smallbtn{background:var(--paper);min-height:44px;color:var(--ink);border:2.5px solid var(--ink);transition-property:transform,background-color;transition-duration:.12s;transition-timing-function:var(--ease);border-radius:6px;padding:8px 14px;font-size:13px;position:relative}.smallbtn:active{transform:scale(.96)}.smallbtn:disabled{opacity:.4}.pcard{--role:var(--role-pitcher);background:var(--ink);border:5px solid var(--ink);color:var(--paper);text-align:left;transition-property:transform,outline-color;transition-duration:.15s;transition-timing-function:var(--ease);outline-offset:2px;border-radius:8px;outline:3px solid #0000;flex-direction:column;padding:0;display:flex;position:relative}button.pcard:active{transform:scale(.96)}.pcard[data-role=slugger]{--role:var(--role-slugger)}.pcard[data-role=glue]{--role:var(--role-glue)}.pcard[data-role=clutch]{--role:var(--role-clutch)}.pcard[data-role=legend]{--role:var(--role-legend);background:linear-gradient(var(--ink), var(--ink)) padding-box, var(--holo) border-box;border:5px solid #0000}.pcard[data-selected=true]{outline-color:var(--pink);transform:rotate(-1.5deg)translateY(-3px)}.pcard-head{background:var(--purple);border-bottom:4px solid var(--ink);border-radius:3px 3px 0 0;align-items:center;gap:6px;padding:3px 5px;display:flex}.pcard-logo{white-space:nowrap;font-family:var(--font-kana);color:var(--yellow);background:var(--orange);border:2px solid var(--ink);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;border-radius:40% 60% 30% 70%;flex:none;padding:2px 5px;font-size:13px}.pcard-series{color:var(--yellow);text-transform:uppercase;flex:1;font-size:10px;line-height:1.1}.pcard-power{text-align:right;font-family:var(--font-head);color:var(--yellow);line-height:.9}.pcard-power b{-webkit-text-stroke:1px var(--ink);font-size:30px;font-weight:400;display:block}.pcard-power small{font-size:9px;font-family:var(--font-body)}.pcard-art{aspect-ratio:200/190;overflow:hidden}.pcard-art svg{width:100%;height:100%;display:block}.pcard-sfx{z-index:2;-webkit-text-stroke:4px var(--ink);text-shadow:3px 2px 0 var(--pink);pointer-events:none;font-size:28px;position:absolute;top:44px;right:-10px;transform:rotate(10deg)}.pcard-info{text-wrap:pretty;padding:5px 6px 2px;font-size:11px;line-height:1.25}.pcard-trait{border-radius:4px}.pcard-trait b{color:var(--role)}.pcard[data-role=pitcher] .pcard-trait b{color:var(--pink)}.pcard-trait[data-live=true],.fighter-trait[data-live=true]{animation:.9s ease-in-out infinite alternate glow}@keyframes glow{0%{box-shadow:0 0 0 0 var(--yellow);background-color:#0000}to{box-shadow:0 0 12px 2px var(--yellow);background-color:#fcde0c38}}.chip{background:var(--paper);color:var(--ink);border:2px solid var(--ink);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;margin-top:4px;padding:1px 3px 1px 7px;font-size:11px;display:inline-flex}.chip i{background:var(--orange);color:var(--paper);border-radius:99px;padding:0 5px;font-style:normal}.chip[data-used=true]{opacity:.45;text-decoration:line-through}.pcard-banner{text-align:center;color:var(--ink);margin-top:6px;padding:18px 22px 4px;position:relative}.pcard-banner:before,.pcard-banner:after{content:"";background:var(--role);position:absolute;left:0;right:0}.pcard-banner:before{border-radius:3px 3px 0 0;top:14px;bottom:0}.pcard-banner:after{clip-path:polygon(0 100%,4% 20%,9% 70%,15% 0,22% 65%,30% 25%,37% 75%,45% 5%,52% 70%,60% 20%,67% 75%,75% 0,82% 65%,89% 25%,95% 70%,100% 10%,100% 100%);height:15px;top:0}.pcard[data-role=pitcher]{--role:var(--lavender)}.pcard-banner>*{z-index:1;position:relative}.pcard-name{font-family:var(--font-head);letter-spacing:.01em;text-wrap:balance;font-size:17px;line-height:1}.pcard-tag{margin-top:2px;font-size:10px;font-style:italic;font-weight:600}.pcard-hira{font-family:var(--font-kana);color:var(--paper);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-size:19px;position:absolute;bottom:6px}.pcard-hira.l{left:3px}.pcard-hira.r{right:3px}.holo{border:1.5px solid var(--ink);background:conic-gradient(var(--pink), var(--yellow), var(--teal), var(--purple), var(--pink));border-radius:50%;width:20px;height:11px;margin:4px auto 2px}.cardback{background:var(--ink);border-radius:10px;width:100%;height:100%;padding:5px}.cardback-panel{border:2px solid var(--yellow);background-color:var(--purple);background-image:repeating-conic-gradient(from 0deg at 50% 42%, var(--purple-dark) 0deg 5deg, transparent 5deg 15deg);border-radius:6px;grid-template-rows:1fr auto;place-items:center;height:100%;display:grid;position:relative;overflow:hidden}.cardback-diamond{aspect-ratio:1;background:var(--orange);border:3px solid var(--ink);width:54%;box-shadow:0 0 0 4px var(--yellow), 0 0 0 7px var(--ink);place-items:center;display:grid;rotate:45deg}.cardback-diamond .kana{-webkit-text-stroke:3px var(--ink);font-size:19px;rotate:-45deg}.cardback-text{background:var(--ink);text-align:center;width:100%;padding:3px 0 4px;line-height:1}.cardback-text b{color:var(--yellow);font-size:12px;display:block}.cardback-text small{letter-spacing:.08em;font-size:6px}.deal{animation:deal .5s var(--pop) both}@keyframes deal{0%{opacity:0;transform:translateY(-60px)rotate(-10deg)scale(.8)}to{opacity:1;transform:none}}.title{padding:24px 16px calc(24px + env(safe-area-inset-bottom));text-align:center;justify-content:center;align-items:center;gap:20px}.title-burst{background:repeating-conic-gradient(from 0deg at 50% 45%, var(--purple-dark) 0deg 4deg, transparent 4deg 12deg);animation:60s linear infinite spin;position:absolute;inset:-30%}@keyframes spin{to{transform:rotate(360deg)}}.title-art{border:4px solid var(--ink);width:46%;max-width:230px;box-shadow:6px 6px 0 var(--ink);border-radius:8px;position:absolute;overflow:hidden}.title-art svg{width:100%;display:block}.title-art-l{animation:enter-l .6s var(--pop) both;top:3%;left:-6%;transform:rotate(-8deg)}.title-art-r{animation:enter-r .6s .1s var(--pop) both;bottom:4%;right:-6%;transform:rotate(7deg)scaleX(-1)}@keyframes enter-l{0%{transform:translate(-60%)rotate(-20deg)}}@keyframes enter-r{0%{transform:translate(60%)rotate(20deg)scaleX(-1)}}.title-logo{animation:slam .7s .2s var(--pop) both;padding:0 8px;position:relative}.title-kana{-webkit-text-stroke:7px var(--ink);text-shadow:6px 5px 0 var(--pink);font-size:clamp(54px,17vw,84px);transform:rotate(-5deg)}.title-en{color:var(--paper);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;margin-top:4px;font-size:46px}.title-tag{text-wrap:balance;margin-top:8px;padding:0 10px;font-size:14px;display:inline-block}.title-how{background:var(--ink);text-align:left;max-width:340px;animation:rise .45s .35s var(--pop) both;border-radius:10px;gap:0;margin:0;padding:6px 16px;font-size:14px;line-height:1.35;list-style:none;display:grid;position:relative}.title-how li{text-wrap:pretty;align-items:center;gap:10px;padding:10px 0;display:flex}.title-how li+li{border-top:1px solid var(--purple-dark)}.title-how b{width:22px;color:var(--orange);font-family:var(--font-head);flex:none;place-items:center;font-size:26px;font-weight:400;line-height:1;display:grid}.title-how em{background:var(--yellow);padding:0 3px;font-style:normal}.title-cta{animation:rise .45s .7s var(--pop) both;position:relative}@keyframes rise{0%{opacity:0;translate:0 16px}}.setup{flex-direction:column;flex:1;padding:12px 16px 0;display:flex}.shape-banner{text-align:center;width:fit-content;margin:4px auto 6px;padding:22px 30px 6px}.shape-banner .head{color:var(--ink);font-size:36px}.setup-flip,.setup-help{text-align:center;text-wrap:balance;margin:6px 0;font-size:14px;line-height:1.35}.setup-help{opacity:.9;font-size:13px}.setup-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px;padding:10px 0 130px;display:grid}.setup-slot{flex-direction:column;gap:6px;display:flex}.setup-order{justify-content:space-between;align-items:center;min-height:44px;display:flex}.setup-order .smallbtn{background:var(--ink);min-width:44px;color:var(--paper);border-color:var(--ink);padding:4px}.setup-order .head{color:var(--yellow);-webkit-text-stroke:1px var(--ink);font-size:22px}.setup-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--ink);flex-direction:column;align-items:center;gap:10px;margin:0 -16px;display:flex;position:sticky;bottom:0}.setup-reroll{gap:10px;display:flex}.scoreboard{background:var(--ink);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;padding:8px 10px;display:grid}.sb-team{opacity:.65;grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;transition-property:opacity;transition-duration:.3s;display:grid}.sb-team[data-batting=true]{opacity:1}.sb-runs{color:var(--yellow);text-align:center;grid-row:1/3;min-width:1.2ch;font-size:32px}.sb-team[data-pos=right]{text-align:right;grid-template-columns:1fr auto}.sb-team[data-pos=right] .sb-runs{grid-area:1/2/3}.sb-team[data-pos=right]>:not(.sb-runs){grid-column:1;justify-self:end}.sb-team[data-batting=true] .sb-runs{text-shadow:0 0 14px #fcde0c99}.sb-name{white-space:nowrap;font-size:12px}.sb-name small{opacity:.6;margin:0 4px;font-size:11px;display:none}.sb-mid{justify-items:center;gap:4px;display:grid}.sb-inning{font-size:18px}.sb-inning small{opacity:.6;font-size:11px}.sb-count{gap:2px;font-size:9px;display:grid}.sb-count span{align-items:center;gap:3px;display:inline-flex}.pips{vertical-align:middle;gap:2px;display:inline-flex}.pips i{border:1.5px solid #fff8e680;border-radius:50%;width:8px;height:8px;transition-property:background-color,transform;transition-duration:.2s}.pips i[data-on=true]{border-color:var(--paper);transform:scale(1.15)}.hype-pips{gap:1px}.hype-pips i{border-radius:50% 50% 45% 45%/65% 65% 35% 35%;width:8px;height:11px}.faceoff{border-top:4px solid var(--orange);grid-template-rows:auto auto auto auto;grid-template-columns:1fr 1fr;gap:6px 14px;padding:12px 12px 14px;display:grid;position:relative}.fighter{grid-row:span 4;grid-template-rows:subgrid;text-align:left;min-width:0;transition-property:transform;transition-duration:.15s;transition-timing-function:var(--ease);background:0 0;border:0;row-gap:6px;padding:0;display:grid}.fighter:active{transform:scale(.96)}.fighter-art{aspect-ratio:16/7;border:var(--line) solid var(--ink);background:var(--ink);border-radius:8px;position:relative;overflow:hidden}.fighter-art svg{width:100%;height:100%;display:block}.fighter[data-pos=right] .fighter-art svg{transform:scaleX(-1)}.fighter-label{background:var(--ink);color:var(--yellow);border-radius:4px;padding:3px 7px 2px;font-size:11px;position:absolute;bottom:6px;left:6px}.fighter[data-pos=right] .fighter-label{left:auto;right:6px}.fighter-plate{align-items:center;gap:6px;min-width:0;display:flex}.fighter-power{background:var(--yellow);min-width:40px;color:var(--ink);border:2.5px solid var(--ink);border-radius:6px;flex:none;justify-items:center;padding:3px 5px 2px;font-size:20px;line-height:.9;display:grid}.fighter-power small{font-family:var(--font-body);letter-spacing:.04em;font-size:10px;font-weight:800}.fighter[data-role=slugger] .fighter-power{background:var(--orange-deep);color:var(--paper)}.fighter[data-role=glue] .fighter-power{background:var(--pink);color:var(--ink)}.fighter[data-role=clutch] .fighter-power{background:var(--paper);color:var(--ink)}.fighter[data-role=legend] .fighter-power{background:var(--holo);color:var(--ink)}.fighter[data-role=pitcher] .fighter-power{background:var(--purple-dark);color:var(--yellow)}.fighter-name{text-overflow:ellipsis;white-space:nowrap;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;min-width:0;font-size:15px;overflow:hidden}.fighter-trait{text-wrap:pretty;background:#242224e0;border-radius:6px;padding:5px 7px;font-size:11.5px;line-height:1.3}.fighter-trait b{color:var(--yellow);margin-right:3px}.fighter-move .chip{margin-top:0}.fighter-empty{border:3px dashed var(--paper);border-radius:8px;grid-row:span 4;place-content:center;justify-items:center}.fighter-empty .head{font-size:40px}.faceoff-vs{z-index:2;-webkit-text-stroke:6px var(--ink);pointer-events:none;font-size:26px;position:absolute;top:34px;left:50%;translate:-50%;rotate:-8deg}.diamond{flex:none;width:58px;height:58px}.base-on{animation:.3s ease-out pop}@keyframes pop{0%{transform:scale(1.6)}}.field{background:var(--ink);border-radius:10px;align-items:center;gap:10px;margin:0 12px;padding:8px 10px;display:flex}.field-zone{flex:none;width:52px;height:65px}.field-info{flex:1;gap:2px;min-width:0;display:grid}.field-tag{color:var(--yellow);font-size:11px}.field-why{text-wrap:pretty;margin:0;font-size:12px;line-height:1.25}.field-runners{opacity:.75;margin:0;font-size:11px}.zone-row,.zone-tag,.zone-take-text{font-family:var(--font-head);fill:var(--paper);font-size:11px}.zone-tag{opacity:.7;font-size:8px}.zone-take-text{fill:var(--yellow)}.zone[data-animate=true] .zone-ball{animation:fly .7s .25s var(--ease) both}@keyframes fly{0%{opacity:0;transform:translate(70px,-120px)scale(.25)}20%{opacity:1}}.zone[data-animate=true] .zone-bat{transform-origin:6px 60px;animation:swing .3s var(--pop) both}@keyframes swing{0%{opacity:0;transform:rotate(-70deg)}30%{opacity:1}}.zone[data-animate=true] .zone-take{animation:rise .3s .95s var(--pop) both}.zone[data-animate=true] .zone-burst{transform-box:fill-box;transform-origin:50%;animation:burst .4s 1.25s var(--pop) both}@keyframes burst{0%{transform:scale(0)}}.zone[data-animate=true] .zone-hot{animation:.3s .85s both hot}@keyframes hot{0%{fill:var(--paper)}}.narrator{flex-direction:column;flex:1;gap:8px;padding:4px 14px 8px;display:flex}.bubble-coach{background:var(--ink);color:var(--yellow);border-radius:6px;justify-self:start;padding:3px 8px;font-size:12px;font-style:normal;font-weight:800}.tip{border:2px dashed var(--paper);text-wrap:pretty;border-radius:8px;margin:0;padding:8px 10px;font-size:12px;font-weight:600;line-height:1.35}.bubble{background:var(--paper);color:var(--ink);border:var(--line) solid var(--ink);box-shadow:4px 4px 0 var(--ink);animation:bubble .3s var(--pop) both;border-radius:18px;gap:3px;margin:10px 0 0;padding:10px 14px;display:grid;position:relative}.bubble:before{content:"";background:var(--ink);clip-path:polygon(0 100%,25% 0,100% 100%);width:24px;height:15px;position:absolute;top:-15px;left:30px}.bubble:after{content:"";background:inherit;clip-path:polygon(0 100%,25% 0,100% 100%);width:14px;height:10px;position:absolute;top:-9px;left:35px}.bubble[data-mood=you]{background:var(--yellow)}.bubble[data-mood=alert]{background:var(--orange-deep);color:var(--paper)}.bubble b{font-family:var(--font-head);text-transform:uppercase;text-wrap:balance;font-size:22px;font-weight:400;line-height:1.05}.bubble small{text-wrap:pretty;font-size:12px;font-weight:600}@keyframes bubble{0%{opacity:0;rotate:-2deg;scale:.85}}.peek{background:var(--yellow);color:var(--ink);border:2.5px solid var(--ink);text-wrap:pretty;border-radius:8px;margin:0;padding:8px 12px;font-size:13px}.moves{flex-wrap:wrap;gap:8px;display:flex}.moves .smallbtn{flex:none}.sd-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sd-pick{background:var(--ink);border:var(--line) solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:8px;gap:4px;padding:0 0 6px;transition-property:transform;transition-duration:.12s;display:grid;overflow:hidden}.sd-pick:active{transform:scale(.96)}.sd-pick svg{width:100%;display:block}.sd-pick .head{padding:0 4px;font-size:11px}.pitchlog{background:var(--ink);border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;margin:8px 12px 0;padding:6px 8px;font-size:11px;display:flex}.pl-label{opacity:.8;margin-right:2px}.pl-empty{opacity:.5}.pl-chip{background:var(--purple);border:1.5px solid var(--paper);border-radius:4px;align-items:baseline;gap:3px;padding:2px 6px;display:inline-flex}.pl-chip:last-child{background:var(--yellow);color:var(--ink);border-color:var(--ink)}.pl-chip[data-pitch=waste]{border-style:dashed}.pl-chip small{color:var(--yellow);font-size:8px}.pl-chip:last-child small{color:var(--orange)}.hold{border:var(--line) solid var(--ink);background:var(--yellow);min-height:56px;box-shadow:4px 4px 0 var(--ink);-webkit-touch-callout:none;border-radius:10px;flex:200px;padding:0;transition-property:transform,box-shadow;transition-duration:.12s;position:relative;overflow:hidden}.hold-fill{background:var(--orange);transform-origin:0;transition:transform .15s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.hold[data-holding=true]{box-shadow:1px 1px 0 var(--ink);animation:70ms linear infinite shake;transform:scale(.96)}.hold[data-holding=true] .hold-fill{transition:transform 1s linear;transform:scaleX(1)}@keyframes shake{0%{translate:0}50%{translate:1px -1px}to{translate:-1px 1px}}.hold-text{color:var(--ink);text-align:left;padding:7px 12px;display:grid;position:relative}.hold-text b{font-size:20px}.hold-text small{font-size:11px;font-weight:600}.clock{background:#24222499;border-radius:3px;height:6px;margin:0 14px 6px;overflow:hidden}.clock-bar{background:var(--yellow);transform-origin:0;height:100%;animation-name:clock;animation-timing-function:linear;animation-fill-mode:both}@keyframes clock{0%{transform:scaleX(1)}70%{background:var(--yellow)}to{background:var(--orange);transform:scaleX(0)}}.hand{z-index:10;padding:22px 12px calc(12px + env(safe-area-inset-bottom));background:var(--ink);flex:none;grid-template-columns:repeat(4,1fr);gap:6px;display:grid;position:sticky;bottom:0}.duel{--i:0;background:var(--paper);min-height:108px;color:var(--ink);border:var(--line) solid var(--ink);box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 5px var(--purple);transform:translateY(calc(var(--i) * var(--i) * 3px)) rotate(calc(var(--i) * 1.5deg));transition-property:transform,opacity,background-color,box-shadow;transition-duration:.2s;transition-timing-function:var(--ease);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px 4px 6px;display:flex;position:relative}.hand[data-live=false] .duel:not([data-chosen=true]){transform:translateY(calc(10px + var(--i) * var(--i) * 3px)) rotate(calc(var(--i) * 1.5deg))}.hand[data-live=true] .duel:not(:disabled){box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 5px var(--purple), 0 0 0 3px var(--yellow)}@media (hover:hover){.hand[data-live=true] .duel:not(:disabled):hover{transform:translateY(-10px)rotate(0)}}.duel:not(:disabled):active{transform:translateY(-4px)scale(.96)}.duel[data-chosen=true]{background:var(--yellow);box-shadow:inset 0 0 0 3px var(--yellow), inset 0 0 0 5px var(--ink), 0 8px 0 var(--orange);transform:translateY(-8px)rotate(0)}.duel[data-dim=true]{opacity:.4}.duel:disabled{cursor:default}.duel-corner{color:var(--purple);font-size:14px;position:absolute;top:6px;left:8px}.duel-label{font-size:18px}.duel small{text-align:center;text-wrap:balance;opacity:.8;font-size:11px;font-weight:600;line-height:1.15}.scene,.wordfx,.bannerfx,.cutin{position:absolute;inset:0}.gameover,.inspect,.fxlayer,.onboard{max-width:520px;margin:0 auto;position:fixed;inset:0}.scene,.wordfx,.bannerfx,.cutin,.gameover,.inspect{z-index:20;justify-content:center;align-items:center;display:flex}.fxlayer{z-index:20;cursor:pointer}.fx-skip{bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;opacity:.7;pointer-events:none;font-size:11px;position:fixed;left:50%;translate:-50%}.scene{background:#242224f5;flex-direction:column;gap:14px;padding:24px 20px;animation:.15s ease-out both fadein}.scene-cards{align-items:center;gap:10px;display:flex}.reveal-card{perspective:600px;width:92px;height:124px}.reveal-inner{width:100%;height:100%;transform-style:preserve-3d;animation:flip .55s .1s var(--ease) both;position:relative}@keyframes flip{0%{transform:rotateY(0)translateY(-16px)}to{transform:rotateY(180deg)}}.reveal-back,.reveal-front{backface-visibility:hidden;position:absolute;inset:0}.reveal-front{background:var(--paper);color:var(--ink);border:4px solid var(--ink);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;transform:rotateY(180deg)}.reveal-front small{font-size:10px;font-weight:800}.reveal-front .head{font-size:19px}.reveal-guess[data-counted=false]{opacity:.45}.scene-vs{-webkit-text-stroke:5px var(--ink);font-size:22px}.scene-zone{width:min(52vw,210px);height:auto}.scene-why{text-align:center;text-wrap:balance;max-width:300px;animation:rise .3s 1.4s var(--pop) both;margin:0;font-size:16px;line-height:1.3}.wordfx{pointer-events:none;animation:slam .9s var(--pop) both;background:radial-gradient(circle,#24222499,#0000 70%);flex-direction:column}.wordfx-kana{-webkit-text-stroke:7px var(--ink);font-size:clamp(54px,17vw,96px);rotate:-6deg}.wordfx-en{color:var(--paper);background:var(--ink);border-radius:4px;margin-top:10px;padding:3px 12px;font-size:26px}@keyframes slam{0%{opacity:0;scale:2.4}18%{opacity:1;scale:.95}26%{scale:1}}.bannerfx{background:#2422248c;flex-direction:column;gap:8px;animation:.2s ease-out both fadein}.bannerfx-strip{text-align:center;width:100%;animation:swipe .35s var(--pop) both;padding:34px 0 12px}.bannerfx-strip .head{color:var(--ink);font-size:46px}.bannerfx small{background:var(--ink);border-radius:4px;padding:4px 12px;font-size:15px}@keyframes swipe{0%{transform:translate(-100%)skew(-12deg)}}@keyframes fadein{0%{opacity:0}}.cutin{animation:.1s ease-out both fadein;overflow:hidden}.cutin[data-mine=false]{background-color:var(--purple-dark)}.cutin-art{border:6px solid var(--ink);width:82%;box-shadow:10px 10px 0 var(--ink);animation:slidein .35s var(--pop) both;border-radius:8px;position:absolute;top:6%;left:-6%;overflow:hidden;rotate:-6deg}.cutin-art svg{width:100%;display:block}@keyframes slidein{0%{transform:translate(-100%)rotate(-14deg)}}.cutin-text{text-align:right;animation:zoomin .3s .1s var(--pop) both;position:absolute;bottom:12%;left:4%;right:4%}.cutin-shout{-webkit-text-stroke:7px var(--ink);text-wrap:balance;font-size:clamp(38px,12vw,66px);rotate:-4deg}.cutin-en{color:var(--ink);background:var(--paper);border:var(--line) solid var(--ink);margin-top:8px;padding:2px 10px;font-size:24px;display:inline-block}.cutin-who{margin-top:6px;font-size:12px}@keyframes zoomin{0%{opacity:0;scale:3}}.inspect{background:#242224d9;flex-direction:column;gap:12px;padding:24px;animation:.15s ease-out both fadein}.inspect-card{width:min(260px,78vw);animation:deal .35s var(--pop) both}.gameover{text-align:center;flex-direction:column;gap:12px;padding:16px}.gameover-kana{-webkit-text-stroke:7px var(--ink);text-shadow:6px 5px 0 var(--pink);animation:slam .8s var(--pop) both;font-size:clamp(56px,18vw,96px)}.gameover-en{color:var(--paper);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;font-size:42px}.gameover-score{gap:10px;margin:0;display:flex}.gameover-score span{background:var(--ink);border-radius:6px;padding:6px 12px;font-size:22px}.gameover-note{margin:0;font-size:13px}@media (min-width:600px){.setup-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sb-hype{align-items:center;gap:4px;display:inline-flex}.sb-hype small{color:var(--orange);letter-spacing:.05em;font-size:11px}.sb-tag{border-radius:4px;padding:2px 6px 1px;font-size:11px;font-weight:800;display:inline-block}.sb-team[data-owner=you] .sb-tag{background:var(--you);color:var(--ink)}.sb-team[data-owner=bot] .sb-tag{background:var(--bot-deep);color:var(--paper)}.sb-team[data-owner=you] .sb-runs{color:var(--you)}.sb-team[data-owner=bot] .sb-runs{color:var(--bot-light)}.fighter-art{border-width:4px}.fighter[data-owner=you] .fighter-art{border-color:var(--you);box-shadow:0 0 0 3px var(--ink), 5px 5px 0 3px var(--ink)}.fighter[data-owner=bot] .fighter-art{border-color:var(--bot);box-shadow:0 0 0 3px var(--ink), 5px 5px 0 3px var(--ink)}.fighter[data-owner=you] .fighter-label{background:var(--you);color:var(--ink)}.fighter[data-owner=bot] .fighter-label{background:var(--bot-deep);color:var(--paper)}.fighter-label{border:2px solid var(--ink);font-size:12px}.bubble[data-owner=bot]{background:var(--bot-deep);color:var(--paper)}.bubble-turn{background:var(--ink);border-radius:4px;justify-self:start;margin-bottom:2px;padding:2px 7px 1px;font-size:11px}.bubble[data-owner=you] .bubble-turn{color:var(--you)}.bubble[data-owner=bot] .bubble-turn,.bubble[data-owner=bot] .bubble-coach{color:var(--bot-light)}.pitchlog[data-owner=you] .pl-label{color:var(--you)}.pitchlog[data-owner=bot] .pl-label{color:var(--bot-light)}.hand{border-top:4px solid var(--you);padding-top:10px}.hand-strip{grid-column:1/-1;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.hand-strip b{background:var(--you);color:var(--ink);border-radius:4px;padding:3px 8px 2px;font-size:14px}.hand-strip small{color:var(--you);font-size:11px}.reveal-owner[data-owner=you] .reveal-front{border-color:var(--you);box-shadow:0 0 0 3px var(--ink)}.reveal-owner[data-owner=bot] .reveal-front{border-color:var(--bot);box-shadow:0 0 0 3px var(--ink)}.reveal-owner[data-owner=bot] .reveal-front small{color:var(--bot)}.scoreboard{position:relative}.sb-inning{align-items:center;gap:6px;display:inline-flex}.sb-help{z-index:5;border:2.5px solid var(--ink);background:var(--paper);width:24px;height:24px;color:var(--ink);font-family:var(--font-head);border-radius:50%;padding:0;font-size:16px;line-height:1;position:relative}.sb-help:after{content:"";position:absolute;inset:-10px}.title-help{background:var(--purple);color:var(--paper);border-color:var(--lavender);animation:rise .45s .8s var(--pop) both;position:relative}.onboard{z-index:40;padding:14px 18px calc(16px + env(safe-area-inset-bottom));flex-direction:column;animation:.2s ease-out both fadein;display:flex}.ob-top{justify-content:space-between;align-items:center;display:flex}.ob-dots{gap:6px;display:flex}.ob-dots i{background:#fff8e64d;border-radius:3px;width:22px;height:6px;transition-property:background-color;transition-duration:.2s}.ob-dots i[data-on=true]{background:var(--yellow)}.ob-step{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:0;display:flex;overflow-y:auto}.ob-step>*{animation:rise .35s var(--pop) both}.ob-step>:nth-child(2){animation-delay:50ms}.ob-step>:nth-child(3){animation-delay:.1s}.ob-step>:nth-child(4){animation-delay:.15s}.ob-kana{-webkit-text-stroke:6px var(--ink);font-size:40px;rotate:-4deg}.ob-title{color:var(--paper);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-wrap:balance;margin:0;font-size:30px}.ob-visual{place-items:center;width:100%;display:grid}.ob-body{background:var(--paper);max-width:330px;color:var(--ink);border:var(--line) solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-wrap:pretty;border-radius:12px;margin:0;padding:12px 14px;font-size:15px;line-height:1.4}.ob-nav{justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.ob-nav .bigbtn{flex:1}.ob-sides{align-items:center;gap:10px;display:flex}.ob-side{justify-items:center;gap:6px;width:128px;display:grid}.ob-side svg{border:4px solid var(--you);width:100%;box-shadow:0 0 0 3px var(--ink);border-radius:8px;display:block}.ob-side[data-owner=bot] svg{border-color:var(--bot);transform:scaleX(-1)}.ob-side b{border:2px solid var(--ink);border-radius:4px;padding:3px 10px 2px;font-size:18px}.ob-side[data-owner=you] b{background:var(--you);color:var(--ink)}.ob-side[data-owner=bot] b{background:var(--bot);color:var(--paper)}.ob-vs{-webkit-text-stroke:6px var(--ink);font-size:30px}.ob-decks{justify-items:center;gap:6px;display:grid}.ob-deck-label{color:var(--yellow);font-size:14px}.ob-deck{gap:6px;display:flex}.ob-mini{background:var(--paper);width:66px;color:var(--ink);border:2.5px solid var(--ink);border-radius:8px;justify-items:center;gap:2px;padding:6px 2px;display:grid}.ob-mini small{font-size:9px;font-weight:800}.ob-rules{align-items:center;gap:12px;display:flex}.ob-zone{flex:none;width:80px}.ob-rules ul{text-align:left;gap:6px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.ob-rules li{background:var(--ink);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.ob-rules li b{color:var(--yellow);font-size:15px}.ob-math{align-items:center;gap:6px;display:flex}.ob-chip{background:var(--paper);color:var(--ink);border:var(--line) solid var(--ink);border-radius:8px;justify-items:center;padding:6px 10px;display:grid}.ob-chip b{font-size:26px}.ob-chip small{font-size:9px;font-weight:800}.ob-chip[data-kind=power]{background:var(--orange);color:var(--paper)}.ob-chip[data-kind=result]{background:var(--yellow)}.ob-op{color:var(--yellow);font-size:26px}.ob-hype{background:var(--ink);border-radius:10px;justify-items:center;gap:6px;padding:12px 18px;display:grid}.ob-hype .hype-pips i{width:18px;height:24px}.ob-hype .sb-hype small{font-size:14px}.ob-demo{justify-items:center;gap:10px;width:100%;max-width:320px;display:grid}.ob-demo .hold{flex:none;width:100%}.ob-shout{-webkit-text-stroke:6px var(--ink);animation:slam .6s var(--pop) both;font-size:30px}.gameover-score span[data-owner=you]{color:var(--you)}.gameover-score span[data-owner=bot]{color:var(--bot-light)}.tray{gap:6px;display:grid}.tray-title{color:var(--you);font-size:13px}.tray .hold{background:var(--ink);border:2px dashed var(--lavender);min-height:52px;box-shadow:none;flex:none}.tray .hold .hold-text{color:var(--paper)}.tray .hold .hold-text small{color:var(--lavender)}.tray .hold[data-holding=true] .hold-text{color:var(--ink)}.tray-item{text-align:left;border:var(--line) solid var(--ink);min-height:48px;color:var(--paper);background:#242224cc;border-radius:10px;gap:2px;padding:7px 12px;display:grid}.tray-item b{font-size:17px}.tray-item small{font-size:11px;font-weight:600}.tray-item[data-state=armed]{background:var(--you);color:var(--ink);box-shadow:0 0 0 3px var(--ink), 0 0 16px 2px #fcde0c99;animation:1.2s ease-in-out infinite alternate armed}@keyframes armed{to{box-shadow:0 0 0 3px var(--ink), 0 0 4px 0 #fcde0c4d}}.tray-item[data-state=broke],.tray-item[data-state=used]{opacity:.6}.tray-item[data-state=used] b{text-decoration:line-through}.coach{background:var(--ink);border:2.5px solid var(--you);animation:bubble .3s var(--pop) both;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.coach p{text-wrap:pretty;flex:1;margin:0;font-size:13px;line-height:1.35}.coach .smallbtn{flex:none}.hand[data-coach=true][data-live=true] .duel:not(:disabled){animation:1s ease-in-out infinite alternate nudge}@keyframes nudge{to{box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 5px var(--purple), 0 0 0 3px var(--yellow), 0 0 18px 4px #fcde0c99;translate:0 -6px}}.hand-strip{flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:6px}.hand-strip .pitchlog{background:0 0;gap:3px;margin:0;padding:0}.hand-strip .pl-chip{font-size:11px}.title-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.title-row .smallbtn[aria-pressed=true]{background:var(--yellow)}.trait-kind{letter-spacing:.03em;vertical-align:1px;white-space:nowrap;border-radius:4px;margin-right:5px;padding:1px 5px;font-size:10px;font-weight:800;display:inline-block}[data-kind=flaw]>.trait-kind,[data-kind=flaw] .trait-kind{background:var(--orange-deep);color:var(--paper)}[data-kind=perk]>.trait-kind,[data-kind=perk] .trait-kind{background:var(--purple);color:var(--paper)}.fighter-trait[data-kind=flaw]{box-shadow:inset 3px 0 0 var(--orange-deep)}.trait-status{color:var(--yellow);margin-top:4px;font-size:11px;font-weight:800;display:block}.traitfx{z-index:20;background:#24222499;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out both fadein;display:flex;position:absolute;inset:0}.traitfx-stamp{text-align:center;background:var(--paper);width:min(300px,86vw);color:var(--ink);border:4px solid var(--ink);box-shadow:0 0 0 4px var(--you), 8px 8px 0 4px var(--ink);animation:stamp .35s var(--pop) both;border-radius:12px;justify-items:center;gap:6px;padding:0 16px 14px;display:grid;overflow:hidden;rotate:-3deg}.traitfx-stamp[data-owner=bot]{box-shadow:0 0 0 4px var(--bot), 8px 8px 0 4px var(--ink)}.traitfx-art{border-bottom:4px solid var(--ink);aspect-ratio:16/7;width:calc(100% + 32px);margin:0 -16px 2px}.traitfx-art svg{width:100%;height:100%;display:block}.traitfx-stamp b{font-size:30px}.traitfx-stamp p{text-wrap:balance;margin:0;font-size:15px;line-height:1.3}.traitfx-stamp small{opacity:.7;font-size:11px}@keyframes stamp{0%{opacity:0;rotate:6deg;scale:1.8}}.ob-top{gap:8px}.ob-tabs{flex-wrap:wrap;gap:4px;display:flex}.ob-tab{border:2.5px solid var(--ink);min-height:40px;color:var(--paper);background:#24222499;border-radius:8px;padding:6px 10px;font-size:13px}.ob-tab[aria-selected=true]{background:var(--yellow);color:var(--ink)}.onboard .ob-dots{margin-top:12px}.guide{flex:1;align-content:start;gap:14px;min-height:0;padding:14px 2px 8px;display:grid;overflow-y:auto}.guide-hype{background:var(--ink);border:2px solid var(--orange);text-wrap:pretty;border-radius:10px;margin:0;padding:10px 12px;font-size:13px;line-height:1.4}.guide-hype .head{color:var(--orange);margin-right:4px}.guide section{gap:6px;display:grid}.guide-h{color:var(--yellow);margin:0;font-size:15px}.guide-row{background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.guide-cost{background:var(--orange-deep);width:44px;color:var(--paper);border-radius:8px;flex:none;justify-items:center;padding:4px 0;display:grid}.guide-cost b{font-size:22px;line-height:1}.guide-cost small{font-size:10px;font-weight:800}.guide-body{gap:2px;display:grid}.guide-body b{font-size:17px}.guide-shout{color:var(--orange-deep);-webkit-text-stroke:0;font-size:12px}.guide-body p{margin:0;font-size:13px;line-height:1.3}.guide-body small{color:var(--purple);font-size:11px;font-weight:800}.tray-head{justify-content:space-between;align-items:center;display:flex}.tray-guide{min-height:40px;color:var(--paper);background:0 0;border:0;padding:0 4px;font-size:12px;text-decoration:underline}