/* Mobile-first presentation additions; the desktop layout remains available. */
.mobile-label,.mobile-player,.mobile-contract,.mobile-ranking{display:none}
.last-season{margin-top:28px}
.market-panel{margin:26px 0}
.market-panel>summary,.contract-actions>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}
.market-panel>summary::-webkit-details-marker,.contract-actions>summary::-webkit-details-marker{display:none}
.market-panel>summary{font-family:'Barlow Condensed',sans-serif;font-size:1.8rem;margin-bottom:12px}
.market-panel>summary b{display:inline-grid;place-items:center;min-width:25px;height:25px;margin-left:8px;border-radius:6px;background:#b9f36313;color:var(--accent);font-family:'DM Sans',sans-serif;font-size:.75rem}
.market-panel[open]>summary>.icon,.contract-actions[open]>summary>.icon{transform:rotate(180deg)}
.contract-actions>summary{font-size:.8125rem;color:var(--muted);margin-top:8px}
.profile-summary{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.profile-summary strong{font-family:'Barlow Condensed',sans-serif;font-size:3rem;color:var(--accent)}
.profile-attributes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 24px}
.profile-attributes>div{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:6px}
.profile-attributes span{font-size:.75rem;color:var(--muted)}
.profile-attributes b{font-family:'Barlow Condensed',sans-serif;font-size:1.6rem;font-weight:600}
@media(max-width:760px){
 :root{--radius:12px}
 body{background:var(--bg);-webkit-tap-highlight-color:transparent}
 .header{position:sticky;top:0;z-index:40;height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));background:var(--bg);gap:10px}
 .brand{font-size:1.4rem;gap:7px;min-height:44px}
 .brand img{width:27px;height:27px}.brand b{font-size:.72rem;padding-top:10px}
 .save-state{display:flex;font-size:.6875rem;gap:5px}.save-state .icon{width:14px;height:14px}
 .desktop-label{display:none!important}.mobile-label{display:inline}
 .nav{position:fixed;inset:auto 0 0;z-index:60;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:7px max(12px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#111b15;border-top:1px solid var(--line)}
 .nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:47px;padding:5px 8px;font-size:.6875rem;border-radius:8px;color:var(--muted)}
 .nav button span{display:inline}.nav button .icon{display:block;width:20px;height:20px}.nav button.active{background:#b9f3630b;color:var(--accent)}
 .container{padding:22px max(16px,env(safe-area-inset-right,0px)) calc(84px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));width:100%;min-width:0}
 .container>*,.career-shell>*,.career-shell main,.narrow{min-width:0}
 .btn,.btn.small,.filter{min-height:44px}.btn{font-size:.875rem;padding:12px 16px}.btn.primary{min-height:49px}.btn.small{font-size:.8125rem}
 input,select,.field input,.field select,.filter-select{font-size:16px;min-height:48px}
 .eyebrow{font-size:.65625rem;letter-spacing:.11em}.label,.field label{font-size:.8125rem}
 .intro-grid{padding:0;gap:0}.intro-title{font-size:2.75rem;line-height:1.02;margin:13px 0 12px}.lead{font-size:.875rem;line-height:1.5;margin-bottom:22px;max-width:400px}
 .intro-grid .pill{font-size:.65625rem;padding:5px 8px}.field{gap:7px;margin-bottom:16px}.field-grid{grid-template-columns:minmax(0,1fr) 76px;gap:10px}.field input,.field select{padding:0 12px}
 .position-grid{gap:7px;margin:8px 0 19px}.position{min-height:58px;padding:10px 3px}.position b{font-size:1.2rem}.position span{font-size:.65625rem;line-height:1.2}
 .step-strip{display:none}.subnote{font-size:.6875rem;line-height:1.4;margin-top:10px}.footer{padding:14px 0 4px;margin-top:25px;gap:4px}.footer>span{display:none}.footer button{min-height:44px;padding:8px 10px;font-size:.6875rem}
 .page-heading{gap:12px;margin-bottom:20px}.page-heading h1{font-size:2.15rem;margin-top:7px;line-height:1.05}.page-heading p{font-size:.8125rem;line-height:1.5;margin-top:9px}.page-heading>.row{width:100%;justify-content:space-between;gap:8px}
 .back{margin-bottom:14px}.mode-grid{gap:12px}.mode-card{padding:18px;gap:12px;border-radius:12px}.mode-card .mode-symbol{width:40px;height:40px;border-radius:9px}.mode-card .mode-symbol .icon{width:22px;height:22px}.mode-card h2{font-size:2rem}.mode-card p{font-size:.8125rem;line-height:1.5;min-height:0}.mode-example{padding:10px 12px;font-size:.75rem}.mode-card .btn{margin-top:2px}
 .draft-layout{gap:0}.legend-card{padding:18px;margin:14px 0;border-radius:12px}.legend-card h2{font-size:2.35rem;margin:8px 0}.legend-card p{font-size:.75rem}.legend-card .watermark{font-size:5rem;right:18px}.draft-slots{gap:7px}.attr{min-height:90px;padding:12px 8px;gap:5px;border-radius:9px}.attr .label{font-size:.6875rem;line-height:1.25}.attr strong{font-size:1.8rem}.attr .stars{font-size:.8rem;padding:5px 0;letter-spacing:-.06em}.attr small{font-size:.5625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.attr:not(.assigned) small{display:none}.attr .assigned-icon{right:6px;top:8px;width:12px}.attr.assigned .label{padding-right:9px}.section-title{margin-bottom:12px;gap:8px}.section-title h2{font-size:1.5rem}.section-title small{font-size:.6875rem}.progress{gap:4px}
 .reveal{gap:22px}.reveal h1{font-size:2.5rem}.reveal p{font-size:.8125rem;margin:12px 0 20px}.potential{font-size:4.5rem;margin:10px 0}.reveal .player-card{max-width:245px;padding:20px;box-shadow:none}.reveal .card-number{font-size:5rem}.reveal .attr-chips{margin:20px 0}
 .career-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.sidebar{display:none}
 .mobile-player{position:sticky;top:calc(56px + env(safe-area-inset-top,0px));z-index:30;display:flex;align-items:center;gap:11px;margin:-22px -16px 0;padding:12px 16px;background:#152019;border-bottom:1px solid var(--line);min-width:0}
 .mobile-ovr{width:48px;min-width:48px;height:51px;border-radius:9px;background:#b9f36315;color:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-ovr strong{font-family:'Barlow Condensed',sans-serif;font-size:1.85rem;line-height:1}.mobile-ovr span{font-size:.5rem;letter-spacing:.1em;margin-top:3px}
 .mobile-player-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.mobile-player-name b{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-player-name>span{font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
 .profile-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:44px;min-width:44px;padding:4px;background:none;color:var(--muted)}.profile-toggle span{font-size:.5625rem}.profile-toggle .icon{width:19px;height:19px}
 .season-top{gap:12px;margin-bottom:17px}.season-top h1{font-size:2rem;line-height:1.05}.season-top .year{font-size:2rem}.content-panel{padding:16px;border-radius:12px;margin-bottom:16px}.content-panel h2{font-size:1.7rem}.content-panel h3{font-size:1.4rem}
 .mobile-contract{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:12px;color:var(--muted);font-size:.75rem}.mobile-contract b{color:var(--text);font-weight:500}
 .decision-text{font-size:.8125rem;line-height:1.5;margin:12px 0 16px}.actions{margin-top:14px;gap:8px}.actions .btn{min-height:44px;padding:12px;font-size:.8125rem}.actions .primary{min-height:49px}
 .contract-actions{border-top:1px solid var(--line);margin-top:14px}.contract-actions>summary{display:flex;min-height:47px;padding:7px 0;font-size:.75rem;color:var(--muted)}.contract-actions>summary .icon{width:16px;height:16px}.secondary-actions{margin:0 0 2px;display:grid;grid-template-columns:1fr 1fr}.secondary-actions .btn{min-width:0;font-size:.6875rem;padding:10px 5px;gap:5px}.secondary-actions .icon{width:16px;height:16px}
 .market-panel{margin:16px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.market-panel>summary{font-family:'DM Sans',sans-serif;font-size:.8125rem;min-height:61px;margin:0;padding:12px 0}.market-panel>summary>.icon{width:17px;height:17px}.market-panel[open]{padding-bottom:16px}.offers-grid{grid-template-columns:minmax(0,1fr);gap:10px}.offer{padding:16px;gap:12px;display:grid;grid-template-columns:minmax(0,1fr) auto}.offer>.eyebrow,.offer>dl,.offer>.btn{grid-column:1/-1}.offer>.row{min-width:0}.offer h3{font-size:1.45rem;overflow-wrap:anywhere}.offer .club-badge{width:33px;height:33px}.offer .salary{font-size:1.7rem;align-self:center;text-align:right}.offer dl{font-size:.75rem;gap:8px}.offer .btn{min-height:44px;margin:0;font-size:.8125rem}.offer small{font-size:.65625rem}
 .notice{padding:12px;gap:9px;margin-bottom:16px}.notice strong{font-size:.8125rem}.notice p{font-size:.75rem}.notice .icon{min-width:17px;width:17px}
 .filters{gap:7px;margin:14px 0 17px}.filter{font-size:.75rem;padding:9px 10px}.try-grid{grid-template-columns:minmax(0,1fr);gap:10px}.try-card{display:grid;grid-template-columns:43px minmax(0,1fr) 67px;gap:6px 11px;min-height:0;padding:14px;text-align:left;border-radius:11px;align-items:center}.try-card>.eyebrow{grid-column:2;grid-row:1;font-size:.5625rem}.try-card>.club-badge,.try-card>.club-initials{grid-column:1;grid-row:1/3;width:40px;height:40px;margin:0}.try-card h3{grid-column:2;grid-row:2;min-height:0;font-size:1.4rem;display:block;overflow-wrap:anywhere}.try-card>.chance{grid-column:3;grid-row:1/3;margin:0;font-size:1.7rem;text-align:right}.chance small{font-size:.5625rem;line-height:1.4}.try-card>small{display:none}.try-card .btn{grid-column:1/-1;font-size:.8125rem;min-height:44px;margin-top:4px}
 .last-season{margin-top:22px}.metrics{padding:14px 2px;margin:13px 0 17px;border-radius:10px}.metric{padding:0 7px}.metric strong{font-size:1.8rem}.metric span{font-size:.5625rem;letter-spacing:.02em}
 .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:23px 0 16px;overflow:visible}.tab{font-size:.6875rem;padding:10px 3px 12px;min-height:44px}.history-head,.season-row{grid-template-columns:32px minmax(0,1fr) 28px 23px 22px 22px;gap:4px}.history-head{padding:8px 6px;font-size:.5rem}.season-row{padding:11px 6px;min-height:61px}.season-row .row{gap:6px;min-width:0}.season-row .club-badge,.season-row .club-initials{width:22px;height:22px}.season-row .team-name{font-size:.6875rem;line-height:1.4}.season-row .team-name small{font-size:.5625rem}.season-row .year-age b{font-size:1.1rem}.season-row .year-age small{font-size:.5rem}.season-row .num{font-size:1rem}.ovr-tag{min-width:26px;font-size:1rem;padding:3px 2px}.cup-chip{font-size:.6875rem}.timeline-empty{padding:24px 16px;font-size:.8125rem}
 .event-option{padding:16px;gap:10px;border-radius:11px}.event-option h3{font-size:1.4rem}.event-option p{font-size:.75rem}.national-banner{font-size:.75rem;gap:10px;margin-top:16px}.national-banner small{font-size:.6875rem;line-height:1.5}
 .archive-grid{grid-template-columns:1fr;gap:12px}.archive-card{padding:18px;gap:12px}.archive-card h2{font-size:1.9rem}.archive-card .big-ovr{font-size:2.7rem}.archive-card p{font-size:.8125rem}.archive-card .archive-footer{min-height:36px}.empty-page{padding:40px 18px}.empty-page p{font-size:.8125rem}
 .desktop-ranking{display:none}.mobile-ranking{display:grid;gap:10px}.rank-card{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:start;gap:9px;padding:16px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.rank-place{font-family:'Barlow Condensed',sans-serif;font-size:1.65rem;color:var(--gold);line-height:1.1}.rank-player{min-width:0}.rank-player h2{font-family:'DM Sans',sans-serif;font-size:.8125rem;line-height:1.45;overflow-wrap:anywhere}.rank-player p{font-size:.625rem;color:var(--muted);margin-top:3px}.rank-stats{display:flex;gap:8px 12px;flex-wrap:wrap;margin-top:11px;font-size:.625rem;color:var(--muted)}.rank-stats b{color:var(--text);font-weight:500}.rank-mobile-score{text-align:right}.rank-mobile-score b{font-family:'Barlow Condensed',sans-serif;color:var(--accent);font-size:1.8rem;line-height:1}.rank-mobile-score>span{display:block;font-size:.5625rem;color:var(--muted);margin-top:4px}.ranking-info{font-size:.75rem;line-height:1.5}
 body[data-screen=ranking] .filters{display:grid;grid-template-columns:1fr 1fr;align-items:start}body[data-screen=ranking] .filters .field{min-width:0!important;width:100%;margin-bottom:0}body[data-screen=ranking] .filters .field select{font-size:16px}
 .final-heading{margin-bottom:24px}.final-heading h1{font-size:2.65rem}.final-heading p{font-size:.8125rem}.final-grid{gap:23px}.share-preview{max-width:320px;box-shadow:none}.score-total{font-size:3.4rem}.score-item{font-size:.75rem;line-height:1.4;padding:11px 0}.trophy-grid{gap:8px}.trophy{padding:12px;gap:8px;min-width:0}.trophy img{width:27px;height:42px}.trophy span{font-size:.625rem;overflow-wrap:anywhere}.trophy small{font-size:.5625rem}.trophy strong{font-size:1.6rem}.trophy .icon{width:27px;height:27px}
 dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:88dvh;border-radius:18px 18px 0 0;padding:20px 18px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:none;overscroll-behavior:contain}dialog::backdrop{backdrop-filter:none;background:#07100bc9}dialog h2{font-size:1.8rem;margin-top:5px}dialog .close-modal{width:44px;height:44px;margin:-5px -3px 0 10px}dialog .body{padding-top:13px}dialog p{font-size:.8125rem}dialog .profile-facts{grid-template-columns:1fr 1fr;gap:18px 12px;padding:20px 0;margin-bottom:22px}dialog .profile-facts label{font-size:.6875rem}dialog .profile-facts b{font-size:.875rem}.profile-attributes{gap:16px 10px}.profile-attributes span{font-size:.6875rem}.profile-attributes b{font-size:1.4rem}.profile-summary strong{font-size:2.8rem}
 #toast{bottom:calc(78px + env(safe-area-inset-bottom,0px));font-size:.8125rem;width:max-content;max-width:calc(100vw - 32px);padding:12px 16px}
 .animate-in{animation:none}.player-card{box-shadow:none}.btn:hover:not(:disabled),.attr:hover:not(:disabled){transform:none;filter:none}
}
@media(max-width:350px){.intro-title{font-size:2.5rem}.position span{font-size:.59375rem}.nav button{font-size:.625rem}.rank-card{padding:14px 10px;gap:7px;grid-template-columns:22px minmax(0,1fr) auto}.rank-mobile-score b{font-size:1.55rem}.attr .stars{font-size:.7rem}.mobile-player{gap:9px}.season-row .club-badge,.season-row .club-initials{display:none}.try-card{padding:12px;gap:6px 9px}.try-card h3{font-size:1.3rem}}

@media(max-width:760px){html{scroll-padding-top:145px;scroll-padding-bottom:80px}.market-panel,.offer.renew{scroll-margin-top:145px}body:has(dialog[open]){overflow:hidden}body[data-screen=draft] .page-heading{margin-bottom:16px}body[data-screen=draft] .page-heading p{display:none}body[data-screen=draft] .page-heading h1{font-size:1.9rem}body[data-screen=draft] .page-heading{flex-direction:row;align-items:center;gap:10px}body[data-screen=draft] .page-heading>.pill{font-size:.5625rem;padding:6px;white-space:normal;max-width:72px;text-align:center}}

@media(max-width:760px){
 body[data-screen=trials] .filters{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:6px}
 body[data-screen=trials] .filter{padding:8px 4px;font-size:.65625rem;min-width:0}
 body[data-screen=draft] .notice{padding:8px 10px;margin-bottom:13px;align-items:center}
 body[data-screen=draft] .notice strong{margin:0;font-size:.75rem}
 body[data-screen=draft] .notice p{display:none}
 .reveal .player-card{width:100%;max-width:none;padding:18px}
 .reveal .card-number,.reveal .card-bottom{display:none}
 .reveal .card-rating{float:left;margin:14px 15px 0 0}
 .reveal .card-rating strong{font-size:3.5rem}
 .reveal .card-name{text-align:left;margin-top:18px;font-size:1.8rem}
 .reveal .card-meta{text-align:left;font-size:.75rem;margin-top:8px}
 .reveal .card-top .eyebrow{font-size:.625rem}
 dialog .close-modal{position:absolute;top:13px;right:15px;margin:0;float:none}
 dialog .body{padding-top:0}
 dialog .body>h2{padding-right:48px;min-height:34px;display:flex;align-items:center;margin-bottom:20px}
}