:root{color-scheme:light;--orange:#ff6339;--blue:#5975f7;--yellow:#ffce3d;--ink:#193f57;--green:#a5fb70;font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;font-weight:650}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#224657;color:var(--ink);overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{cursor:default}[hidden]{display:none!important}
.game-shell{position:relative;isolation:isolate;width:100%;height:100svh;min-height:650px;max-width:520px;margin:auto;overflow:hidden;background:#9de9ef}.topbar{position:absolute;top:max(14px,env(safe-area-inset-top));left:16px;right:16px;z-index:5;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand b{font:italic 1000 22px/1 "Arial Black",Impact,sans-serif;letter-spacing:-1.4px;color:white;-webkit-text-stroke:.5px #214458;text-shadow:0 3px 0 #234c61,1px 0 #234c61,-1px 0 #234c61}.brand b span{color:#ffda53}.brand>.eyebrow{display:none}.header-actions{display:flex;gap:7px;pointer-events:auto}.icon-button{border:2px solid white;border-radius:12px;background:#fff3;backdrop-filter:blur(4px);height:33px;min-width:33px;box-shadow:0 3px 0 #32768d40;color:#254e67;font-size:16px;font-weight:900;padding:0 8px}#sound{font-size:12px}
.scoreboard{position:absolute;top:63px;left:13px;right:13px;z-index:5;display:flex;align-items:center;gap:8px;justify-content:space-between;pointer-events:none}.team{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:#fff;border-radius:15px;border:3px solid #fff;padding:8px 9px;box-shadow:0 5px 0 #378da42e}.team.home{border-bottom-color:var(--orange)}.team.away{border-bottom-color:var(--blue);text-align:right;justify-content:flex-end}.team-name{display:block;font-size:11px;font-weight:950;line-height:1.1;max-width:65px}.team-sub,.team-tag{display:none}.team strong{font:900 30px/1 "Arial Black",sans-serif;color:var(--orange);margin-left:auto;min-width:21px}.away strong{color:var(--blue);margin-left:0;margin-right:auto}.match-info{text-align:center;flex-basis:70px;flex-shrink:0;display:grid;gap:4px;color:#235468;text-shadow:0 1px 0 #fff9}.match-info>span{font-size:11px;font-weight:900;white-space:nowrap}.match-info>span:last-child{font-size:10px;color:#2c6f85}.outs{display:flex;gap:4px;justify-content:center}.outs i{height:7px;width:7px;background:#ffffff70;border:1px solid #32718e4f;border-radius:50%}.outs i.on{background:var(--orange);border-color:#fff}
.play-layout{display:contents}.arena{position:absolute;inset:0;z-index:0;overflow:hidden;background:#9de9ef}#court{width:100%;height:100%;display:block}.arena:after{content:"";position:absolute;left:0;right:0;bottom:0;height:330px;background:linear-gradient(0deg,#1b6c9bce 0,#347eab4c 65%,transparent);pointer-events:none}.court-top{position:absolute;top:132px;left:15px;right:15px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:2;pointer-events:none}.venue{font-size:10px;color:#3e8195;font-weight:850;letter-spacing:.7px}.venue b{display:block;font-size:12px;color:#246880;margin-top:3px;letter-spacing:0}.phase-pill{background:#fff;border:2px solid #fff;box-shadow:0 4px 0 #34778c40;color:#215372;border-radius:20px;padding:7px 12px;font-size:11px;font-weight:900;letter-spacing:.3px}
.base-map{position:absolute;right:18px;bottom:285px;z-index:3;pointer-events:none;filter:drop-shadow(0 2px 1px #20566b55)}.base-title{font-size:11px;font-weight:900;color:#fff;text-shadow:0 1px 2px #215775}.diamond{position:relative;width:51px;height:48px;margin:10px auto 0}.diamond i{position:absolute;width:14px;height:14px;border:2px solid white;background:#328da950;transform:rotate(45deg);border-radius:3px}.diamond i.on{background:var(--yellow);border-color:#fff}#base-2{top:0;left:18px}#base-3{left:0;top:18px}#base-1{right:0;top:18px}.diamond .plate{left:18px;top:36px;width:11px;height:11px;background:#fff}.court-brand{display:none}
.heckle{position:absolute;left:50%;top:31%;transform:translateX(-50%) rotate(-3deg);max-width:84%;background:#fff;color:#23465b;border:3px solid #fff;box-shadow:0 5px 0 #225b7955;padding:10px 14px;border-radius:18px;font-size:14px;font-weight:950;text-align:center;z-index:4;pointer-events:none}.heckle:after{content:"";position:absolute;bottom:-12px;right:23%;border-style:solid;border-width:12px 9px 0;border-color:white transparent transparent}.court-result{position:absolute;left:0;right:0;top:35%;z-index:4;text-align:center;pointer-events:none;animation:pop .22s ease-out}.court-result>span:first-child{display:block;color:#fff;font-size:14px;font-weight:950;letter-spacing:1px;text-shadow:0 2px 0 #25587d}.court-result b{display:block;font:italic 1000 clamp(35px,9vw,58px)/1.05 "Arial Black",Impact,sans-serif;letter-spacing:-2px;color:#ffeb78;-webkit-text-stroke:1px #286179;paint-order:stroke fill;text-shadow:0 5px 0 #295c76;margin:7px 0 10px}.court-result>span:last-child{display:inline-block;border-radius:15px;background:#fff;padding:8px 12px;font-size:12px;color:#234b63;box-shadow:0 3px 0 #28617944}
.control-panel{position:absolute;bottom:max(32px,env(safe-area-inset-bottom));left:16px;right:16px;z-index:5;display:flex;flex-direction:column;gap:10px;pointer-events:none}.control-panel button{pointer-events:auto}.turn-heading{text-align:center;color:white;text-shadow:0 2px 0 #225c80}.turn-heading .eyebrow{display:none}.turn-heading h1{font-size:22px;font-weight:950;margin:0;letter-spacing:-.4px}.turn-heading p{font-size:12px;font-weight:700;margin:4px 0 0;line-height:1.4;color:#fff}.shot-options{display:flex;justify-content:center;gap:8px;align-items:center}.shot{width:65px;height:48px;position:relative;border:3px solid white;border-radius:16px;background:#fff;color:#275470;box-shadow:0 4px 0 #1d6077aa;display:flex;align-items:center;justify-content:center}.shot>span{font:italic 900 23px "Arial Black",sans-serif;letter-spacing:-1px}.shot b,.shot small{display:none}.shot.selected{background:var(--orange);color:white;border-color:#fff;transform:translateY(-3px);box-shadow:0 7px 0 #ab462e}.shot.used{background:#91bdcb;border-color:#afdfec;box-shadow:0 3px 0 #22627d;color:#e0eef1;opacity:.7}.shot.used:after{content:"×";position:absolute;right:2px;top:-4px;font-size:18px;color:#f8fdff}.shot:disabled:not(.used):not(.selected){opacity:.75}
.attack-options{display:flex;gap:8px;justify-content:center}.attack-options button{flex:1;max-width:128px;min-height:49px;display:flex;justify-content:center;align-items:center;background:#fff;border:3px solid white;border-radius:16px;color:#335174;box-shadow:0 4px 0 #225979;font-size:12px;font-weight:900}.attack-options small{display:none}.attack-options button.selected{background:var(--blue);color:white;box-shadow:0 5px 0 #3445a0;transform:translateY(-2px)}.attack-options button:disabled{opacity:.65}
.meter-section{width:100%;max-width:390px;margin:0 auto;pointer-events:none}.meter-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:900;color:white;margin:1px 3px 7px;text-shadow:0 2px 0 #255875}.meter-label span:last-child{padding:2px 8px;background:#23567580;border-radius:8px;font-size:12px}.meter{height:32px;background:linear-gradient(90deg,#f56a52 0%,#ef9362 35%,#ffd565 56%,#ffd565 82%,#f48755 100%);border:3px solid white;border-radius:15px;position:relative;overflow:hidden;box-shadow:0 3px 0 #25587577}.target{position:absolute;top:0;bottom:0;left:61%;width:20%;background:#86ed72;box-shadow:inset 0 0 0 2px #ffffff45}.target:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#36a46455}.needle{position:absolute;top:0;bottom:0;left:4%;width:5px;background:white;box-shadow:0 0 0 2px #2e546f;transform:translateX(-50%);border-radius:1px;z-index:3}.fake-target{position:absolute;left:34%;width:14%;top:0;bottom:0;background:#94df74;border:2px dashed white;opacity:.8}.meter-caption{display:none}
.primary-actions{display:grid;grid-template-columns:70px 1fr 70px;gap:9px;width:100%;pointer-events:auto;align-items:center}.action{border:3px solid #fff;border-radius:20px;min-height:60px;background:linear-gradient(#ffe16a,#ffc534);color:#73501a;font-size:17px;line-height:1.15;font-weight:1000;letter-spacing:.2px;padding:12px;box-shadow:0 6px 0 #c88a22,0 9px 0 #21567440;touch-action:none;user-select:none;-webkit-user-select:none}.primary-actions .action{grid-column:2;grid-row:1}.action:hover:not(:disabled){filter:brightness(1.04)}.action:active:not(:disabled),.action.charging{transform:translateY(4px);box-shadow:0 2px 0 #c88a22,0 5px 0 #21567440}.action:disabled{filter:saturate(.5);opacity:.85}.focus{grid-column:3;grid-row:1;min-height:55px;background:linear-gradient(#b2fc85,#8add70);border:2px solid white;border-radius:17px;color:#327434;box-shadow:0 4px 0 #449b52;font-size:10px;font-weight:950;padding:8px 5px;line-height:1.1}.focus span{display:block;font-size:17px;margin-top:4px}.focus.armed{background:#e8ffb7}.focus:disabled{opacity:.55}.fake-windup{grid-column:1;grid-row:1;min-height:55px;background:linear-gradient(#a5bbff,#869bfa);border:2px solid white;border-radius:17px;box-shadow:0 4px 0 #526cba;color:#32417d;font-size:10px;font-weight:950;line-height:1.4;padding:8px 3px}.fake-windup:disabled{opacity:.55}
.status{min-height:15px;line-height:1.3;font-size:11px;font-weight:650;color:#effaff;text-align:center;text-shadow:0 1px 0 #19526d;pointer-events:none;max-width:95%;margin:auto}.mini-box,.defense-detail{display:none!important}.game-footer{position:absolute;left:16px;right:16px;bottom:10px;display:flex;justify-content:center;align-items:center;z-index:5}.game-footer>span{display:none}.game-footer button{background:none;border:0;color:#e7f8fd;font-size:11px;font-weight:750;padding:3px 8px;text-shadow:0 1px 0 #19526d}.defending .primary-actions{display:block;width:100%}.defending .primary-actions .action{display:block;min-width:220px;margin:auto;background:linear-gradient(#b7bdff,#8ea0fb);color:#344885;box-shadow:0 6px 0 #4b5dae,0 9px 0 #21567440}.defending .primary-actions .action:active{box-shadow:0 2px 0 #4b5dae}.defending .turn-heading h1{color:#f1f3ff}.locked .meter{box-shadow:0 0 0 3px #96ef6f,0 4px 0 #2a6d7055}.danger .meter-label span:last-child{background:#f05042;color:white}.danger .meter{border-color:#ffe2d6}
.end-score{font:900 52px "Arial Black",sans-serif;color:#ff774b;letter-spacing:-3px;margin:16px 0}.end-stats{display:flex;justify-content:space-between;gap:10px;margin:25px 0}.end-stats>div{display:grid;gap:6px}.end-stats b{font-size:25px;color:#224d66}.end-stats span{font-size:12px;color:#7294a8}dialog{background:#fff;color:#214b65;border:4px solid #fff;border-radius:28px;padding:27px 25px 30px;max-width:400px;width:calc(100% - 40px);box-shadow:0 9px 0 #3e7a9266,0 18px 50px #1b526744}dialog::backdrop{background:#27668a70;backdrop-filter:blur(3px)}dialog h2{font:italic 900 34px/1.08 "Arial Black",sans-serif;letter-spacing:-1.7px;margin:12px 0 16px;color:#265e80}dialog p{font-size:15px;color:#65859b;line-height:1.5;margin:12px 0}dialog ol{padding-left:22px;margin:20px 0}dialog li{font-size:14px;line-height:1.5;margin:10px 0;color:#65859b}dialog li b{color:#2a5b76}dialog .small-note{font-size:12px;color:#88a0b0}dialog .action{width:100%;margin-top:10px}.dialog-kicker{font-size:11px;letter-spacing:1px;font-weight:900;color:#ff774b}.intro-short{font-size:15px}.intro-short strong{color:#335d75}.intro-details{margin-top:14px;font-size:12px;color:#8aa1b0}@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
@media(min-width:650px){body{display:grid;place-items:center}.game-shell{height:min(96svh,940px);min-height:700px;margin:2svh auto;border-radius:28px;box-shadow:0 18px 80px #0a283c77}.scoreboard{left:20px;right:20px}.team-name{font-size:12px;max-width:80px}.team strong{font-size:34px}.control-panel{left:25px;right:25px;bottom:40px;gap:12px}.turn-heading h1{font-size:26px}.shot{width:74px;height:53px}.meter{height:36px}.primary-actions{grid-template-columns:80px 1fr 80px}.action{min-height:65px;font-size:19px}.base-map{bottom:325px}.court-top{top:142px}.game-footer{bottom:14px}}
@media(max-height:750px) and (max-width:650px){.game-shell{min-height:620px}.topbar{top:10px}.scoreboard{top:54px}.court-top{top:115px}.control-panel{gap:7px;bottom:27px;left:12px;right:12px}.turn-heading h1{font-size:20px}.turn-heading p{font-size:11px}.shot{height:42px;width:60px;border-radius:14px}.meter{height:28px}.action{min-height:54px;font-size:15px}.focus,.fake-windup{min-height:50px}.status{font-size:10px}.base-map{bottom:260px}dialog{padding:20px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.court-result{animation:none}dialog::backdrop{backdrop-filter:none}.icon-button{backdrop-filter:none}}
.arena:after{background:linear-gradient(0deg,#225f50e8 0,#225f5060 65%,transparent)}
.venue{color:#fff9d6;text-shadow:0 1px 2px #214738}.venue b{color:#fff;text-shadow:0 2px 1px #214738}
.shot[data-shot="1"]{--pad-color:#ffd449;--pad-shadow:#bc962d;--pad-ink:#785719}
.shot[data-shot="2"]{--pad-color:#ef4b5d;--pad-shadow:#a93449;--pad-ink:#fff}
.shot[data-shot="3"],.shot[data-shot="4"]{--pad-color:#7964dc;--pad-shadow:#514498;--pad-ink:#fff}
.shot.selected{background:var(--pad-color);color:var(--pad-ink);box-shadow:0 7px 0 var(--pad-shadow)}
.match-info{color:#fff;text-shadow:0 1px 3px #203c63}.match-info>span:last-child{color:#fff}.outs i{border-color:#fff9;background:#234d6e80}
.spot-pickers{position:absolute;inset:0;z-index:2;pointer-events:none}.spot-picker{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);background:transparent;border:0;border-radius:12px;padding:0;pointer-events:auto;touch-action:manipulation}.spot-picker:hover:not(:disabled){background:#fff2}.spot-picker:focus-visible{outline:3px solid #fff;outline-offset:2px;background:#fff3}.spot-picker:disabled{pointer-events:none}
.secondary-button{display:block;width:100%;min-height:48px;background:#eaf4f7;border:2px solid #d4e5ec;border-radius:16px;color:#325a72;font-size:14px;font-weight:900;padding:10px;margin-top:14px;box-shadow:0 3px 0 #c4d9e3}.secondary-button:disabled{opacity:.6}.text-button{display:block;background:none;border:0;border-radius:10px;min-height:44px;padding:10px 14px;color:#416b81;font-size:13px;font-weight:850;margin:8px auto 0}.room-dialog{text-align:center;max-height:calc(100svh - 30px);overflow:auto}.room-dialog h2{font-size:30px;margin-bottom:22px}.room-dialog label{display:block;text-align:left;font-size:13px;font-weight:900;letter-spacing:.4px;margin:14px 3px 7px}.room-dialog input{width:100%;min-width:0;background:#edf5f8;border:2px solid #cfe2e9;border-radius:14px;padding:12px 14px;font:800 17px system-ui;color:#234e66}.room-dialog input:focus{outline:3px solid #ffdc59;outline-offset:1px}.room-divider{font-size:12px;font-weight:900;letter-spacing:.8px;color:#7d9cae;margin:24px 0 14px}.room-join{display:flex;gap:9px}.room-join input{flex:1;letter-spacing:3px;text-transform:uppercase}.room-join button{width:76px;flex-shrink:0;margin:0}.room-code-label{display:block;font-size:12px;letter-spacing:1.2px;color:#718d9f;font-weight:900}.room-code{display:block;font:900 36px/1.2 ui-monospace,monospace;letter-spacing:5px;color:#215c78;margin:9px 0 0;user-select:all}.room-players{display:flex;gap:10px;margin:22px 0 12px}.room-player{display:grid;gap:10px;flex:1;min-width:0;padding:16px 10px;border-radius:17px;background:#fff4d7;border:2px solid #ffd07a}.room-player.guest{background:#edf0ff;border-color:#b1baf8}.room-player small{font-size:10px;font-weight:900;color:#62758b}.room-player b{font-size:16px;overflow-wrap:anywhere}.room-player span{font-size:13px;color:#687f93}.room-dialog p{font-size:14px}.room-error{color:#ad3c36!important;background:#fff1e9;border-radius:12px;padding:10px;font-size:14px}.connection-status{position:absolute;top:184px;left:15px;right:15px;z-index:6;text-align:center;background:#fff4d8;border:2px solid white;border-radius:14px;padding:9px 12px;font-size:14px;font-weight:850;color:#79521e;pointer-events:none}.online .team-name{max-width:92px;font-size:11px}.online #room-menu{font-size:12px}.online .game-footer{bottom:8px}.room-player.you{box-shadow:0 3px 0 #35728e30}.room-code-label,.room-dialog label{font-size:14px}
/* Psych-outs are three readable choices with their own timing and result. */
.attack-options button{min-height:86px;flex-direction:column;gap:4px;padding:8px 4px;font-size:14px;border-radius:18px;transition:transform .12s}
.attack-options svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.attack-options small{display:block;font-size:11px;letter-spacing:.7px;opacity:.75;line-height:1}
.defense-detail{display:block!important;text-align:center;font-size:14px;color:#f2f7ff;line-height:1.3;text-shadow:0 1px 2px #194f41;margin:-3px 0 0}
.defense-detail[hidden]{display:none!important}
.meter-section{position:relative}.fake-target{background:#8af075;border:2px dashed #fff;opacity:1;box-shadow:0 0 12px #b4ff8a}
.fake-cue{position:absolute;bottom:35px;transform:translateX(-50%);background:#b3ff87;color:#245a25;border:2px solid white;padding:3px 8px;border-radius:8px;font-size:13px;line-height:1;font-weight:1000;z-index:4;box-shadow:0 3px 0 #285e4655}
.psych-fake .target{box-shadow:inset 0 0 0 3px #fff}.psych-horn .meter{border-color:#ffe680}.psych-dance .meter{border-color:#d2c4ff}
.status.psych-verdict{font-size:13px;font-weight:850;min-height:28px;background:#1c514be0;border:1px solid #ffffff50;border-radius:11px;line-height:1.3;padding:6px 9px;max-width:100%;color:#fff;text-shadow:none}
.status[data-verdict="psyched"],.status[data-verdict="baited"]{background:#e8eaff;color:#36417c;border-color:white}
.status[data-verdict="blocked"]{background:#d5ffc2;color:#326637;border-color:white}
.defending .turn-heading p{font-size:13px}.defending .control-panel{gap:8px}.heckle{max-width:83%;font-size:14px;line-height:1.3}
@media(max-width:360px){.attack-options button{font-size:12px;min-height:78px}.defense-detail{font-size:13px}.status.psych-verdict{font-size:12px}.attack-options{gap:6px}}
@media(max-height:750px) and (max-width:650px){.attack-options button{min-height:70px;gap:3px;padding:5px 3px}.attack-options svg{width:20px;height:20px}.defending .control-panel{gap:6px}.defense-detail{font-size:12px}.fake-cue{bottom:28px}}
@media(prefers-reduced-motion:reduce){.attack-options button{transition:none}}
.season-dialog{max-width:440px;max-height:calc(100svh - 24px);overflow-y:auto;padding:24px 22px;text-align:left}.season-dialog h2{margin:10px 0 18px;font-size:32px}.season-record-bar{display:flex;flex-direction:column;gap:7px}.season-record-bar strong{font-size:21px;color:#28566c}.season-record-bar span{font-size:13px;color:#587b91;font-weight:900;letter-spacing:.3px}.season-progress-track{height:9px;background:#e1eef1;border-radius:10px;overflow:hidden;margin-top:11px}.season-progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff8b45,#ffc83c);border-radius:10px;transition:width .3s}.season-dialog .season-rule{font-size:13px;font-weight:850;color:#52788c;margin:8px 0 18px}.season-next{padding:16px;border:2px solid #ffd57c;border-radius:18px;background:#fff4d9}.season-next>span{font-size:13px;font-weight:950;color:#987333}.season-next h3{font-size:24px;line-height:1.1;color:#28566c;margin:7px 0}.season-next p{font-size:15px;color:#647d8b;margin:7px 0 11px}.season-next>b{display:block;font-size:12px;font-weight:900;color:#876727;line-height:1.4;letter-spacing:.3px}.season-dialog .season-save{font-size:13px;text-align:center;color:#587b91;margin:14px 0 26px}.season-section-title{font-size:14px;font-weight:1000;letter-spacing:.6px;color:#2c596d;margin:22px 0 10px}.standings-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;text-align:left}.standings-table th,.standings-table td{padding:11px 5px;border-bottom:1px solid #e4edef}.standings-table thead th{font-size:12px;color:#6a8999;font-weight:950}.standings-table tbody th{font-size:14px;font-weight:850}.standings-table td:not(:first-child),.standings-table th:nth-child(n+3){text-align:right;white-space:nowrap}.standings-table .your-team{background:#fff0c5;color:#87571a}.standings-table .your-team td:first-child{border-radius:10px 0 0 10px}.standings-table .your-team td:last-child{border-radius:0 10px 10px 0}.season-dialog .season-tiebreak{font-size:12px;color:#66889b;margin:9px 0 17px}.season-fixtures{margin-top:22px}.season-fixtures summary{cursor:pointer;font-size:14px;font-weight:900;padding:11px 0;color:#35657d}.season-fixtures ol{list-style:none;padding:0;margin:10px 0}.season-fixtures li{display:flex;align-items:center;gap:9px;margin:0;padding:12px 4px;border-bottom:1px solid #e4edef;font-size:14px}.fixture-number{color:#8ba0ab;min-width:19px;text-align:center}.season-fixtures li b{font-size:14px;flex:1}.fixture-result{font-size:12px;white-space:nowrap;font-weight:850;color:#658391}.season-win .fixture-result{color:#387548}.season-loss .fixture-result{color:#a3544b}.season-up-next{background:#fff4d9;border-radius:10px}.season-up-next .fixture-result{color:#966522}.season-bracket{display:grid;gap:9px}.season-bracket p{display:grid;gap:7px;background:#eef0ff;border-radius:15px;padding:14px;margin:0}.season-bracket small{font-size:12px;font-weight:900;color:#6676a3}.season-bracket b{font-size:15px;color:#435479}.season-bracket span{font-size:13px;color:#647593}.season-dialog #season-outcome{background:#fff3cf;padding:15px;border-radius:15px;font-size:15px;color:#755d2b}.game-footer #season-menu{background:#fff;color:#2a576b;border:2px solid #fff;border-radius:11px;padding:5px 13px;box-shadow:0 3px 0 #21493f55;font-size:13px;font-weight:900;margin-right:10px}.game-footer{bottom:max(8px,env(safe-area-inset-bottom))}.season-dialog .text-button{font-size:14px}.season-dialog #season-error{font-size:14px}
@media(max-width:360px){.season-dialog{padding:20px 15px;width:calc(100% - 24px)}.season-dialog h2{font-size:29px}.standings-table{font-size:13px}.standings-table tbody th{font-size:13px}.standings-table th,.standings-table td{padding:10px 4px}.season-record-bar strong{font-size:19px}.season-next h3{font-size:22px}}
.control-panel{bottom:calc(46px + env(safe-area-inset-bottom,0px))}
.brand b{font-style:italic;letter-spacing:-1px}.team-name{overflow-wrap:anywhere}.score-logo{width:32px;height:32px;object-fit:contain;float:left;margin-right:5px}.team-dialog{width:calc(100% - 24px);max-width:440px;max-height:calc(100svh - 24px);overflow:auto;padding:24px;text-align:left}.team-dialog h2{font-size:32px;margin:10px 0}.team-dialog p{font-size:14px}.team-dialog label{display:block;font-size:14px;font-weight:900;margin:14px 0 7px}.team-dialog input{width:100%;border:2px solid #cfe2e9;border-radius:14px;padding:12px;font:800 16px system-ui;color:#234e66;background:#edf5f8}.logo-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0}.logo-options button{min-width:0;border:2px solid #d5e3ed;border-radius:14px;background:#edf5f8;padding:4px;color:#28566c}.logo-options img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.logo-options span{display:block;font-size:12px;font-weight:850;line-height:1.2;margin:4px 0}.logo-options button[aria-pressed=true]{border-color:#ce8128;background:#fff0c5;box-shadow:0 0 0 2px #ffd449}.team-dialog input:focus-visible,.logo-options button:focus-visible{outline:3px solid #ffbd39;outline-offset:2px}.picked-team{display:flex;align-items:center;justify-content:center;gap:12px}.picked-team img{width:64px;height:64px;object-fit:contain}.picked-team b{font-size:20px;overflow-wrap:anywhere}.lobby-logo{width:64px;height:64px;object-fit:contain;justify-self:center}.custom-psych{pointer-events:auto;color:white;background:#184c45e8;border:1px solid #fff6;border-radius:14px;padding:8px 10px}.custom-psych label{display:flex;justify-content:space-between;font-size:12px;font-weight:900}.custom-psych input{display:block;width:100%;min-height:42px;border:0;border-radius:9px;padding:8px 10px;background:white;color:#214d60;font:600 16px system-ui;margin:5px 0}.custom-psych small{display:block;font-size:12px;line-height:1.3}.custom-psych[hidden]{display:none}.heckle{overflow-wrap:anywhere}.online.defending .attack-options button{min-height:62px}.online.defending .turn-heading p{display:none}.online.defending .defense-detail{font-size:12px}.online.defending .control-panel{gap:5px}.season-club{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:900;color:#28566c;margin:14px 0}.season-club img{width:48px;height:48px;object-fit:contain}
@media(max-width:360px){.team-dialog{padding:18px 14px}.logo-options{gap:5px}.score-logo{width:25px;height:25px}.team-name{font-size:11px}.online.defending .attack-options svg{display:none}}
.team>div{min-width:0;display:flex;align-items:center;gap:4px}.score-logo{width:24px;height:24px;float:none;flex-shrink:0;margin:0}.team-name,.online .team-name{max-width:none;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.15}.away .score-logo{order:2}.logo-options button{min-height:76px}
