:root{font-family:Inter,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#243b35;background:#eef2e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #e5a451;outline-offset:3px}.shell{max-width:1500px;margin:auto;padding:0 38px 35px}.top{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5ded2}.brand{display:flex;align-items:center;gap:12px}.mark{width:42px;height:42px;background:#214b3d;color:#f5eedb;border-radius:13px;display:grid;place-items:center;font-size:23px;box-shadow:0 3px #173a30}.brand b{font-size:19px;letter-spacing:.06em}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:#71887a;margin-top:2px;font-weight:800}.topright{display:flex;align-items:center;gap:18px;font-size:12px;color:#6b8072;font-weight:700}.pill{background:#dce8d7;color:#3b6c4e;border-radius:30px;padding:9px 14px}.heading{display:flex;justify-content:space-between;align-items:end;margin:27px 0 19px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#84978a;font-weight:800}.heading h1{font-size:25px;margin:6px 0 0;letter-spacing:.04em}.heading p{margin:0;color:#809285;font-size:12px}.layout{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:18px}.stage{background:#fbfcf7;border:1px solid #dce5d9;border-radius:23px;padding:16px;box-shadow:0 9px 24px #384e3510}.scoreboard{min-height:98px;border-radius:15px;background:#173d33;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:12px;align-items:center;padding:12px 25px;position:relative;overflow:hidden}.scoreboard:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff0e;border-radius:50%;right:-60px;top:-150px;box-shadow:0 0 0 30px #ffffff05,0 0 0 65px #ffffff05}.team{display:flex;align-items:center;gap:12px}.team.home{justify-content:flex-end;text-align:right}.crest{flex-shrink:0;height:49px;width:49px;display:grid;place-items:center;border-radius:15px;font-size:20px;font-weight:900;background:#f0b75e;color:#4c3b25;box-shadow:inset 0 0 0 3px #ffffff42}.home .crest{background:#dc7668;color:#fff}.team>div:not(.crest){min-width:0}.team b{display:block;font-size:22px;line-height:1.3;overflow-wrap:anywhere}.team small{display:block;font-size:11px;letter-spacing:.12em;color:#b6c8b9;margin-top:5px}.score{display:flex;align-items:center;gap:18px;font-size:44px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.score .inning{text-align:center;font-size:13px;color:#a7beb0;letter-spacing:.06em;line-height:1.7;font-weight:700}.inning strong{display:block;color:#f2d28b;font-size:18px}.scene{margin:12px 0 0;border-radius:15px;overflow:hidden;background:#d6e4cf;position:relative}.scene svg{width:100%;display:block}.scene-label{position:absolute;top:16px;left:18px;font-size:10px;color:#365d4c;font-weight:800;letter-spacing:.13em}.scene-label span{display:block;color:#718b79;letter-spacing:.03em;font-weight:500;margin-top:4px}.event{position:absolute;bottom:18px;left:20px;background:#fcfff4ef;padding:10px 16px;border-radius:12px;box-shadow:0 6px 20px #304d3125;font-size:12px;font-weight:800}.event span{color:#739078;display:block;font-size:10px;margin-bottom:4px;font-weight:600}.controls{display:flex;align-items:center;gap:12px;padding:16px 3px 2px;flex-wrap:wrap}.play{border:0;background:#e2a34d;color:#233c30;border-radius:11px;padding:12px 19px;font-weight:800;box-shadow:0 3px #bd8135}.seg{display:flex;background:#edf2e9;border-radius:10px;padding:4px;gap:3px}.seg button{border:0;color:#788d7c;background:transparent;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:800}.seg button.active{background:#fff;color:#2f6145;box-shadow:0 2px 7px #314a3015}.control-label{font-size:11px;color:#839487;font-weight:700}.right-controls{margin-left:auto;display:flex;gap:8px}.ghost{border:1px solid #dce5da;background:#fff;color:#607569;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:700}.sidebar{display:flex;flex-direction:column;gap:14px}.card{background:#fbfcf7;border:1px solid #dce5d9;border-radius:20px;padding:19px;box-shadow:0 7px 20px #384e350a}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-title h2{font-size:14px;margin:0}.card-title small{font-size:10px;color:#91a195;letter-spacing:.08em}.situation{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px;align-items:center}.count{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;font-size:14px;color:#839687;font-weight:800}.dots{display:flex;gap:7px}.dot{flex-shrink:0;width:15px;height:15px;border-radius:50%;background:#e2e9de}.dot.on{background:#e2ac58}.dot.red{background:#d97f71}.diamond{width:84px;height:84px;position:relative;margin:auto}.base{position:absolute;width:20px;height:20px;transform:rotate(45deg);background:#e5ece1;border:2px solid white;border-radius:2px}.base.on{background:#e5ab55}.base.a{left:32px;top:0}.base.b{right:0;top:32px}.base.c{left:32px;bottom:0;transform:none;border:0;border-radius:0;background:#fff;clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}.base.c:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#e5ece1;clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}.base.d{left:0;top:32px}.divider{height:1px;background:#edf1e9;margin:17px 0}.matchup{display:flex;justify-content:space-between;gap:12px}.player{display:flex;align-items:center;gap:9px}.avatar{width:37px;height:37px;background:#e6efe1;border-radius:12px;display:grid;place-items:center;color:#4b805b;font-weight:900}.avatar.coral{background:#f6e5dc;color:#c36e5f}.player b{font-size:12px;display:block}.player small{font-size:10px;color:#8a9d8e}.vs{font-size:10px;color:#b4c2b2;align-self:center;font-weight:800}.log{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-top:1px solid #edf1e9}.log:first-of-type{border-top:0;padding-top:0}.log i{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#eaf1e5;color:#64846b;font-style:normal;font-size:11px;font-weight:800;flex:none}.log b{font-size:12px;display:block}.log small{font-size:10px;color:#92a193;display:block;margin-top:4px;line-height:1.5}.link{border:0;background:none;color:#538160;padding:6px 0 0;font-size:11px;font-weight:800}.bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:17px;padding:0 4px;color:#98a89a;font-size:11px}.note{color:#718876}.mobile-note{display:none}@media (max-width:1000px){.shell{padding:0 20px 28px}.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr}.heading p{display:none}}@media (max-width:600px){.shell{padding:0 12px 24px}.top{height:72px}.brand b{font-size:16px}.topright .edition{display:none}.heading{margin:22px 3px 14px}.heading h1{font-size:21px}.stage{padding:9px;border-radius:17px}.scoreboard{padding:12px 8px;min-height:100px;column-gap:8px}.crest{width:35px;height:35px;border-radius:10px;font-size:15px}.team{gap:4px;flex-direction:column;text-align:center}.team.home{flex-direction:column-reverse;text-align:center}.team b{font-size:14px}.team small{font-size:8px}.score{font-size:30px;gap:6px}.score .inning{font-size:10px}.inning strong{font-size:14px}.scene-label{top:10px;left:10px;font-size:8px}.scene-label span{display:none}.event{bottom:8px;left:8px;font-size:10px;padding:7px 10px}.event span{font-size:9px}.controls{gap:8px}.play{padding:11px 13px}.control-label{display:none}.right-controls{margin-left:0}.sidebar{grid-template-columns:1fr}.bottom{align-items:flex-start;flex-direction:column}.mobile-note{display:block}}@media (max-width: 600px){.shell{padding-left:8px;padding-right:8px}.stage{padding:6px}.scene svg{width:120%;max-width:none;margin-left:-10%}.controls{gap:4px;padding:8px 1px 2px}.play{min-height:34px;padding:5px 8px;font-size:11px;white-space:nowrap}.seg{padding:2px;gap:0}.seg button{min-width:34px;min-height:34px;padding:4px;font-size:10px}.right-controls{gap:4px}.ghost{min-height:34px;padding:5px 7px;font-size:10px;white-space:nowrap}}.logo-mark{display:block;object-fit:contain;background:transparent;box-shadow:none;border-radius:0}.stage,.sidebar,.team,.player,.player>div{min-width:0}.scoreboard>*{position:relative;z-index:1}.field{width:100%;aspect-ratio:900/530}.field canvas{display:block;width:100%;height:auto}.scene .event{max-width:80%;line-height:1.5;overflow-wrap:anywhere}.scene-label{pointer-events:none}.empty{font-size:12px;color:#718876;line-height:1.8;margin:0 0 10px}.roster-link{margin-top:14px}.player b,.log small{overflow-wrap:anywhere}.viewer-dialog{width:min(980px,calc(100% - 32px));max-height:85dvh;padding:0;background:#fbfcf7;color:#243b35;border:1px solid #dce5d9;border-radius:20px;box-shadow:0 24px 80px #173d3340}.viewer-dialog::backdrop{background:#173d3380}.dialog-content{padding:24px}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:-1px;background:#fbfcf7;z-index:2;padding:0 0 14px;border-bottom:1px solid #dce5d9}.dialog-header h2{font-size:19px;margin:0}.dialog-note{font-size:12px;color:#607569;line-height:1.7}.rosters{display:grid;gap:22px}.rosters h3{font-size:15px}.roster-scroll{overflow:auto;border:1px solid #dce5d9;border-radius:12px}table{width:100%;min-width:740px;border-collapse:collapse;white-space:nowrap;font-size:12px}th,td{padding:10px 9px;text-align:center;border-bottom:1px solid #e7eee2}th{background:#edf2e9;color:#426449;font-weight:800}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f0f5eb}.all-logs .log{padding:13px 0}.final-result{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.final-result h2{font-size:20px;margin:6px 0}.final-result p{font-size:13px;color:#607569}button:disabled{opacity:.55;cursor:default}button:hover:not(:disabled){filter:brightness(.96)}.link:hover{text-decoration:underline}button:active:not(:disabled){filter:brightness(.9)}.roster-scroll:focus-visible{outline:3px solid #e5a451;outline-offset:3px}@media (max-width:1000px){.sidebar .card:last-child{grid-column:1/-1}}@media (max-width:600px){.field{width:120%;max-width:none;margin-left:-10%;aspect-ratio:900/530}.scene .event{bottom:8px;left:8px;max-width:90%}.topright{display:none}.score{gap:6px}.dialog-content{padding:16px}.viewer-dialog{width:calc(100% - 16px);max-height:90dvh}.final-result{align-items:flex-start;flex-direction:column}.bottom{line-height:1.7}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}@media (max-width:360px){.scoreboard{padding:10px 6px;column-gap:4px}.scoreboard .team b{font-size:13px}.scoreboard .score{font-size:28px;gap:4px}.scoreboard .crest{width:30px;height:30px}.scoreboard .team small{font-size:7px;letter-spacing:.04em}}.field{position:relative;container-type:inline-size}.field-canvas{width:100%;height:100%}.stadium-score{position:absolute;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;gap:clamp(3px,.6cqw,7px);color:#fff3cc;font-family:Arial,Microsoft JhengHei,sans-serif;font-size:clamp(9px,1.55cqw,18px);font-weight:700;line-height:1.2;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}.stadium-score span:nth-child(2){font-size:.9em}@media (max-width:360px){.score .inning{font-size:9px}.inning strong{font-size:13px}}.viewer-dialog .dialog-header h2{font-size:18px}.viewer-dialog .dialog-note,.viewer-dialog .empty{font-size:12px}.viewer-dialog .dialog-header .ghost{font-size:13px}.viewer-dialog .log{gap:14px;padding:16px 0}.viewer-dialog .log b{font-size:14px;line-height:1.5}.viewer-dialog .log small{font-size:12px;line-height:1.7;color:#607569}.viewer-dialog .log i{width:28px;height:28px;font-size:12px}.viewer-dialog .log>div{min-width:0}.viewer-dialog .rosters h3{font-size:20px}.viewer-dialog table{font-size:16px;min-width:940px}.viewer-dialog th,.viewer-dialog td{padding:12px 11px;line-height:1.5}.innings-scroll{overflow:auto;margin-top:10px;border:1px solid #dce5d9;border-radius:12px;isolation:isolate}.innings-table{min-width:560px;font-size:14px;table-layout:fixed}.innings-table th,.innings-table td{padding:8px 6px;min-width:36px;background:#fbfcf7}.innings-table thead th{background:#edf2e9}.innings-table th:first-child{position:sticky;left:0;width:120px;white-space:normal;overflow-wrap:anywhere;z-index:1;background:#edf2e9}.innings-table th:last-child,.innings-table td:last-child{position:sticky;right:0;width:52px;background:#e7eee2;font-weight:800;z-index:1}.innings-table td.current-inning{background:#f6dfaa;color:#624917;font-weight:800;box-shadow:inset 0 -3px #dba54d}.innings-scroll:focus-visible{outline:3px solid #e5a451;outline-offset:3px}@media (max-width:600px){.innings-scroll{scrollbar-width:none}.innings-scroll::-webkit-scrollbar{display:none;width:0;height:0}}.highlight-banner,.half-transition{position:absolute;z-index:3;pointer-events:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;max-width:86%;left:50%;transform:translate(-50%);border-radius:16px;padding:12px 22px;color:#fff7df;background:#173d33ed;box-shadow:0 8px 24px #173d3333}.highlight-banner{top:14%;border:1px solid #e8ba68}.highlight-banner strong{font-size:clamp(20px,3vw,32px);line-height:1.2}.highlight-banner small,.half-transition small{font-size:12px;letter-spacing:.12em;color:#f2d28b}.highlight-banner span,.half-transition span{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.highlight-banner.homer{background:#735122f2}.highlight-banner.walkoff{background:#824b37f2}.highlight-banner.defense{background:#214d49f2}.half-transition{top:38%;min-width:230px;background:#173d33f2;border:1px solid #e8d9b0;padding:18px 24px}.half-transition strong{font-size:clamp(24px,3vw,36px);color:#fff7df}@media (max-width:600px){.highlight-banner{padding:10px 14px;top:12%;width:max-content;max-width:86%}.highlight-banner span,.half-transition span{font-size:12px}.half-transition{top:30%;padding:12px 16px;min-width:210px}.highlight-banner small,.half-transition small{font-size:10px}}.viewer-dialog{overflow:hidden}.viewer-dialog .dialog-content{display:flex;flex-direction:column;max-height:calc(85dvh - 2px);min-width:0;overflow:hidden}.viewer-dialog .dialog-header{position:static;flex:none;min-width:0}.viewer-dialog .dialog-body{min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:8px;padding-bottom:8px;scrollbar-gutter:stable}.viewer-dialog .rosters{grid-template-columns:minmax(0,1fr)}.viewer-dialog .rosters>section{min-width:0}.dialog-body:focus-visible{outline:2px solid #e5a451;outline-offset:-2px;border-radius:4px}@media (max-width:600px){.viewer-dialog .dialog-content{max-height:calc(90dvh - 2px)}}.viewer-dialog .roster-scroll{overflow:hidden}.viewer-dialog .roster-scroll table{min-width:0;width:100%;table-layout:fixed;white-space:normal}.viewer-dialog .roster-scroll th,.viewer-dialog .roster-scroll td{padding:12px 4px;overflow-wrap:anywhere}.viewer-dialog .roster-scroll th:nth-child(1),.viewer-dialog .roster-scroll th:nth-child(2){width:6%}.viewer-dialog .roster-scroll th:nth-child(3){width:13%}.viewer-dialog .roster-scroll th:nth-child(4){width:12%}.viewer-dialog .roster-scroll th:nth-child(5){width:9%}@media (max-width:700px){.viewer-dialog .roster-scroll{border:0}.viewer-dialog .roster-scroll table,.viewer-dialog .roster-scroll tbody{display:block}.viewer-dialog .roster-scroll thead{display:none}.viewer-dialog .roster-scroll tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;margin-bottom:14px;padding:10px;border:1px solid #dce5d9;border-radius:12px;background:#fff}.viewer-dialog .roster-scroll td{display:block;padding:8px 2px;border:0;font-variant-numeric:tabular-nums}.viewer-dialog .roster-scroll td:before{content:attr(data-label);display:block;font-size:12px;color:#607569;margin-bottom:3px}.viewer-dialog .roster-scroll td:nth-child(3){font-weight:800;color:#243b35}}.stadium-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:clamp(6px,.9cqw,11px);padding-inline:clamp(6px,1cqw,12px);text-align:center}.stadium-score{font-size:clamp(12px,2cqw,24px)}.stadium-score span:nth-child(2){font-size:.95em}.platform-link{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;border:1px solid #d5ded2;border-radius:12px;background:#fbfcf7;color:#315b43;text-decoration:none;font-size:14px;font-weight:700;line-height:1.4}.platform-link img{display:block;flex:none;object-fit:contain}.platform-link:hover{background:#e6efe0;border-color:#8ba68b}.platform-link:focus-visible{outline:3px solid #e5a451;outline-offset:3px}@media (max-width:600px){.top{gap:8px}.topright{display:flex;flex-shrink:0}.platform-link{padding:5px 7px;gap:5px;font-size:12px}.platform-link img{width:28px;height:28px}.platform-link span{white-space:nowrap}.top .brand{gap:8px}.top .brand .mark{width:34px;height:34px}.top .brand b{letter-spacing:0}}.final-content{min-width:0;width:100%;max-width:640px}.final-result{align-items:flex-start}.summary-table-wrap{overflow-x:auto}.summary-table{min-width:300px;white-space:normal;font-size:13px}.summary-table th:first-child{text-align:left}.final-content h3{font-size:15px;margin:20px 0 8px}.summary-moment{padding:9px 0;border-top:1px solid #edf1e9}.summary-moment b,.summary-moment span{display:block;font-size:13px;line-height:1.6}.summary-moment span{color:#607569}.log-important b,.log-important .important-label{color:#a52f2f}.log-important i{background:#f9e1dd;color:#a52f2f}.edition{text-align:center;line-height:1.5}.edition small{display:block;font-size:11px;font-weight:500;color:#718876}.edition{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.edition small{font-weight:700}.dh-option{display:flex;align-items:center;gap:8px;margin-top:15px;min-height:36px;font-size:13px;font-weight:800;cursor:pointer}.dh-option:has(input:disabled){cursor:default;color:#788d7c}.dh-option input{width:18px;height:18px;accent-color:#426c4d}.dh-note{display:block;color:#607569;font-size:11px;line-height:1.5}.dh-option input:focus-visible{outline:3px solid #e5a451;outline-offset:3px}.roster-matchup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.roster-matchup .player{gap:6px;align-items:flex-start}.roster-matchup .avatar{flex:none}.roster-matchup .player small{display:block;white-space:nowrap}.roster-matchup .player b{line-height:1.4}.log-filter{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;font-weight:700;color:#315b43;cursor:pointer}.log-filter input{width:19px;height:19px;accent-color:#426c4d}.log-filter input:focus-visible{outline:3px solid #e5a451;outline-offset:3px}.roster-workshop-dialog{--workshop-height:min(820px,88dvh);width:min(760px,calc(100% - 32px));max-height:var(--workshop-height);font-size:14px}.roster-workshop-dialog .dialog-content{padding:0;height:calc(var(--workshop-height) - 2px);max-height:calc(var(--workshop-height) - 2px)}.workshop-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #dce5d9;flex:none}.workshop-header small{font-size:11px;color:#718876}.workshop-header h2{font-size:18px;line-height:1.4;margin:3px 0 0;overflow-wrap:anywhere}.workshop-header h2:focus{outline:none}.workshop-header .ghost{font-size:13px;padding:8px 12px;flex:none}.viewer-dialog .workshop{padding:16px 22px;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;flex:1;scrollbar-gutter:stable;color:#294439;font-size:14px;line-height:1.5}.workshop *{box-sizing:border-box}.workshop fieldset{min-width:0;margin:0;border:1px solid #dce5d9;border-radius:10px;padding:14px}.workshop legend{font-size:12px;padding:0 5px;color:#607569}.workshop label{display:flex;flex-direction:column;gap:5px;font-size:12px;min-width:0}.workshop input,.workshop select{width:100%;min-width:0;max-width:100%;font:inherit;font-size:14px;padding:8px 10px;border:1px solid #b9c9b5;border-radius:6px;background:#fff;color:#294439;min-height:38px}.workshop button,.workshop-footer button,.unsaved-prompt button{font:inherit;font-size:13px;padding:8px 12px;border:1px solid #cdd8c8;border-radius:7px;color:#294439;background:#fff;cursor:pointer;min-height:38px;line-height:1.4;max-width:100%;overflow-wrap:anywhere}.workshop button:disabled,.workshop-footer button:disabled{opacity:.5;cursor:default}.workshop-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.workshop-team-tabs{display:flex;gap:6px}.workshop-team-tabs button{min-width:68px}.workshop-team-tabs button[aria-pressed=true]{background:#e3eedb;border-color:#98b28e;font-weight:700}.workshop .workshop-opponent{display:flex;align-items:center;flex-direction:row;gap:7px;min-height:38px;color:#607569}.workshop-opponent input{width:15px;min-height:15px;accent-color:#426c4d}.workshop-nav{display:flex;gap:18px;border-bottom:1px solid #dce5d9;margin-top:12px}.workshop-nav button{border:0;border-radius:0;border-bottom:2px solid transparent;padding:10px 0;background:transparent;color:#718876}.workshop-nav button[aria-current=page]{color:#294439;border-bottom-color:#426c4d;font-weight:700}.workshop-nav span{font-size:11px;background:#e9eee4;padding:2px 5px;border-radius:4px}.workshop .workshop-hint{font-size:12px;color:#718876;line-height:1.6;margin:12px 0}.team-name-field label{max-width:380px}.team-name-row{display:flex;align-items:flex-end;gap:10px}.team-name-row label{flex:1}.team-name-row>button{flex:none;white-space:nowrap}.roster-load-team{margin-top:14px;padding-top:14px;border-top:1px solid #dce5d9}.roster-overview{border:1px solid #dce5d9;border-radius:10px;overflow:clip}.workshop .roster-row{width:100%;border:0;border-radius:0;border-bottom:1px solid #e5ebdf;display:grid;grid-template-columns:28px minmax(0,1fr) 50px 44px;align-items:center;gap:10px;text-align:left;padding:10px 12px;background:#fff;min-height:58px}.workshop .roster-row:last-child{border-bottom:0}.workshop .roster-row:hover{background:#f0f5eb}.roster-order{font-size:12px;color:#718876;text-align:center}.roster-identity{min-width:0}.roster-identity strong{font-size:14px;display:block;overflow-wrap:anywhere;font-weight:600}.roster-identity small{font-size:11px;display:block;color:#718876;margin-top:2px}.roster-type{font-size:11px;color:#607569;background:#edf2e9;padding:3px 5px;border-radius:4px;text-align:center}.roster-enter{font-size:12px;color:#426c4d;text-align:right}.editor-players{display:block;min-width:0}.editor-player{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding:2px;min-width:0}.editor-player>*{min-width:0}.editor-player>strong{display:none}.editor-player>p,.editor-player>small{grid-column:1/-1}.editor-player>small{font-size:12px;color:#8b6424}.single-player-field{margin-top:12px!important}.ability-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px 0 0;padding:12px;border-radius:8px;background:#edf2e9;font-size:12px;line-height:1.5}.ability-values span{white-space:nowrap}.workshop-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 0}.workshop .workshop-back{display:inline-flex;align-items:center;min-height:44px;margin:4px 0;padding:10px 16px;border:1px solid #91ad86;border-radius:8px;background:#e3eedb;color:#294f34;font-size:14px;font-weight:700;box-shadow:0 1px 2px #294f3410}.storage-sections{display:grid;gap:14px}.storage-panel{border:1px solid #dce5d9;border-radius:10px;padding:16px;background:#fff}.storage-panel h3{font-size:14px;margin:0 0 8px}.storage-panel p{font-size:13px;margin:8px 0}.storage-panel .workshop-danger{color:#a12e2e}.workshop-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #dce5d9;padding:12px 22px;background:#f6f8f1;flex:none}.workshop-footer>span{font-size:11px;color:#718876}.workshop-footer>div{display:flex;gap:8px}.workshop-footer .workshop-primary{background:#426c4d;color:#fff;border-color:#426c4d}.workshop-feedback:empty{display:none}.workshop-feedback{font-size:12px;color:#426c4d;margin:12px 0 0}.workshop-error{font-size:12px;color:#a12e2e;border-left:3px solid #c65d51;padding:8px 10px;background:#fcf0ec;line-height:1.6}.unsaved-prompt{max-width:min(500px,calc(100% - 32px));padding:24px;border:0;border-radius:12px;font-size:14px}.unsaved-prompt button{margin:4px}.unsaved-prompt::backdrop{background:#173d3380}.unsaved-prompt [role=alert]{color:#a12e2e}.workshop button:focus-visible,.workshop input:focus-visible,.workshop select:focus-visible,.workshop-footer button:focus-visible{outline:3px solid #ba881c;outline-offset:2px}@media (max-width:600px){.roster-workshop-dialog{--workshop-height:92dvh;width:calc(100% - 16px)}.roster-workshop-dialog .dialog-content{max-height:calc(var(--workshop-height) - 2px);height:calc(var(--workshop-height) - 2px)}.workshop-header{padding:14px 16px}.workshop-header h2{font-size:16px}.viewer-dialog .workshop{padding:12px 14px;scrollbar-gutter:auto}.workshop-footer{padding:10px 14px}.editor-player{gap:12px}.ability-values{grid-template-columns:repeat(3,minmax(0,1fr))}.workshop input,.workshop select{font-size:16px}.workshop .roster-row{gap:8px;grid-template-columns:22px minmax(0,1fr) 42px}.roster-type{display:none}.workshop-footer button,.workshop-header .ghost,.workshop button{min-height:42px}}@media (max-width:360px){.editor-player{grid-template-columns:minmax(0,1fr)}.ability-values{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-footer>span{width:100%}}@media (max-width:600px){.viewer-dialog .dialog-header h2{font-size:16px}}.ability-profile{grid-column:1/-1;margin:4px 0 0;padding:14px;border:1px solid #dce5d9;border-radius:10px;background:#f1f5ec;min-width:0}.ability-profile figcaption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px}.ability-profile figcaption span{font-size:11px;color:#718876}.ability-profile-content{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(140px,1fr);align-items:center;gap:16px;min-width:0}.ability-radar{display:block;width:100%;max-width:340px;height:auto;margin:auto;overflow:visible}.radar-grid{fill:none;stroke:#cddac5;stroke-width:1}.radar-axis{stroke:#d6e0d0;stroke-width:1}.radar-area{fill:#81ae6b;fill-opacity:.28;stroke:#426c4d;stroke-width:2;stroke-linejoin:round}.radar-point{fill:#426c4d;stroke:#f1f5ec;stroke-width:1}.radar-label{font-size:12px;fill:#294439;font-weight:600}.radar-tick{font-size:8px;fill:#718876;paint-order:stroke;stroke:#f1f5ec;stroke-width:2px;stroke-linejoin:round}.radar-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:0;padding:0;min-width:0}.radar-values>div{display:flex;justify-content:space-between;gap:6px;padding:7px 0;border-bottom:1px solid #dce5d9;font-size:12px;min-width:0}.radar-values dt{color:#607569}.radar-values dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;color:#294439}@media (max-width:600px){.ability-profile-content{grid-template-columns:minmax(0,1fr);gap:0}.ability-radar{max-width:300px}.radar-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 14px}.ability-profile{padding:12px}}@media (max-width:360px){.radar-values{grid-template-columns:repeat(2,minmax(0,1fr))}}.ability-overview-dialog{width:min(980px,calc(100% - 32px))}.ability-overview-dialog .workshop-nav{margin-top:0}.ability-team{margin:18px 0 24px;min-width:0}.ability-team h3{display:flex;align-items:center;gap:8px;font-size:14px;margin:0 0 10px;overflow-wrap:anywhere}.ability-team h3 small{font-size:11px;color:#718876;font-weight:400;margin-left:auto;white-space:nowrap}.ability-team-dot{width:9px;height:9px;border-radius:50%;flex:none}.ability-table-scroll{overflow-x:auto;border:1px solid #dce5d9;border-radius:10px;max-width:100%;isolation:isolate}.ability-table-scroll:focus-visible{outline:2px solid #ba881c;outline-offset:2px}.viewer-dialog .ability-table{width:100%;min-width:800px;font-size:12px;white-space:nowrap;table-layout:auto}.viewer-dialog .ability-table th,.viewer-dialog .ability-table td{padding:9px 8px;line-height:1.4}.ability-table thead th{font-size:11px;font-weight:600}.ability-table tbody th{font-weight:600;background:#fbfcf7;text-align:left}.ability-table tr>:first-child{position:sticky;left:0;z-index:1;border-right:1px solid #dce5d9;min-width:135px}.ability-table thead tr>:first-child{background:#edf2e9}.ability-table tbody th span{color:#718876;font-size:11px;font-weight:400}.ability-table tbody tr:hover th{background:#f0f5eb}.ability-table .ability-number{font-variant-numeric:tabular-nums;font-weight:600;color:#294439}@media (max-width:600px){.ability-overview-dialog{width:calc(100% - 16px)}.viewer-dialog .ability-table th,.viewer-dialog .ability-table td{padding:9px 7px}.ability-table tr>:first-child{min-width:120px}}.ability-types{white-space:nowrap}.ability-type-badge{display:inline-block;min-width:42px;padding:3px 7px;border-radius:4px;background:#edf2e9;color:#607569;font-size:11px;line-height:1.4;text-align:center}.ability-type-badge+.ability-type-badge{margin-left:5px}.pitching-type-badge{background:#e7eef3;color:#496577}.field-countboard{position:absolute;right:18px;bottom:18px;width:106px;padding:11px 13px;display:grid;gap:8px;border:1px solid #ffffff80;border-radius:12px;background:#173d33ed;box-shadow:0 4px 14px #173d3320;pointer-events:none}.field-count-row{display:flex;align-items:center;gap:12px;min-height:12px}.field-count-row b{font-size:11px;line-height:1;color:#e9f0df;width:9px}.field-count-row>span{display:flex;gap:5px}.field-count-row i{display:block;width:9px;height:9px;border-radius:50%;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff16}.count-b i.lit{background:#a8d47b}.count-s i.lit{background:#f3c96b}.count-o i.lit{background:#ef8c7e}.scene .event{max-width:calc(100% - 150px)}.situation .situation-countboard{position:static;justify-self:start;width:auto;padding:0;gap:12px;border:0;background:none;box-shadow:none}.situation-countboard .field-count-row{gap:14px;min-height:20px}.situation-countboard .field-count-row b{width:14px;font-size:14px;color:#839687}.situation-countboard .field-count-row>span{gap:7px}.situation-countboard .field-count-row i{width:15px;height:15px}.situation-countboard .field-count-row i:not(.lit){background:#e2e9de;box-shadow:none}@media (max-width:600px){.field-countboard{right:8px;bottom:8px;width:82px;padding:9px 10px;gap:6px;border-radius:9px}.field-count-row{gap:9px;min-height:10px}.field-count-row b{font-size:10px}.field-count-row>span{gap:4px}.field-count-row i{width:7px;height:7px}.scene .event{max-width:calc(100% - 106px)}}
