/* Shared PC design system, 6.3. Actual scenes and CHAPTERS supply the artwork and colours. */
:root{--glass:#03201de3;--line:#a0c5ad38;--ui-panel:linear-gradient(140deg,#214e38bf,#042723ed);--ui-radius:17px}
#game>header{top:20px;left:2vw;right:2vw;z-index:10}header .brand .bm-icon{width:53px;height:53px}header .brand small{display:none}.top-actions button{font-size:10px;background:#042823df}.controller-status{top:62px;right:2vw;font-size:10px;background:#042823cc;border:1px solid var(--line);border-radius:99px;padding:7px 12px;z-index:12}body:not([data-screen=MENU]):not([data-screen=MATCH]) .controller-status{display:none}
.alpha-panel{inset:94px 2vw 18px;padding:0;overflow:auto;background:none}.alpha-panel .menu,.alpha-panel.free-mode .menu,.alpha-panel .menu:has(.mode-cards),.alpha-panel .menu.narrow{width:100%;max-width:none;min-height:100%;margin:0;padding:clamp(14px,1.3vw,25px);border-radius:var(--ui-radius);border:1px solid var(--line);background:var(--glass);box-shadow:0 16px 45px #001a1c66;backdrop-filter:blur(7px)}
.alpha-panel h2{font-size:clamp(25px,2.55vw,49px);font-style:normal;line-height:1.04;letter-spacing:-.035em}.scr-head{gap:22px;min-width:0;margin-bottom:20px}.scr-title{min-width:0}.scr-title h2{margin:8px 0 0}.scr-title p{font-size:13px;margin:8px 0 0}.wallet{margin-left:auto;flex-shrink:0;gap:9px}.wallet .res{padding:10px 15px;background:#082b27b0;border-color:#8caf9d55}.res b{font-style:normal;font-size:19px}
.alpha-panel button{transition:transform .15s ease,background .15s,border-color .15s,box-shadow .15s}.alpha-panel button:hover:not(:disabled){border-color:#d4f26aaa;transform:translateY(-1px)}.alpha-panel button:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-color:var(--lime);box-shadow:0 0 0 5px #d4f26a30,0 0 22px #d4f26a26;transform:scale(1.012);z-index:2}.alpha-panel button.cta,.alpha-panel button.primary{background:linear-gradient(110deg,#c5f15b,#dbff78);color:#102b20;font-size:clamp(11px,.9vw,16px);letter-spacing:.075em;font-weight:900;padding:15px 18px 15px 24px;border-radius:99px;box-shadow:0 5px 24px #b9ee4d24}.alpha-panel .cta .go{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#06332b;color:var(--lime);font-size:24px;flex:none}.alpha-panel button.quiet,.alpha-panel .back-pill{border:1px solid var(--line);background:#8dbaac12;color:#fff}.alpha-panel .back-pill{font-size:11px;border-radius:99px;white-space:nowrap;padding:10px 16px}.alpha-panel .back-pill>span{background:var(--lime);color:#123225;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:24px}
.w-sec,.fm-setup,.fm-venue,.ov-card,.pe-options,.modal-card,.shop-card,.racket-card{background:var(--ui-panel);border-color:var(--line);border-radius:var(--ui-radius)}.alpha-panel .chip{font-size:10px;letter-spacing:.12em;border-radius:7px}.hero-progress i,.sl-bar i,.sl-bar u{transition:width .2s ease}.stat-panel .sline{grid-template-columns:minmax(70px,.8fr) minmax(40px,1.4fr) 39px;grid-template-areas:"name bar val";gap:9px;margin:4px 0;min-height:26px;font-size:12px}.stat-panel .sl-bar{height:8px}.stat-panel .sline strong{font-style:normal;font-size:14px}.stat-panel .sl-bar i{background:linear-gradient(90deg,#d6ff71,#b3e547)}.stat-panel .sl-name{font-size:12px}
.alpha-panel .menu{animation:panel-enter .16s ease-out}.modal{background:#001712ba;backdrop-filter:blur(7px)}.modal-card{box-shadow:0 30px 90px #0008;border:1px solid #b9dc9d55}.modal-card h3{font-size:30px}#toast{max-width:85vw;white-space:normal;text-align:center;border-radius:12px;padding:9px 17px;background:#032622db;border:1px solid #a9d1984a;font-size:15px}#error{border:1px solid #ed916d66;background:#082c29f2;border-radius:16px}@keyframes panel-enter{from{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* Hero menu */
.alpha-panel.home-panel{inset:0;overflow:hidden;background:linear-gradient(180deg,#001d2266,transparent 30%,#00231ec9)}.home{padding:clamp(22px,3.3vh,38px) 2.5vw 3vh;gap:clamp(16px,2.6vh,30px)}.home>.brand-mark.big{flex:0 0 auto;align-self:flex-start}.home .brand-mark.big .bm-icon{width:clamp(66px,6.2vw,116px);height:clamp(66px,6.2vw,116px)}.home .brand-mark.big .bm-text>b{font-size:clamp(35px,3.8vw,70px)}.home .brand-mark.big .bm-text>span{font-size:clamp(18px,1.9vw,34px)}.home .brand-mark.big .bm-text small{font-size:8px;letter-spacing:.27em}.home-grid{margin:0;max-height:none;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,2.35fr) minmax(0,1fr);gap:clamp(12px,1.1vw,22px)}.home .tile.career{grid-column:span 8}.home .tile.free{grid-column:span 4}.home .tile.friends,.home .tile.profile,.home .tile.tutorial,.home .tile.settings{grid-column:span 3}.alpha-panel .home .tile{border-radius:17px;box-shadow:0 10px 35px #00161388}.home .tile-copy{left:clamp(18px,2vw,40px);bottom:clamp(18px,2.6vh,32px);right:55px;gap:8px}.home .tile-copy strong{font-size:clamp(17px,1.6vw,29px);letter-spacing:-.02em}.home .tile-copy small{font-size:clamp(11px,.95vw,16px);line-height:1.35}.home .tile.career .tile-copy{max-width:58%;right:auto}.home .tile.career .tile-copy strong{font-size:clamp(42px,4.2vw,80px);line-height:.95}.home .tile.career .tile-copy strong em{font-size:.39em;color:var(--lime);line-height:1.05}.hero-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--lime);color:#09291e;border-radius:99px;padding:10px 14px 10px 24px;margin-top:7px;width:fit-content;min-width:min(380px,100%);font-size:clamp(12px,1.15vw,20px);font-weight:900;letter-spacing:.04em}.hero-cta i{display:grid;place-items:center;background:#06352e;color:var(--lime);width:36px;height:36px;font-size:29px;font-style:normal;border-radius:50%;flex-shrink:0}.home .tile-status{left:3.1%;top:7%;gap:16px;flex-wrap:wrap}.hero-count{font-size:10px;letter-spacing:.1em;color:#e8efd9}.tile-kicker{font-size:clamp(10px,.85vw,15px);font-style:normal;font-weight:900;color:var(--lime)}.home .tile.free .tile-copy strong{font-size:clamp(24px,2.2vw,39px)}.home .tile-shade{background:linear-gradient(0deg,#021c1bf5 0,#021c1baa 23%,#021c1b10 65%)}.home .tile.career .tile-shade{background:linear-gradient(0deg,#032420dc,transparent 55%),linear-gradient(90deg,#032420b0,transparent 75%)}.home-foot{position:absolute;right:2.5vw;bottom:5px}.alpha-panel .home .tile:focus-visible{transform:scale(1.004);outline-offset:4px}
/* Roster and shared fixed detail panels */
body:is([data-screen=CHARACTER_SELECT],[data-screen=OPPONENT_SELECT],[data-screen=CAREER]) .alpha-panel{inset:94px 2vw 18px;overflow:hidden;scrollbar-gutter:auto}body:is([data-screen=CHARACTER_SELECT],[data-screen=OPPONENT_SELECT],[data-screen=CAREER]) .alpha-panel .menu{height:100%;min-height:0;padding:16px}body:is([data-screen=CHARACTER_SELECT],[data-screen=OPPONENT_SELECT]) .menu{display:flex;flex-direction:column}.fm-layout{grid-template-columns:minmax(0,1fr) clamp(300px,23vw,430px);gap:18px;flex:1;min-height:0;align-items:stretch}.fm-grid{grid-template-columns:repeat(8,minmax(0,1fr));align-content:start;max-height:none;overflow-y:auto;overflow-x:hidden;min-height:0;padding:6px;gap:10px;scrollbar-gutter:stable}.alpha-panel button.fm-card{border-width:1px;border-radius:12px;align-items:center;text-align:center;gap:3px;padding-bottom:9px;background:linear-gradient(160deg,color-mix(in srgb,var(--chapter) 63%,#153b2d),#06231fea 90%)}.fm-card img{aspect-ratio:1.26;height:auto;object-fit:contain;object-position:center;background:none;margin:0}.fm-card .fm-name{font-size:clamp(10px,.82vw,15px);padding:0 3px;line-height:1.1}.fm-card small{font-size:clamp(8px,.65vw,12px);padding:0 3px}.alpha-panel button.fm-card.on{outline:2px solid var(--lime);outline-offset:1px;box-shadow:0 0 0 5px #d4f26a30,0 0 20px #bde65b33;transform:none}
.fm-profile,.opponent-detail{position:relative;top:auto;height:100%;overflow:auto;background:var(--ui-panel);border:1px solid var(--line);padding:16px 20px;border-radius:17px;display:flex;flex-direction:column;min-height:0;min-width:0}.fm-profile>*,.opponent-detail>*{flex-shrink:0}.fm-profile #playerPreview,#careerPreview{height:clamp(170px,29vh,340px);min-height:130px;flex:1 1 auto;background:radial-gradient(ellipse at 50% 85%,#91b34144,transparent 65%);border-bottom:1px solid #a2be8733;border-radius:11px;margin:0 -9px 8px}.fm-profile canvas,#careerPreview canvas{height:100%!important;width:100%!important}.fm-title h3,.detail-title h3{font-size:clamp(21px,1.65vw,32px);margin:7px 0}.fm-tags{gap:4px}.fm-tags .chip{font-size:8px}.fm-bio,.detail-bio{font-size:12px!important;line-height:1.4!important;margin:6px 0 10px!important;min-height:0}.fm-profile .cta,.opponent-detail .cta{margin-top:12px;width:100%}.hand-chip{font-size:9px;gap:5px}.fm-versus,.prematch{grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr)}.vs-stage #versusPreview{height:clamp(240px,40vh,460px)}
/* All sixty career cards, grouped in rows without page selectors. */
.career-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;height:100%;min-height:0}.career-screen .career-heading{margin:0;gap:16px}.career-heading .scr-title h2{font-size:clamp(23px,2.15vw,41px);margin:0}.career-heading .scr-title p{margin:7px 0 0;font-size:12px}.career-summary{margin-left:auto;min-width:175px;display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center}.career-summary>small{font-size:9px;font-weight:900;letter-spacing:.1em}.career-summary b{font:900 19px var(--fam)}.career-summary b span{font:400 16px Arial;color:#c0d1c2}.career-summary .hero-progress{grid-column:1/-1;margin:0}.career-heading .wallet{margin-left:5px}.career-screen .career-grid{grid-template-columns:minmax(0,1fr) clamp(310px,23vw,420px);gap:18px;min-height:0;align-items:stretch}.career-roster{overflow-y:auto;overflow-x:hidden;min-height:0;padding:5px 7px 5px 4px;scrollbar-width:thin;scrollbar-color:var(--lime) #082723;scrollbar-gutter:stable}.career-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px;margin-bottom:9px}.career-row:last-child{margin-bottom:0}.world-banner{position:relative;overflow:hidden;border-radius:10px;border:1px solid color-mix(in srgb,var(--chapter) 82%,#d3dbc0);padding:14px 10px;background:linear-gradient(145deg,color-mix(in srgb,var(--chapter) 92%,#536044),color-mix(in srgb,var(--chapter) 65%,#09221f));color:#f0ecd7;isolation:isolate;display:flex;flex-direction:column;justify-content:center}.world-banner svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.world-banner>small{font-size:9px;letter-spacing:.18em;font-weight:900}.world-banner h3{font-size:15px;line-height:1.15;margin:6px 0;color:#fff;letter-spacing:-.02em}.world-banner>b{font-size:12px;margin-top:7px}.world-banner>i{position:absolute;left:0;bottom:0;width:var(--progress);height:4px;background:#e6ecb099}.career-nodes{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}.alpha-panel .career-node{min-width:0;min-height:126px;border-radius:10px;padding:7px 3px 6px;gap:3px;border:1px solid color-mix(in srgb,var(--chapter) 70%,#b2c4a93a);background:linear-gradient(155deg,color-mix(in srgb,var(--chapter) 70%,#254431),color-mix(in srgb,var(--chapter) 32%,#072320))!important;color:#fff}.career-node img{height:72px;width:95%;object-fit:contain;margin:0;filter:drop-shadow(0 4px 5px #0004)}.career-node>b{font-size:clamp(9px,.7vw,13px);line-height:1.08;min-height:22px;overflow-wrap:anywhere}.career-node>small{font-size:8px;letter-spacing:0;color:#c7d2c1;line-height:1.1}.node-marker{position:absolute;top:7px;left:7px;width:17px;height:18px;display:grid;place-items:center;color:#cad8c2;border-radius:5px;background:#07221c8f;z-index:1}.node-marker svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.node-marker.done{background:var(--lime);color:#214229;border-radius:50%;font-size:12px;font-weight:900}.node-new{right:4px;top:7px;color:#b9d4f1;background:#073846a8;border-radius:4px;font-size:6px;padding:2px 3px}.node-state{font-size:6px;letter-spacing:.02em;line-height:1.1;margin-top:auto;color:#ccdcc0;padding:0;background:none}.career-node.locked img{filter:saturate(.6) brightness(.75);opacity:.8}.career-node.locked>b{color:#c5cec3}.alpha-panel .career-node.next{border:2px solid var(--lime);box-shadow:0 0 15px #d4f26a25}.career-node.next .node-state{background:none;color:var(--lime);font-weight:900}.alpha-panel .career-node.selected{outline:2px solid var(--lime);outline-offset:1px;box-shadow:0 0 0 4px #d4f26a25,0 0 20px #d4f26a24}.detail-style{font-size:12px;margin:4px 0 8px}.detail-venue{padding-top:10px;margin-top:10px;font-size:10px}.detail-reward{margin:10px 0}.career-bottom{gap:8px;padding:9px 0 0;margin:0;flex-wrap:wrap}.career-bottom>span{font-size:11px;color:#b3c9b6}.career-bottom .actions{gap:7px;margin:0;flex-wrap:wrap}.career-bottom .actions button{padding:8px 13px;font-size:9px}.migration-note{flex-basis:100%;font-size:9px;margin:0;color:#a8c3d8}
/* Match overlays and online lobby use the same panels and typography. */
body:is([data-screen=PAUSED],[data-screen=RESULT]) #court{filter:blur(3px) brightness(.62)}body:is([data-screen=PAUSED],[data-screen=RESULT]) #hud{opacity:.15}body:is([data-screen=PAUSED],[data-screen=RESULT]) .alpha-panel{inset:14vh 7vw 7vh;display:grid;align-items:center}body:is([data-screen=PAUSED],[data-screen=RESULT]) .menu{min-height:0;padding:clamp(20px,3vw,50px)}.pause-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.3fr);gap:clamp(25px,4vw,80px);align-items:center}.pause-menu h2{font-size:clamp(40px,5vw,85px);margin:15px 0 30px}.pause-menu .stack{display:grid;gap:11px}.pause-menu .stack button{min-height:50px;width:100%;text-align:left}.pause-menu .stack .quiet{font-size:13px;padding:16px 22px}.match-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px}.match-contender{min-width:0;text-align:center;border:1px solid #9abc9040;border-radius:16px;padding:18px 12px 20px;background:var(--ui-panel)}.match-contender.is-you{border-color:#d4f26a88}.match-contender img{width:min(100%,190px);aspect-ratio:1;object-fit:contain}.match-contender h3{font-size:clamp(19px,1.8vw,32px);margin:5px 0 8px;overflow-wrap:anywhere}.match-contender small{font-size:10px;color:#b5ceb8;letter-spacing:.08em}.match-middle{text-align:center}.match-middle>b{display:block;color:var(--lime);font:900 clamp(24px,3vw,50px)/1 var(--fam);white-space:nowrap}.match-middle>small{display:block;font-size:9px;letter-spacing:.15em;margin-top:10px;color:#b4c5b5}.match-meta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:20px;color:#b8cdbd;font-size:12px}.pause-info .hint{text-align:center;margin-top:24px}.result-title{margin-bottom:25px}.result-title h2{font-size:clamp(40px,4.8vw,80px);margin:10px 0 0;color:var(--lime)}.result-title.lost h2{color:#f1eddf}.result-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:30px}.result-summary{border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--ui-panel)}.result-summary h3{margin:3px 0 22px;font-size:22px}.result-summary .reward{margin:0;background:transparent;border:0;padding:0}.match-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.match-stat-grid>div{padding:17px 8px;border-radius:12px;background:#ffffff07;border:1px solid #c1d5b020;text-align:center}.match-stat-grid b{display:block;font:900 26px/1.2 var(--fam);color:#eaf1da}.match-stat-grid small{font-size:9px;letter-spacing:.12em;color:#afc5b6}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.result-summary .profile-stats{grid-template-columns:1fr 1fr;gap:14px}.result-summary .profile-stats b{padding:16px;font-size:27px}.result-summary .profile-stats small{font-size:9px}.lobby-grid,.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lobby-grid .w-sec,.settings-grid .w-sec{padding:22px}.lobby-grid .wide,.settings-grid .wide{grid-column:1/-1}.lobby-players{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lobby-player{padding:15px;border-radius:13px;background:#ffffff08;border:1px solid var(--line);min-width:0;text-align:center}.lobby-player img{width:95px;height:95px;object-fit:contain}.lobby-player b{display:block;color:white;font-size:20px;overflow-wrap:anywhere}.lobby-player small{display:block;color:#b3cbb9;font-size:11px;margin-top:5px}.lobby-player .ready{color:var(--lime);font-size:10px;letter-spacing:.1em;margin-top:12px}.room-code{font-size:clamp(24px,2.5vw,45px);letter-spacing:.12em;color:var(--lime);overflow-wrap:anywhere}.lobby-me .profile-face{width:100px;height:100px}.prematch #playerPreview{height:clamp(300px,52vh,620px)}
@media(max-width:1799px){.career-nodes{grid-template-columns:repeat(5,minmax(0,1fr))}.career-row{grid-template-columns:115px minmax(0,1fr)}.career-heading .scr-title p{display:none}.career-summary{min-width:125px}.career-node>b{font-size:11px}.career-node img{height:64px}.alpha-panel .career-node{min-height:120px}}
@media(max-width:1500px){.fm-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.career-heading .wallet{display:none}.career-screen .career-grid{grid-template-columns:minmax(0,1fr) 305px;gap:12px}.career-heading .scr-title h2{font-size:27px}.career-row{grid-template-columns:100px minmax(0,1fr)}.world-banner h3{font-size:13px}.fm-profile,.opponent-detail{padding:12px}.stat-panel .sline{min-height:23px}.home .tile.career .tile-copy{max-width:61%}.home .tile-copy small{font-size:12px}.home .tile.career .tile-copy strong{font-size:54px}.hero-cta{font-size:14px;min-width:290px}}
@media(max-width:1100px){.alpha-panel,body:is([data-screen=CAREER],[data-screen=CHARACTER_SELECT],[data-screen=OPPONENT_SELECT]) .alpha-panel{inset:85px 14px 12px}.fm-layout{grid-template-columns:minmax(0,1fr) 285px;gap:12px}.fm-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stat-panel .sline{grid-template-columns:69px minmax(30px,1fr) 28px;gap:6px}.stat-panel .sl-name{font-size:10px}.stat-panel .sline strong{font-size:12px}.career-summary{display:none}.home .tile-copy{left:20px;bottom:20px}.home .tile.career .tile-copy strong{font-size:44px}.home .tile.career .tile-copy strong em{font-size:19px}.hero-cta{font-size:11px;min-width:245px;padding-left:15px;gap:12px}.hero-cta i{width:27px;height:27px}.lobby-grid,.settings-grid{grid-template-columns:1fr 1fr}.result-layout{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}.result-summary{padding:18px}.result-actions button{font-size:10px!important}}
@media(max-height:800px){.home .brand-mark.big .bm-icon{width:70px;height:70px}.home .brand-mark.big .bm-text>b{font-size:45px}.home .brand-mark.big .bm-text>span{font-size:23px}.home .tile-status{top:20px}.home .tile-copy{bottom:18px}.home .tile.career .tile-copy strong{font-size:48px}.home .tile.career .tile-copy strong em{font-size:21px}.home .tile.career .tile-copy small{display:none}.hero-cta{padding-top:8px;padding-bottom:8px;margin-top:5px}.scr-head{margin-bottom:14px}.fm-profile #playerPreview,#careerPreview{min-height:105px;height:160px;flex:1}.fm-bio,.detail-bio{font-size:10px!important;margin:5px 0!important}.stat-panel .sline{min-height:20px;margin:2px 0}.fm-title h3,.detail-title h3{font-size:22px}.fm-profile .cta,.opponent-detail .cta{margin-top:9px;padding:10px 14px;font-size:10px}.detail-venue{padding-top:7px;margin-top:7px}.detail-reward{margin:7px 0;font-size:12px}.result-title h2{font-size:45px}.match-contender img{max-height:115px}.result-actions{margin-top:16px;padding-top:14px}.match-stat-grid>div{padding:12px 5px}.pause-menu h2{margin-bottom:19px}.pause-menu .stack{gap:7px}.pause-menu .stack button{min-height:42px;padding:12px 16px}}
@media(max-width:950px){.career-row{grid-template-columns:1fr}.world-banner{padding:8px 12px;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.world-banner h3,.world-banner>b{margin:0}.career-screen .career-grid{grid-template-columns:minmax(0,1fr) 260px;gap:10px}.career-node img{height:55px}.career-node>b{font-size:9px}.alpha-panel .career-node{min-height:109px}.detail-title{flex-wrap:wrap}.career-bottom .actions button{padding:8px;font-size:8px}}
@media(max-width:760px){.home{position:absolute;inset:0;min-height:0;padding:25px 18px 18px;gap:20px}.home-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:2fr 1.2fr 1fr 1fr;gap:10px;overflow:auto}.home .tile.career{grid-column:span 4;min-height:220px}.home .tile.free{grid-column:span 4;min-height:150px}.home .tile.friends,.home .tile.profile,.home .tile.tutorial,.home .tile.settings{grid-column:span 2;min-height:135px}.home .tile.career .tile-copy{max-width:75%}.home .tile-copy strong{font-size:16px}.home .tile-copy small{display:none}.hero-count,.home-foot{display:none}.fm-layout{grid-template-columns:minmax(0,1fr) 220px;gap:9px}.fm-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;gap:7px}.scr-head{flex-wrap:wrap}.scr-head .wallet{display:none}.fm-title{flex-wrap:wrap}.career-screen .career-grid{grid-template-columns:minmax(0,1fr) 220px}.career-nodes{grid-template-columns:repeat(3,minmax(0,1fr))}.career-heading .scr-title h2{font-size:21px}.career-heading .back-pill{font-size:0}.pause-layout,.result-layout,.fm-versus,.prematch{grid-template-columns:1fr}.lobby-grid,.settings-grid{grid-template-columns:1fr}.stat-panel .sline{grid-template-columns:60px 1fr 24px;gap:5px}.stat-panel .sl-name{font-size:9px}.match-contender h3{font-size:18px}}
@media(max-width:520px){.fm-layout,.career-screen .career-grid{grid-template-columns:minmax(0,1fr) 160px;gap:5px}.fm-grid,.career-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-panel{padding:8px}.stat-panel .sline{grid-template-columns:49px 1fr 22px;gap:4px}.stat-panel .sl-name{font-size:8px}.stat-panel .cta{font-size:8px!important;padding:8px!important;letter-spacing:0}.stat-panel .cta .go{width:18px;height:18px}.fm-title h3,.detail-title h3{font-size:16px}.fm-tags,.node-new,.career-bottom>span{display:none}.scr-title h2{font-size:23px}.world-banner{flex-wrap:wrap;gap:4px;padding:7px}.world-banner h3{font-size:11px}.world-banner>small{font-size:7px}.home .tile.career .tile-copy strong{font-size:38px}.hero-cta{min-width:225px}}
@media(prefers-reduced-motion:reduce){.alpha-panel .menu,.alpha-panel button,.hero-progress i,.sl-bar i,.sl-bar u{animation:none;transition:none}}
.home .tile.career{margin:0}.home .tile.career .hero-cta{display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:clamp(12px,1.1vw,20px)}.home .tile.career .tile-status{display:flex;margin:0}.home .tile.career .tile-copy{display:flex;margin:0}.home .tile.career .tile-img,.home .tile.career .tile-shade{margin:0}
.fm-profile .stats,.opponent-detail .stats{margin:0}
.fm-grid{grid-auto-rows:max-content}.alpha-panel button.fm-card{min-height:150px}.fm-card>*{flex-shrink:0}.fm-card img{max-height:150px}
@media(max-height:800px){body:is([data-screen=CAREER],[data-screen=CHARACTER_SELECT],[data-screen=OPPONENT_SELECT]) .alpha-panel{inset:76px 2vw 10px}body[data-screen=CAREER] .alpha-panel .menu{padding:12px 16px}.career-screen{gap:8px}.career-screen .career-heading{min-height:40px;margin:0}.career-bottom{padding-top:4px;gap:4px}.career-screen .opponent-detail .sline,.fm-profile.stat-panel .sline{min-height:17px;margin:1px 0}.career-screen .opponent-detail .detail-title h3{margin:3px 0;font-size:21px}.career-screen .opponent-detail .detail-style{margin:3px 0}.career-screen .opponent-detail .detail-venue{margin-top:5px;padding-top:5px}.career-screen .opponent-detail .detail-reward{margin:5px 0}.career-screen .opponent-detail .cta{margin-top:5px;padding:9px 13px}.career-screen .opponent-detail .detail-lock{font-size:10px;margin:5px 0}.career-screen #careerPreview{min-height:80px;margin-bottom:5px}.fm-profile #playerPreview{min-height:80px}.home .tile.career .hero-cta{font-size:13px}}