:root{--field: #1b1233;--field-deep: #0a0614;--field-mid: #2a1850;--board: #140c24;--amber: #ffc44d;--gold: #f0c14b;--cream: #f4ead6;--ink: #1a1208;--stamp: #e23b2c;--foam: #f7f3ea;--line: #8b6ad4;--stroke: #7c5cbf;--stroke-soft: #3d2d68;--panel: #221845;--panel-hi: #2e2154;--muted: #c9b8e8;--muted-dim: #a08cc8;--glow: #6d28d9}*{box-sizing:border-box}html,body{margin:0;min-height:100%;height:100%;overscroll-behavior-y:none;background:radial-gradient(ellipse at 50% 0%,var(--glow) 0%,transparent 55%),repeating-linear-gradient(90deg,transparent 0 18px,rgba(0,0,0,.12) 18px 19px),var(--field-deep);color:var(--foam);font-family:Noto Sans TC,Microsoft JhengHei,sans-serif}.ptr-layer{position:fixed;inset:0 0 auto 0;z-index:80;pointer-events:none}.ptr-rail{height:0;background:linear-gradient(to bottom,rgba(240,193,75,.22),transparent 70%)}.ptr-hint{position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:5px 12px 6px;border:2px solid var(--line);border-radius:999px;background:#140c24e0;color:var(--amber);font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 0 0 2px #f0c14b33}.ptr-icon{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid var(--muted-dim);transition:transform .15s ease}.ptr-icon--flip{transform:rotate(180deg);border-top-color:var(--amber)}.ptr-spin{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--amber);border-radius:50%;animation:ptrspin .6s linear infinite}@keyframes ptrspin{to{transform:rotate(360deg)}}.yard{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px 20px;gap:10px}.yard-label,.yard-foot{margin:0;font-size:13px;letter-spacing:.08em;color:var(--muted)}.yard-foot{opacity:.75}.phone{width:min(920px,calc(100vw - 28px),calc((100vh - 84px)*2.05));aspect-ratio:2.05 / 1;max-height:calc(100vh - 84px);max-height:calc(100dvh - 84px);background:linear-gradient(180deg,#2e1a58 0%,var(--field) 40%,#10081c 100%);border:6px solid #1c1434;border-radius:28px;box-shadow:0 0 0 3px #f0c14b,0 24px 50px #00000073;position:relative;overflow:hidden;display:flex;flex-direction:column}.notch{height:8px;margin:6px auto 0;width:72px;border-radius:999px;background:var(--field-deep);flex-shrink:0}.screen{flex:1;display:flex;flex-direction:column;padding:4px 14px 12px;min-height:0}.screen[data-screen=draw],.screen[data-screen=result]{overflow:hidden}.turn-hint{display:none}.hidden{display:none!important}.scorebug{background:var(--board);border:2px solid var(--stroke-soft);border-radius:14px;padding:10px 12px 12px;text-align:center;box-shadow:inset 0 0 24px #ffc44d14}.scorebug-kicker{margin:0;font-family:Chakra Petch,sans-serif;font-size:11px;letter-spacing:.18em;color:var(--amber)}.scorebug h1{margin:2px 0 0;font-size:20px;font-weight:800}.scorebug-sub{margin:4px 0 0;font-size:13px;color:var(--muted)}.scorebug-row{display:flex;align-items:flex-start;gap:8px}.scorebug-titles{flex:1;min-width:0}.select-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0;line-height:1.15}.select-brand-en{display:inline-block;padding:3px 7px 2px;border:1.5px solid var(--gold);border-radius:999px;background:#f0c14b1f;font-family:Chakra Petch,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--amber);line-height:1.2}.screen[data-screen=select] .select-brand-en{font-size:12px}.select-brand--solo .select-brand-en{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen[data-screen=select]{position:relative}.screen[data-screen=select] .scorebug{padding:14px 48px 10px 14px}.screen[data-screen=select] .scorebug-row{align-items:center}.screen[data-screen=select] .back-btn{margin-top:0}.account-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:10px;right:10px;z-index:3;display:flex;align-items:center;gap:6px;max-width:42%;padding:3px 8px 3px 3px;border:2px solid var(--stroke);border-radius:999px;background:var(--panel);color:var(--foam);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.account-chip:focus-visible{outline:2px solid var(--gold)}.account-chip--login{background:var(--amber);border-color:#c88916;color:var(--ink);box-shadow:0 2px #9a6a10}.account-chip--login .account-face{background:var(--ink);color:var(--amber)}.account-chip--login:hover{filter:brightness(1.06)}.account-face{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--glow);color:#fff;font-size:12px;overflow:hidden;flex-shrink:0}.account-face img{width:100%;height:100%;object-fit:cover}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-tabs{display:flex;justify-content:center;gap:6px;margin-top:8px}.mode-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--stroke);background:var(--panel);color:var(--muted);border-radius:999px;padding:4px 12px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.mode-tab.is-on{border-color:var(--gold);color:var(--amber);background:#f0c14b1f}.career-line{margin:6px 0 0;text-align:center;font-size:12px;font-weight:700;color:var(--muted)}.career-line--guest{color:var(--muted-dim);font-weight:600}.custom-studio{display:flex;align-items:center;gap:12px;margin:8px 0 4px;padding:8px;border:2px solid var(--stroke);border-radius:16px;background:var(--panel)}.custom-photo{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:72px;height:100px;flex-shrink:0;padding:0;border:3px solid var(--gold);border-radius:10px;background:var(--field-mid);overflow:hidden;cursor:pointer}.custom-photo img,.custom-photo-fallback{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;font-weight:800;font-size:28px;color:#fff}.custom-photo-hint{position:absolute;left:0;right:0;bottom:0;padding:3px 0;background:#0c0802b8;color:var(--amber);font-size:11px;font-weight:800}.custom-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.custom-name-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--muted)}.custom-name-label input{flex:1;min-width:0;border:2px solid var(--stroke);border-radius:10px;background:var(--board);color:var(--foam);font:inherit;font-size:14px;padding:5px 8px}.custom-pos{display:flex;flex-wrap:wrap;gap:4px}.custom-pos-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--stroke);background:var(--board);color:var(--muted);border-radius:999px;padding:3px 8px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.custom-pos-btn.is-on{border-color:var(--gold);color:var(--amber)}.custom-grow{margin:0;font-size:12px;font-weight:800;color:var(--amber)}.custom-xp{height:6px;border-radius:999px;background:#00000047;overflow:hidden}.custom-xp i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f0c14b,#ffe08a)}.custom-photo-actions{display:flex;align-items:center;gap:8px}.custom-photo-actions .btn{padding:4px 8px;font-size:12px}.custom-err{margin:0;color:#ffb4a8;font-size:12px;font-weight:700}.player-search{margin:6px 0 0}.player-search input{width:100%;border:2px solid var(--stroke);border-radius:12px;background:var(--panel);color:var(--foam);font:inherit;font-size:14px;padding:6px 10px}.player-search input:focus-visible{outline:2px solid var(--gold)}.player-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0;flex:1;min-height:0;overflow-y:auto;padding-right:2px}.player-tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid var(--stroke);background:var(--panel);color:inherit;border-radius:12px;padding:4px;display:flex;flex-direction:column;gap:4px;cursor:pointer;font:inherit;text-align:center}.player-tile.is-on{border-color:var(--gold);box-shadow:0 0 0 3px #f0c14b59}.player-tile img,.player-tile .player-ph{width:100%;aspect-ratio:5 / 7;object-fit:cover;border-radius:8px;background:var(--field-mid)}.player-tile .player-ph{display:grid;place-items:center;font-weight:800;color:var(--muted)}.player-tile b{font-size:12px;line-height:1.2}.player-tile span{font-size:11px;color:var(--muted)}.player-more,.player-empty{grid-column:1 / -1;text-align:center;color:var(--muted);font-size:13px;font-weight:700}.player-more{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px dashed var(--stroke);background:transparent;color:var(--amber);border-radius:12px;padding:8px;cursor:pointer;font:inherit;font-weight:800}.login-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:16px;background:#0a0614b8}.login-sheet-card{width:min(420px,100%);border:3px solid var(--stroke);border-radius:18px;background:var(--board);padding:14px 16px;box-shadow:0 0 0 3px #f0c14b33}.login-title{margin:0;font-weight:800}.login-sub{margin:6px 0 12px;font-size:13px;color:var(--muted)}.login-oauth{display:flex;flex-wrap:wrap;gap:8px}.login-oauth .btn{flex:1;min-width:96px}.dev-login{display:flex;gap:8px;margin-top:10px}.dev-login input{flex:1;border:2px solid var(--stroke);border-radius:10px;background:var(--panel);color:var(--foam);font:inherit;padding:6px 8px}.login-err{margin:8px 0 0;color:#ffb4a8;font-size:12px;font-weight:700}.login-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.card-hero-tag{position:absolute;left:6px;bottom:6px;z-index:2;padding:1px 6px;border-radius:999px;background:var(--gold);color:var(--ink);font-size:10px;font-weight:800}.back-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;margin-top:18px;border-radius:50%;border:2px solid var(--stroke);background:var(--panel);color:var(--foam);font:inherit;font-weight:800;cursor:pointer}.back-btn:focus-visible{outline:2px solid var(--gold)}.scorebug-compact{padding:6px 10px 8px}.scorebug-compact h1{font-size:18px}.scorebug-compact .back-btn{margin-top:4px}.scorebug-live{padding:8px 8px 10px}.match-head{padding:6px 8px 4px}.match-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.match-team{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.match-team .team-mark{width:36px;height:36px}.match-team b{font-size:12px;line-height:1.2;text-align:center}.match-center{text-align:center}.live-pill{display:inline-block;padding:1px 8px 2px;border-radius:999px;background:var(--stamp);color:#fff;font-size:11px;font-weight:800}.match-score-num{margin:2px 0 0;font-family:Chakra Petch,sans-serif;font-size:28px;font-weight:700;line-height:1;color:var(--foam)}.match-night{margin:2px 0 0;font-size:11px;font-weight:700;color:var(--muted)}.match-more{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;margin-top:6px;padding:4px 8px;border:2px solid var(--stroke);border-radius:999px;background:var(--panel);color:var(--muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.match-more[aria-expanded=true]{border-color:var(--gold);color:var(--amber)}.match-linescore{margin-top:6px}.inning-badge{display:inline-block;flex:0 0 auto;padding:2px 10px 3px;border-radius:8px;background:#1d4ed8;color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em}.mid-names{width:100%;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.mid-name{margin:0;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:800;color:var(--foam)}.mid-name .team-mark{width:18px;height:18px;border-radius:4px}.mid-name--pit{color:var(--muted)}.mid-name--bat{color:var(--amber)}.count-row{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex:0 0 auto;gap:6px;width:100%;margin-top:4px;min-height:22px}.count-lab{font-family:Chakra Petch,sans-serif;font-size:13px;font-weight:700;color:var(--muted-dim)}.play-tags{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:3px;min-width:0;overflow:hidden}.play-tag{flex:0 0 auto;padding:1px 5px;border-radius:4px;font-size:10px;font-weight:800;color:#fff;background:#6b7280;white-space:nowrap;line-height:1.35}.play-tag--out{background:var(--stamp)}.play-tag--hit{background:#ca8a04}.play-tag--walk{background:#2563eb}.play-tag--fresh{animation:tag-pop .45s ease}@keyframes tag-pop{0%{transform:scale(.7);opacity:.4}55%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.linescore{width:100%;border-collapse:collapse;table-layout:fixed;font-family:Chakra Petch,sans-serif;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.2}.linescore col.ls-team-col{width:1.6em}.linescore col.ls-rh-col{width:1.35em}.linescore th,.linescore td{padding:2px 0;text-align:center;overflow:hidden;color:var(--muted);font-weight:600}.linescore thead th{color:var(--muted-dim);font-size:10px;font-weight:600}.linescore th.ls-team{position:relative;text-align:left;padding-left:8px;color:var(--foam);font-family:Noto Sans TC,sans-serif;font-size:12px;font-weight:800}.linescore .ls-rh{color:var(--amber);font-weight:700}.linescore thead .ls-rh{color:var(--muted-dim)}.linescore .is-now{color:var(--amber);background:#f0c14b1f}.linescore tr.is-bat th.ls-team:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--stamp)}.linescore-meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:var(--muted)}.half-tag{font-weight:800;color:var(--foam)}.out-lamps{display:inline-flex;gap:4px}.count-row .out-lamps i{width:10px;height:10px}.out-lamps i{width:8px;height:8px;border-radius:50%;background:var(--panel-hi);box-shadow:inset 0 0 0 1px var(--stroke)}.out-lamps i.is-on{background:var(--stamp);box-shadow:0 0 6px #e23b2cb3}.now-orders{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 12px}.now-side{color:var(--muted-dim);font-weight:700}.now-side.is-on{color:var(--amber)}.final-linescore{margin:0;max-width:none}.team-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:14px 0;flex:1;min-height:0;overflow-y:auto;padding-right:2px}.team-tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid var(--stroke);background:var(--panel);color:inherit;border-radius:16px;min-height:70px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;font:inherit}.team-tile:hover,.team-tile:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.team-tile.is-on{border-color:var(--gold);box-shadow:0 0 0 3px #f0c14b59}.team-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);background:var(--team, #5d6d7e);overflow:hidden}.team-mark--logo{border-radius:10px;background:#1a1228;box-shadow:inset 0 0 0 1px #ffffff1f}.team-mark--logo img{width:100%;height:100%;object-fit:contain;display:block}.team-mark--logo img+.team-mark-fallback{display:none}.team-mark--logo:not(:has(img)){background:var(--team, #5d6d7e)}.team-tile b{font-size:15px;line-height:1.25}.team-tile.wide{grid-column:1 / -1;min-height:64px;flex-direction:row}.dock{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.dock-3{grid-template-columns:1fr 1fr 1fr}.dock-draw{grid-template-columns:repeat(5,minmax(0,1fr))}.dock-col{grid-template-columns:1fr;align-content:center;min-width:118px;margin-top:0}.btn{font:inherit;font-weight:800;border-radius:999px;padding:12px 10px;border:3px solid transparent;cursor:pointer}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-ghost{background:var(--panel);color:var(--foam);border-color:var(--stroke)}.btn-go{background:var(--amber);color:var(--ink);border-color:#c88916}.btn:disabled{opacity:.4;cursor:not-allowed}.need-line{margin:8px 0 0;font-size:12px;letter-spacing:.04em;color:var(--muted-dim);text-align:center}.need-line i{font-style:normal;opacity:.45;margin:0 5px}.need-line .is-full{color:var(--amber)}.assign-hint{margin:6px 0 0;font-size:11px;color:var(--muted-dim);text-align:center}.draw-pager{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;margin-top:6px}.draw-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;flex-shrink:0}.draw-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-weight:800;font-size:13px;padding:6px 4px;border-radius:999px;border:2px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer}.draw-tab.is-on{border-color:var(--gold);color:var(--amber);box-shadow:0 0 0 1px #f0c14b47}.draw-viewport{flex:1;min-height:0;overflow:hidden}.draw-pages{display:flex;width:300%;height:100%;transform:translate(calc(var(--draw-page, 0) * -33.333%));transition:transform .22s ease}.draw-page{width:33.333%;min-width:0;min-height:0;height:100%;max-height:100%;padding:0 2px;box-sizing:border-box}.draw-page--fan{display:flex;flex-direction:column}.draw-page--fan .fan{flex:1}.draw-page--strip{display:flex;flex-direction:column;min-height:0}.draw-page--strip .block-label{flex-shrink:0;margin:2px 0 6px}.card-strip{flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.card-strip::-webkit-scrollbar{display:none}.card-strip-page{flex:0 0 100%;width:100%;height:100%;margin:0;padding:2px 6px;box-sizing:border-box;list-style:none;display:flex;align-items:center;justify-content:flex-start;gap:10px;scroll-snap-align:start;scroll-snap-stop:always}.card-strip-page .slot{flex:0 0 calc((100% - 40px)/5);width:calc((100% - 40px)/5);height:auto;max-height:100%;aspect-ratio:auto;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;border:0;background:transparent;padding:0}.card-strip-page .slot:not(.is-filled){aspect-ratio:auto}.card-strip-page .slot-face,.card-strip-page .card.tiny{width:100%;height:auto;max-height:calc(100% - 20px);aspect-ratio:5 / 7}.card-strip-page .slot-face{display:block;border:2px dashed var(--stroke);border-radius:10px;background:#00000026}.card-strip-page .slot-pos{display:none}.card-strip-page .slot-cap{display:block;position:static;flex-shrink:0;padding:0;color:var(--amber);text-shadow:none;font-size:11px;font-weight:800;letter-spacing:.02em}.card-strip-page .slot:not(.is-filled) .slot-cap{position:static;color:var(--muted);text-shadow:none}.screen[data-screen=draw][data-draw-page="1"] .scorebug-compact h1,.screen[data-screen=draw][data-draw-page="2"] .scorebug-compact h1,.screen[data-screen=draw][data-draw-page="1"] .scorebug-sub,.screen[data-screen=draw][data-draw-page="2"] .scorebug-sub,.screen[data-screen=draw][data-draw-page="1"] .need-line,.screen[data-screen=draw][data-draw-page="2"] .need-line,.screen[data-screen=draw][data-draw-page="1"] .assign-hint,.screen[data-screen=draw][data-draw-page="2"] .assign-hint,.screen[data-screen=draw][data-draw-page="1"] #btn-draw-1,.screen[data-screen=draw][data-draw-page="2"] #btn-draw-1,.screen[data-screen=draw][data-draw-page="1"] #btn-draw-5,.screen[data-screen=draw][data-draw-page="2"] #btn-draw-5{display:none}.screen[data-screen=draw][data-draw-page="1"] .scorebug-compact,.screen[data-screen=draw][data-draw-page="2"] .scorebug-compact{padding:2px 4px;border:0;background:transparent;box-shadow:none}.screen[data-screen=draw][data-draw-page="1"] .scorebug-kicker,.screen[data-screen=draw][data-draw-page="2"] .scorebug-kicker{font-size:14px;letter-spacing:.08em}.screen[data-screen=draw][data-draw-page="1"] .dock-draw,.screen[data-screen=draw][data-draw-page="2"] .dock-draw{grid-template-columns:1fr 1fr 1fr;max-width:420px;margin-left:auto}.screen[data-screen=draw].is-roster-full .draw-tabs{grid-template-columns:1fr 1fr}.screen[data-screen=draw].is-roster-full .draw-tab[data-page="0"],.screen[data-screen=draw].is-roster-full #btn-abandon,.screen[data-screen=draw].is-roster-full #btn-draw-1,.screen[data-screen=draw].is-roster-full #btn-draw-5,.screen[data-screen=draw].is-roster-full #btn-auto-assign{display:none}.screen[data-screen=draw].is-roster-full .dock-draw{grid-template-columns:minmax(160px,240px);justify-content:center;max-width:none;margin-left:auto;margin-right:auto}.fan{min-height:0;height:100%;display:flex;justify-content:center;align-items:center;padding:8px 4px}.fan--empty{align-items:center;border:2px dashed var(--stroke);border-radius:16px;background:#0000002e}.fan-placeholder{margin:0;padding:12px;color:var(--muted-dim);font-size:13px;text-align:center}.fan .card{width:auto;height:100%;max-height:100%;aspect-ratio:5 / 7;margin:0;flex:0 0 auto;cursor:default}.fan--three,.fan--five{overflow:hidden;gap:12px}.fan--five{gap:8px}.fan--three .card{max-width:calc((100% - 24px) / 3)}.fan--five .card{max-width:calc((100% - 32px)/5)}.fan--three .card:nth-child(odd){transform:translateY(5px)}.fan--three .card:nth-child(2n){transform:translateY(-3px);z-index:2}.fan--five .card:nth-child(odd){transform:translateY(4px)}.fan--five .card:nth-child(2n){transform:translateY(-3px)}.fan--one{overflow:hidden}.fan--one .card,.fan--one .card:nth-child(1){margin:0;width:auto;height:100%;max-width:100%;max-height:100%;aspect-ratio:5 / 7;transform:none}.card{background:var(--cream);color:var(--ink);border:4px solid #efe3c4;border-radius:12px;box-shadow:0 10px 20px #00000052;overflow:hidden;text-align:center;cursor:pointer;padding:0;font:inherit;aspect-ratio:5 / 7;display:flex;flex-direction:column;position:relative}.card:focus-visible{outline:2px solid var(--gold)}.card-photo{flex:1;min-height:0;display:grid;place-items:center;color:#fff;font-family:Chakra Petch,sans-serif;font-size:28px;font-weight:700;position:relative}.card-photo--img{padding:0;overflow:hidden}.card-photo--img img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.card-photo--flip{cursor:pointer}.card-flip{position:absolute;top:0;right:0;bottom:0;left:0}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none;transition:opacity .25s ease}.card-face--back{object-fit:contain;object-position:center;background:#1a1033;opacity:0}.card-photo--flip.is-back .card-face--front{opacity:0}.card-photo--flip.is-back .card-face--back{opacity:1}.card-photo--flip.is-back .card-year,.card-photo--flip.is-back .card-rating{opacity:0}.card.is-back .card-meta{opacity:0;pointer-events:none}.card-photo--img .card-year,.card-photo--img .card-rating{z-index:1}.card--face .card-photo{flex:1}.card--face .card-meta{position:absolute;left:0;right:0;bottom:0;padding:18px 6px 6px;background:linear-gradient(transparent,#0c0802d1);color:#fff}.card--face .card-meta span{color:#f0d9a8}.card-year{position:absolute;top:6px;left:6px;background:#00000073;color:var(--amber);font-size:10px;padding:2px 5px;border-radius:6px}.card-rating{position:absolute;top:6px;right:6px;background:#00000073;color:#fff;font-family:Chakra Petch,sans-serif;font-weight:700;line-height:1;padding:3px 6px;border-radius:6px}.card-rating--stats{color:var(--amber);background:#140c00b3}.card-meta{padding:6px 4px 8px}.card-meta strong{display:block;font-size:12px}.card-meta span{font-size:11px;color:#6b5340}.card.tiny{width:100%;flex-shrink:0;cursor:default}.card-strip-page .card.tiny{aspect-ratio:5 / 7}.card.tiny .card-photo{font-size:14px}.card.tiny .card-meta{padding:3px 2px 4px}.card.tiny .card-meta strong{font-size:10px}.card.tiny .card-year{font-size:8px;top:3px;left:3px}.card.tiny .card-rating{font-size:10px;padding:2px 4px}.card.tiny.card--face .card-meta{padding:12px 3px 3px}.card.tiny .card-hero-tag{font-size:8px;left:3px;bottom:3px;padding:0 4px}.block-label{margin:4px 0 6px;font-size:12px;color:var(--muted)}.slot{min-height:0;border:2px dashed var(--stroke);border-radius:10px;background:#00000026;display:flex;align-items:stretch;position:relative;cursor:pointer}.slot:before{content:attr(data-n);position:absolute;top:3px;left:6px;font-size:10px;color:var(--amber);z-index:1}.slot-pos{position:absolute;top:3px;right:5px;font-size:9px;color:var(--muted-dim);z-index:1}.slot-cap{display:none;font-size:10px;color:var(--muted-dim);text-align:center;padding:3px 0 0;line-height:1.2}.slot:not(.is-filled){aspect-ratio:5 / 7}.slot.is-filled{border-style:solid;border-color:var(--stroke-soft);background:transparent;padding:2px}.slot.is-hold{border-color:var(--gold);box-shadow:0 0 0 2px #f0c14b73}.card-strip-page .slot.is-hold{box-shadow:none}.card-strip-page .slot.is-hold .card,.card-strip-page .slot.is-hold .slot-face{border-color:var(--gold);box-shadow:0 0 0 2px #f0c14b73}.atbat-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(140px,.36fr) minmax(0,1fr) minmax(140px,.36fr);gap:8px;align-items:stretch}.bat-order{min-width:0;min-height:0;display:flex;flex-direction:column;padding:4px 3px 3px;border:2px solid var(--stroke-soft);border-radius:12px;background:#00000038}.bat-order.is-batting{border-color:var(--gold);box-shadow:0 0 0 1px #f0c14b47}.bat-order-head{margin:0 0 2px;text-align:center;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--muted)}.bat-order.is-batting .bat-order-head{color:var(--amber)}.bat-order-list{list-style:none;margin:0;padding:0;flex:1;min-height:0;display:grid;grid-template-rows:repeat(9,minmax(0,1fr));gap:1px}.bat-order-row{display:grid;grid-template-columns:2.4em minmax(0,1fr) 24px;gap:3px;align-items:center;min-height:0;padding:0 4px;border-radius:6px;font-size:12px}.bat-order-row.is-up{background:#f0c14b38;color:var(--amber);font-weight:800;box-shadow:inset 0 0 0 1px #f0c14b59}.bat-pos{color:var(--gold);font-weight:800;font-size:11px;letter-spacing:0}.bat-order-row.is-up .bat-pos{color:var(--amber)}.bat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bat-rt{font-family:Chakra Petch,sans-serif;font-size:10px;color:var(--muted-dim);text-align:right}.bat-order-row.is-up .bat-rt{color:var(--amber)}.dock-atbat{grid-template-columns:1fr 1fr;max-width:360px;width:100%;margin:6px auto 0}.duel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1fr);gap:8px;align-items:center;justify-self:stretch;width:100%;max-width:none;height:100%;margin:0;min-height:0}.duel-side{display:flex;justify-content:center;align-items:center;min-width:0;min-height:0}.duel-side .card{width:100%;height:auto;max-width:min(100%,46vh);max-height:100%;aspect-ratio:5 / 7;cursor:default}.duel-side .card:has(.card-photo--flip){cursor:pointer}.duel-mid{text-align:center;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.diamond{flex:1 1 auto;width:100%;max-width:min(100%,34vh);max-height:min(34vh,100%);height:auto;aspect-ratio:1;margin:2px 0 0}.diamond svg{width:100%;height:100%;display:block;overflow:visible}.diamond-grass{fill:#2a185059;stroke:#9ca3af;stroke-width:2.2}.diamond-dirt{fill:#6b4a2a;stroke:#c4a06a;stroke-width:1}.diamond-mound{fill:#8a6238}.bag{fill:#efe3c4;stroke:#c8b48a;stroke-width:1}.bag.is-on{fill:var(--stamp);stroke:#fecaca;filter:drop-shadow(0 0 3px rgba(226,59,44,.85))}.bag.is-arrive{animation:bag-arrive .55s ease}.dash-runner{fill:#fffdf6;stroke:var(--gold);stroke-width:1.2;filter:drop-shadow(0 0 2px rgba(255,196,77,.95))}.dash-runner--walk{fill:#eef7ff;stroke:#7ec8ff;filter:drop-shadow(0 0 2px rgba(126,200,255,.95))}.hit-ball{fill:#fff6d0;stroke:var(--gold);stroke-width:.8;transform-box:fill-box;transform-origin:center}.hit-ball.is-fly{animation:hit-fly .42s ease-out forwards}.home-plate{fill:#f7f3ea;stroke:#c8b48a;stroke-width:1}.vs{display:none}@keyframes bag-arrive{0%{fill:#fff8d0;stroke:#fff}to{fill:var(--amber);stroke:var(--gold)}}@keyframes hit-fly{0%{transform:translate(0) scale(1);opacity:1}70%{opacity:1}to{transform:translate(22px,-26px) scale(.55);opacity:0}}.atbat-hint{text-align:center;font-size:13px;color:var(--muted);min-height:2.4em}.result-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:8px 18px;align-items:center;overflow:hidden}.result-board{min-width:0;min-height:0;overflow-y:auto}.recap{margin:8px 0 0;display:grid;gap:4px}.recap-row{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:baseline;padding:3px 6px;border-radius:8px;background:#00000038}.recap-row dt{margin:0;color:var(--amber);font-size:12px;font-weight:800}.recap-row dd{margin:0;font-size:13px;font-weight:700}.growth-line{margin:8px 0 0;padding:6px 8px;border:2px solid var(--gold);border-radius:10px;background:#f0c14b1f;color:var(--amber);font-size:13px;font-weight:800}.final-score{font-family:Chakra Petch,sans-serif;font-size:36px;text-align:center;color:var(--amber);margin:0 0 8px}.mvp{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;min-width:0;min-height:0;overflow:hidden;gap:4px}.mvp-card{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.mvp-kicker{margin:0;font-family:Chakra Petch,sans-serif;letter-spacing:.16em;color:var(--amber);font-size:12px;font-weight:700}.mvp-card .card{width:clamp(112px,14vw,136px);height:auto;max-height:none;aspect-ratio:5 / 7;cursor:default;box-shadow:0 0 0 3px var(--gold),0 12px 22px #00000059}.mvp-card .card-year,.mvp-card .card-rating{display:none}.mvp-team{margin:2px 0 0;font-weight:800;font-size:13px;text-align:center}.mvp-why{margin:0;color:var(--amber);font-size:12px;text-align:center}.scorebug-result{padding:6px 10px 8px}.scorebug-result .scorebug-sub{margin-top:2px}.screen[data-screen=result] .dock{flex-shrink:0;grid-template-columns:minmax(160px,240px);justify-content:center;width:100%;margin:8px auto 0}.turn-hint-card{text-align:center;padding:28px 24px;border:3px solid var(--stroke);border-radius:20px;background:var(--panel);box-shadow:0 0 0 3px #f0c14b59}.turn-hint-title{margin:12px 0 0;font-size:24px;font-weight:800}.turn-hint-sub{margin:8px 0 0;color:var(--muted);font-size:14px}.turn-phone{display:block;width:54px;height:88px;margin:0 auto;border:4px solid var(--amber);border-radius:10px;animation:turn-phone 1.6s ease-in-out infinite}@keyframes turn-phone{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media(orientation:portrait)and (max-width:640px){.yard-label,.yard-foot,.phone{display:none!important}.turn-hint{display:grid;place-items:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;padding:24px;background:radial-gradient(ellipse at 50% 20%,var(--glow) 0%,transparent 55%),var(--field-deep)}}@media(orientation:landscape)and (max-height:520px){.yard{padding:0;gap:0}.yard-label,.yard-foot{display:none}.phone{width:100vw;height:100vh;height:100dvh;max-height:none;aspect-ratio:auto;border-radius:0;border-width:0;box-shadow:none}.notch{display:none}.screen{padding:6px 12px 8px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom))}.scorebug{padding:4px 8px 5px}.scorebug-kicker{display:none}.screen[data-screen=draw][data-draw-page="1"] .scorebug-kicker,.screen[data-screen=draw][data-draw-page="2"] .scorebug-kicker{display:block;font-size:13px}.screen[data-screen=draw][data-draw-page="1"] .scorebug-compact,.screen[data-screen=draw][data-draw-page="2"] .scorebug-compact{padding:2px 8px}.scorebug h1{font-size:15px;margin:0}.select-brand{gap:3px}.select-brand-en{font-size:9px;letter-spacing:.1em;padding:2px 6px 1px}.screen[data-screen=select] .select-brand-en{font-size:10.8px}.screen[data-screen=select] .scorebug{padding:10px 44px 8px 12px}.account-chip{top:6px;right:8px;font-size:11px;padding:2px 6px 2px 2px}.account-face{width:22px;height:22px}.mode-tabs{margin-top:4px;gap:4px}.mode-tab{padding:2px 8px;font-size:11px}.custom-studio{margin:4px 0 2px;padding:6px;gap:8px}.custom-photo{width:52px;height:72px}.custom-photo-hint{font-size:10px}.custom-name-label{font-size:12px}.custom-name-label input{padding:3px 6px;font-size:13px}.custom-pos-btn{padding:2px 6px;font-size:11px}.career-line{margin:3px 0 0;font-size:11px}.player-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin:6px 0;gap:6px}.player-tile{border-width:2px;padding:3px}.player-tile b{font-size:11px}.player-tile span{font-size:10px}.login-sheet-card{padding:10px 12px}.scorebug-sub{font-size:11px;margin:1px 0 0}.scorebug-compact{padding:3px 8px 4px}.scorebug-compact h1{font-size:14px}.scorebug-live{padding:4px 6px 5px}.match-head{padding:2px 4px}.match-score-num{font-size:22px}.match-team .team-mark{width:28px;height:28px}.match-team b{font-size:11px}.live-pill{font-size:10px}.match-more{margin-top:3px;padding:2px 6px;font-size:11px}.inning-badge{font-size:12px;padding:1px 8px 2px}.back-btn{width:28px;height:28px;margin-top:2px}.team-grid{margin:6px 0;gap:6px}.team-tile{min-height:48px;padding:4px;gap:3px;border-width:2px}.team-mark{width:32px;height:32px;font-size:12px}.team-tile b{font-size:12px}.team-tile.wide{min-height:36px}.btn{padding:6px 8px;border-width:2px;font-size:13px}.dock{margin-top:4px;gap:6px}.dock-draw .btn{font-size:12px;padding:5px 4px}.dock-col{min-width:96px}.dock-atbat{max-width:280px;margin-top:4px}.need-line{margin:2px 0 0;font-size:11px}.assign-hint{display:none}.draw-pager{gap:4px;margin-top:2px}.draw-tab{font-size:12px;padding:4px 2px;border-width:2px}.fan{overflow:hidden;padding:2px 6px}.fan--three{gap:14px}.fan--five{gap:10px}.fan--three .card,.fan--five .card{width:auto;height:100%;max-height:100%;margin:0}.fan--three .card{max-width:calc((100% - 28px) / 3)}.fan--five .card{max-width:calc((100% - 40px)/5)}.fan--one{overflow:hidden;min-height:0}.fan--one .card,.fan--one .card:nth-child(1){width:auto;height:100%;max-width:100%;max-height:100%;margin:0;transform:none}.fan-placeholder{font-size:12px;padding:8px}.block-label{margin:4px 0 3px;font-size:11px}.card-strip-page{gap:10px}.linescore{font-size:11px}.linescore th,.linescore td{padding:1px 0}.linescore th.ls-team{font-size:11px}.linescore thead th{font-size:10px}.linescore-meta{margin-top:2px;font-size:11px}.now-orders{gap:4px 10px}.final-linescore{font-size:11px}.atbat-main{grid-template-columns:minmax(128px,.34fr) minmax(0,1fr) minmax(128px,.34fr);gap:6px}.bat-order{padding:3px 4px;border-radius:8px}.bat-order-head{font-size:12px;margin-bottom:2px}.bat-order-row{font-size:12px;padding:0 3px;grid-template-columns:2.2em minmax(0,1fr) 22px}.bat-rt{font-size:11px}.duel{max-width:none;height:100%;grid-template-columns:minmax(0,1fr) minmax(0,.68fr) minmax(0,1fr);gap:6px}.duel-side .card{width:100%;height:auto;max-width:min(100%,44vh);max-height:100%}.vs{font-size:14px}.duel-mid{min-width:0}.diamond{width:100%;max-width:min(100%,32vh);max-height:min(32vh,100%);height:auto;margin-top:2px}.play-tag{font-size:10px;padding:1px 4px}.atbat-hint{min-height:0;font-size:11px;margin:0}.scorebug-result{padding:3px 8px 4px}.result-split{gap:10px;align-items:center;overflow:hidden}.result-board{overflow-y:auto;min-height:0}.final-score{font-size:24px;margin:0 0 4px}.recap{gap:2px;margin:4px 0 0}.recap-row{padding:2px 4px;grid-template-columns:64px 1fr}.recap-row dt{font-size:11px}.recap-row dd{font-size:12px}.growth-line{margin:6px 0 0;padding:4px 6px;font-size:12px}.mvp{gap:2px}.mvp-card .card{width:min(118px,16vw);height:auto}.mvp-team,.mvp-why{font-size:11px}.screen[data-screen=result] .dock{grid-template-columns:minmax(140px,200px);margin-top:4px}}@media(prefers-reduced-motion:reduce){.fan .card,.turn-phone{transform:none!important}.play-tag--fresh,.bag.is-arrive,.hit-ball.is-fly{animation:none!important}}