/* The career box uses the same field and position stars as the other builders. */
.career-box{max-width:600px;margin:auto}
.career-box .draft-heading h1{font-size:clamp(30px,5vw,48px)}
.career-team-rating{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}
.career-team-rating>span:first-child{font:10px var(--mono);letter-spacing:.6px}
.career-box .position-board-status{margin-bottom:10px}
.career-box .draft-bottom .primary-button{width:280px;white-space:nowrap}
.career-box .career-bench-title{margin-top:24px}
.career-selected-player{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:8px 10px;padding:12px;background:#e4ead5;border:1px solid var(--line);margin-top:12px}
.career-selected-player>img{image-rendering:pixelated}
.career-selected-player>b{font:700 20px var(--display)}
.career-selected-player .best-position-fits{grid-column:1/-1;margin:0}
.career-selected-player .best-position-fits>span{justify-content:space-between;gap:6px}
.career-bench-player .best-position-fits{grid-column:1/-1;align-self:stretch;margin:7px 0 0;padding-top:8px;border-top:1px solid var(--line)}
.career-bench-player .best-position-fits>span{display:grid;gap:6px}
.career-bench-player .best-position-fits .position-rating{justify-content:space-between}
.career-bench-player{grid-template-rows:auto auto;min-width:0}
.career-bench-player img{grid-row:1}
.career-bench-player b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Career conversations: a trainer sprite above a compact, tap-through text box. */
.career-conversation{max-width:720px;margin:0 auto 22px;color:var(--ink)}
.career-scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font:10px/1.4 var(--mono)}
.career-scene-toolbar>span{text-align:center}
.career-scene-toolbar button{min-height:44px;flex-shrink:0;font-size:10px}
.career-scene-art{height:260px;position:relative;overflow:hidden;background:linear-gradient(#b5c7a8 0 50%,#709470 50% 53%,#366a50 53%);border:2px solid var(--ink);border-bottom:0;isolation:isolate}
.career-scene-art:before{content:'';position:absolute;width:120%;height:90px;top:15px;left:-10%;background:repeating-linear-gradient(0deg,#214c3a20 0 9px,transparent 9px 18px);transform:skewY(-4deg)}
.career-scene-art:after{content:'';position:absolute;left:7%;right:7%;bottom:28px;height:70px;background:radial-gradient(ellipse at 75% 50%,#173c3466 0 18%,transparent 19%),radial-gradient(ellipse at 22% 75%,#173c3466 0 18%,transparent 19%);z-index:-1}
.career-scene-yardline{position:absolute;inset:55% 0 0;border-bottom:3px solid #d9e4bc88;background:repeating-linear-gradient(90deg,transparent 0 89px,#d9e4bc70 90px 92px);transform:skewX(-14deg)}
.career-scene-art img{position:absolute;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 0 #102d2933)}
.career-scene-trainer{width:200px;height:200px;right:10%;bottom:35px}
.career-scene-pokemon{width:170px;height:170px;left:10%;bottom:10px}
.career-dialogue-box{background:#fffdee;border:3px solid var(--ink);outline:1px solid #fffdee;outline-offset:-7px;padding:22px 24px 16px;box-shadow:0 6px 0 #102d2920}
.career-dialogue-box h1{font:700 24px/1.1 var(--display);margin:0 0 14px;letter-spacing:.4px}
.career-dialogue-box p:not(.sr-only){font:14px/1.85 var(--mono);min-height:104px;margin:0;cursor:pointer}
.career-dialogue-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px}
.career-dialogue-controls>span{font:10px var(--mono);color:#677761}
.career-dialogue-controls .primary-button{width:auto;justify-content:center;min-width:140px;min-height:44px;font-size:17px;padding:10px 18px;border:1px solid #70844b}
.career-badge-award{position:absolute;top:15px;left:16px;display:flex;align-items:center;gap:8px;background:#fffdeef2;padding:8px 12px;border:1px solid #536348;font:10px var(--mono)}
.career-badge-award svg{width:30px;height:30px}
.career-team .career-road-trainer{border-radius:0;background:none;width:80px;height:80px;object-fit:contain}
.career-badge-case{margin:22px 0;background:#e4e9d8;border:1px solid #a5b298;padding:14px 16px}
.career-badge-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.career-badge-heading h2{font:700 16px var(--display);margin:0;letter-spacing:.6px}
.career-badge-heading>span{font:10px var(--mono);color:#536750}
.career-badges{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}
.career-badges button{min-width:0;min-height:56px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:1px solid transparent;color:#42573d}
.career-badges button[aria-pressed=true]{background:#fffdee;border-color:#6f815f}
.career-badges svg{width:32px;height:32px}
.career-badges button>span{font:8px var(--mono)}
.career-badge-detail{margin:12px 0 0;padding-top:10px;border-top:1px solid #b9c4aa;font:11px/1.6 var(--mono)}
.career-badge-detail b,.career-badge-detail span{display:block}
.career-badge-detail span{color:#536750;margin-top:2px}
@media(max-width:720px){
  #career-screen .draft-toolbar{gap:12px;margin-bottom:20px}
  .career-scene-toolbar{gap:8px;font-size:8px}
  .career-scene-toolbar button{font-size:9px}
  .career-scene-art{height:210px}
  .career-scene-trainer{width:160px;height:160px;right:3%;bottom:29px}
  .career-scene-pokemon{width:130px;height:130px;left:4%;bottom:14px}
  .career-dialogue-box{padding:20px 18px 15px}
  .career-dialogue-box h1{font-size:23px;margin-bottom:12px}
  .career-dialogue-box p:not(.sr-only){font-size:12px;line-height:1.9;min-height:116px}
  .career-badge-case{padding:12px 8px}
  .career-badges{gap:2px}
  .career-badges svg{width:27px;height:27px}
  .career-badges button>span{font-size:6.5px}
  .career-badge-detail{font-size:10px;padding:10px 4px 0}
  .career-badge-award{top:10px;left:10px;padding:6px 8px;font-size:8px}
}

.career-oak-note{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:10px 14px;border:1px solid var(--line);background:var(--paper)}
.career-oak-note img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated}
.career-oak-note p{font:12px/1.7 var(--mono);margin:0}
.career-starting-picks{display:flex;flex-wrap:wrap;gap:8px 14px;margin:14px 0;font:10px var(--mono)}
.career-starting-picks>span{display:inline-flex;align-items:center;gap:6px}
.career-starting-picks img{image-rendering:pixelated}

/* Kanto overworld. Compact status, big touch targets, map first. */
.career-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;max-width:1020px;margin:0 auto 10px!important;gap:10px!important}
.career-toolbar .career-team-button{width:auto;min-height:44px;padding:8px 10px;background:#e8edc7;white-space:nowrap}
.career-toolbar>span{font:10px var(--mono);text-align:center}
.career-toolbar .text-button{min-height:44px}
.career-badge-strip{display:flex;align-items:center;gap:6px;max-width:1020px;margin:0 auto 14px}
.career-badge-strip button{width:32px;height:44px;display:grid;place-items:center;background:none;border:0;padding:3px}
.career-badge-strip svg{width:27px;height:27px}
.career-badge-strip>span{margin-left:auto;white-space:nowrap;font:12px var(--mono);color:var(--ink)}
.career-badge-note{max-width:1020px;margin:0 auto 12px;font:11px var(--mono)}
.career-world-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:24px;max-width:1020px;margin:auto;align-items:start}
.career-map-shell{border:2px solid #38594d;border-radius:8px;background:#d7e4b3;overflow:hidden;box-shadow:0 5px 0 #153e2e15}
.career-map-tools{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 10px;background:#173c35;color:#eff0d5;min-height:42px}
.career-map-tools>span{display:flex;align-items:center;gap:7px;font:11px var(--mono)}
.career-map-tools>span i{width:6px;height:6px;display:block;background:#e9ee83;border-radius:50%}
.career-map-tools>div{display:flex;gap:3px}
.map-control{min-width:44px;min-height:38px;padding:5px;background:#ffffff0c;border:1px solid #ffffff26;color:#eff0d5;font:11px var(--mono)}
.career-map{display:block;width:100%;aspect-ratio:430 / 390;touch-action:none;user-select:none;cursor:grab;background:#8dbfae}
.career-map:active{cursor:grabbing}
.map-path{fill:none;stroke:#efdfab;stroke-width:13;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 0 #8fa57e)}
.map-path.near{stroke:#fbefa6;stroke-width:15}
.map-halo{fill:transparent;stroke:transparent;stroke-width:2.5}
.map-stop.reachable .map-halo{fill:#faffbf66;stroke:#547446;stroke-dasharray:4 3}
.map-stop.current .map-halo{fill:#fffde266;stroke:#436e54;stroke-width:2}
.map-stop{cursor:pointer;outline:none}
.map-stop:focus-visible .map-halo{stroke:#102e26;stroke-width:4;fill:#ffffbd99}
.map-stop.reachable:hover .map-halo{fill:#faffbfd9}
.map-label-bg{fill:#f2edce;opacity:.85}
.map-label{font:10px var(--mono);fill:#244c3c;text-anchor:middle;pointer-events:none}
.map-stop.city .map-label{font-weight:bold}
.map-region-label{font:700 24px var(--display);letter-spacing:14px;fill:#7b845f}
.map-sea-label{font:12px var(--mono);letter-spacing:5px;fill:#397b7d}
.map-scenery{cursor:pointer;outline:none}
.map-scenery:focus-visible{filter:drop-shadow(0 0 2px #1b5b48)}
.career-map-help{padding:9px 10px;border-top:1px solid #9fb48b;background:#e3e8c6;color:#49614d;font:9px/1.5 var(--mono);text-align:center}
.career-exits{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.career-exits button{flex:1 1 auto;display:flex;gap:10px;justify-content:space-between;align-items:center;min-height:44px;padding:8px 12px;background:#e4e9d8;border:1px solid #a3b394;color:#284739;font:10px var(--mono)}
.career-exits button[aria-disabled=true]{background:transparent;border-style:dashed;color:#617461}
.career-location-title{display:flex;align-items:start;justify-content:space-between;gap:10px;margin:0 0 16px}
.career-location-title h1{font:700 32px/1 var(--display);margin:0;letter-spacing:-.3px}
.career-location-title>small{font:8px/1.5 var(--mono);text-align:right;max-width:80px;color:#69785f;padding-top:3px}
.career-destination-card{display:flex;align-items:center;gap:12px;width:100%;min-height:86px;padding:12px;text-align:left;background:#fffdef;border:1px solid #9aab8e;border-radius:3px;margin-bottom:10px;color:var(--ink)}
.career-destination-card:hover{background:#eff1cc;border-color:#617b55}
.career-destination-card>img{flex:none;image-rendering:pixelated;object-fit:contain;width:52px;height:52px}
.career-destination-card>span{flex:1;min-width:0}
.career-destination-card b{display:block;font:700 23px/1.05 var(--display)}
.career-destination-card small{display:block;margin-top:6px;font:10px/1.6 var(--mono);color:#576d56}
.career-destination-card>i{font:22px var(--mono);font-style:normal}
.career-location-note{font:11px/1.8 var(--mono);color:#576d56;margin:14px 0}
.career-notice{max-width:1020px;padding:12px;margin:10px auto 14px;background:#f3e5ba;border:1px solid #b7a668;font:11px/1.6 var(--mono);color:#4c563d}
.career-notice button{margin-left:12px}
.career-secret{border:1px solid #b1a57e;background:#fff5d8;padding:14px;margin-bottom:14px}
.career-secret>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.career-secret h2{font:700 24px var(--display);margin:0}
.career-secret p{font:11px/1.7 var(--mono)}
.career-secret .career-destination-card{margin-bottom:0}
.career-encounter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);margin-bottom:12px;font:10px var(--mono)}
.career-opponent-card>p{font:11px/1.8 var(--mono);color:#4d654f}
.career-opponent-title{display:flex;align-items:center;gap:12px}
.career-opponent-title>img{object-fit:contain;image-rendering:pixelated}
.career-opponent-title h2{font:700 28px/1.1 var(--display);margin:0 0 10px}
.career-opponent-title .team-rating{font-size:11px}
.career-qb{display:flex;align-items:center;gap:10px;padding:12px;background:#e5ead7;border:1px solid #bdc9ac;margin:16px 0}
.career-qb img{image-rendering:pixelated}
.career-qb>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.career-qb b{font:700 18px var(--display)}
.career-qb small{flex-basis:100%;font:9px/1.5 var(--mono);color:#52674e}
.career-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.career-actions button{width:auto;min-width:0;min-height:48px;padding:10px;font-size:18px}
.career-match-actions #career-play{grid-column:1/-1}
.career-box-title,.career-scout-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 20px}
.career-box-title h1,.career-scout-heading h1{font:700 36px/1 var(--display);margin:0}
.career-box-title>span{font:10px var(--mono);text-align:right}
.career-box-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.career-box-actions .text-button{min-height:44px}
.career-box .formation-player small{font-size:7px}
.career-box .position-board-status{font-size:10px}
.career-assignment{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:12px;background:#e4eab7;border:1px solid #9aaa74;margin-top:12px}
.career-assignment>b{font:700 22px var(--display)}
.career-assignment button{font-size:9px}
.career-search{display:grid;gap:7px;font:10px var(--mono);margin:14px 0}
.career-search input,.career-search select{border:1px solid #a7b598;background:#fffef4;color:var(--ink);padding:12px;font:14px var(--mono);width:100%;min-height:44px;border-radius:3px}
.career-owned-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.career-owned-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;padding:11px;background:#f8f7e8;border:1px solid #b3c0a6;color:var(--ink);text-align:left;min-width:0}
.career-owned-card>img{image-rendering:pixelated}
.career-owned-card>span>b{display:block;font:700 20px/1.1 var(--display);overflow-wrap:anywhere}
.career-owned-card small{display:block;font:8px/1.5 var(--mono);margin-top:4px;color:#64775b}
.career-owned-card>.best-position-fits,.career-owned-card>.position-rating{grid-column:1/-1}
.career-owned-card .best-position-fits>span{display:flex;flex-direction:column;gap:6px}
.career-owned-card .best-position-fits .position-rating{justify-content:space-between}
.career-modal{max-width:540px!important;width:calc(100% - 24px)!important;max-height:88dvh;border:2px solid #48634e!important;background:#f1f0df!important;color:var(--ink);padding:18px!important;border-radius:5px;overflow:auto;overscroll-behavior:contain;scroll-padding-block:76px 20px}
.career-modal::backdrop{background:#102f28aa}
.career-modal-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-18px 0 14px;padding:12px 0;position:sticky;top:-18px;z-index:4;background:#f1f0df;box-shadow:0 -2px 0 2px #f1f0df;border-bottom:1px solid #bdc7af}
.career-modal-bar>b{font:700 22px var(--display)}
.career-modal-bar button{min-height:44px;min-width:44px;flex-shrink:0}
.career-player-head{display:flex;align-items:center;gap:12px}
.career-player-head>img{image-rendering:pixelated;object-fit:contain}
.career-player-head>div{min-width:0;flex:1}
.career-player-head h2{overflow-wrap:anywhere}
.career-player-head h2{font:700 28px var(--display);margin:0 0 5px}
.career-player-head p{font:10px var(--mono);margin:5px 0}
.career-player-head .best-position-fits>span{display:flex;flex-wrap:wrap;gap:8px}
.career-player-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:14px 0;padding:12px 0;border-top:1px solid #bdc7af;border-bottom:1px solid #bdc7af}
.career-player-stats>span{display:flex;justify-content:space-between;gap:6px;min-width:0;font:10px/1.4 var(--mono)}
.career-training h3{font:700 20px var(--display);margin:18px 0 8px}
.career-training p,.career-modal>p{font:11px/1.7 var(--mono)}
.career-training .outline-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;font-size:17px;min-height:48px}
.career-training img{image-rendering:pixelated}
.career-reward-heading{max-width:900px;margin:20px auto}
.career-reward-heading h1{font:700 clamp(30px,4vw,46px)/1.1 var(--display);margin:0 0 12px}
.career-reward-heading p{font:12px/1.8 var(--mono)}
.career-capture-art{display:grid;place-items:center;margin:30px}
.career-capture-art img{image-rendering:pixelated}
.career-trade{border:1px solid #a9b69b;background:#fffced;padding:16px;margin-bottom:16px}
.career-trade-heading{display:flex;align-items:center;gap:12px}
.career-trade-heading img{image-rendering:pixelated}
.career-trade h2{font:700 26px var(--display);margin:0 0 5px}
.career-trade-heading span{font:10px var(--mono)}
.career-trade p{font:11px/1.7 var(--mono)}
.career-trade .outline-button{width:100%}
.career-trade-extras{margin:16px 0;padding:12px;border:1px solid #b5c2a6}
.career-trade-extras legend{font:10px/1.6 var(--mono);padding:0 5px}
.career-trade-extras label{display:flex;align-items:center;gap:8px;min-height:48px;font:11px var(--mono);border-bottom:1px solid #d0d7c4}
.career-trade-extras input{width:20px;height:20px;accent-color:#315c48}
.career-trade-extras img{image-rendering:pixelated}
.career-trade-extras label>span{flex:1}
.career-trade-extras small{display:block;font-size:8px;margin-top:4px;color:#6b7b60}
#career-trade-error{color:#a14938;font:11px/1.7 var(--mono)}
.career-scout-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px}
.career-scout-grid h2{font:700 24px var(--display)}
.career-scout-grid section>div{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
.career-scout-grid img{image-rendering:pixelated}
.career-scout-grid section>div>span:not(.position-rating){flex:1;font:11px var(--mono)}
.career-scout-grid section>div>span>b{font-size:9px;display:block;color:#61765b}
#career-screen button:focus-visible{outline:3px solid #46785a;outline-offset:3px}
@media(max-width:760px){
 .career-world-layout{grid-template-columns:1fr;gap:20px}
 .career-map{max-height:410px;aspect-ratio:430 / 390}
 .career-map-tools>span{font-size:10px}
 .career-map-help{font-size:8px}
 .career-location-title{margin-bottom:12px}
 .career-location-title h1{font-size:30px}
 .career-toolbar>span{font-size:8px}
 .career-toolbar .text-button{font-size:10px}
 .career-badge-strip{gap:1px;margin-bottom:10px}
 .career-badge-strip button{width:30px}
 .career-badge-strip>span{font-size:10px}
 .career-badge-strip svg{width:25px;height:25px}
 .career-box .draft-bottom{gap:10px}
 .career-box .draft-bottom .primary-button{width:auto;font-size:16px;flex:1;padding:10px}
 .career-box .draft-bottom .outline-button{font-size:16px;padding:10px}
 .career-box .formation-player small{font-size:6px}
 .career-owned-card{padding:9px;gap:6px}
 .career-owned-card>span>b{font-size:17px}
 .career-owned-card .rating-star{width:11px;height:11px}
 .career-owned-card small{font-size:7px}
 .career-scout-grid{grid-template-columns:1fr;gap:14px}
 .career-modal .primary-button{width:100%;font-size:18px;padding:12px}
}
@media(prefers-reduced-motion:reduce){.career-map *{animation:none!important;transition:none!important}}

/* Pixel treatment is scoped to career; the football game keeps its own UI. */
@font-face{font-family:CareerPixel;src:url('assets/fonts/vt323-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
#career-screen{--pixel:CareerPixel,var(--mono)}
.career-map-shell{border-radius:0;box-shadow:3px 0 #a0b498,-3px 0 #a0b498,0 3px #a0b498,0 -3px #a0b498}
.career-map{image-rendering:pixelated}
.map-path{stroke-linecap:square;stroke-linejoin:miter;filter:none}
.map-path.near{stroke:#f8efaa}
.map-stop.reachable .map-halo{stroke:#588040;stroke-dasharray:6 4;fill:#f8f8a840}
.map-region-label{font:32px var(--pixel);letter-spacing:10px}
.map-label{font:16px var(--pixel);fill:#284830}
.map-label-bg{fill:#f8f0d0;opacity:.94}
.career-map-tools>span{font:17px var(--pixel)}
.map-control{font:17px var(--pixel);border-width:2px;min-height:38px}
.career-map-help{font:15px/1.2 var(--pixel)}
.career-location-title h1,.career-box-title h1,.career-scout-heading h1{font:38px/1 var(--pixel);letter-spacing:0}
.career-location-title small{font:14px/1 var(--pixel);max-width:100px}
.career-destination-card{border:2px solid #78906c;border-radius:0;box-shadow:2px 2px #b8c4a0}
.career-destination-card b{font:27px/1 var(--pixel)}
.career-destination-card small{font:17px/1.15 var(--pixel);color:#486040}
.career-opponent-title h2,.career-player-head h2{font:32px/1 var(--pixel)}
.career-location-note,.career-opponent-card>p,.career-notice{font:18px/1.3 var(--pixel)}
.career-exits button{font:17px var(--pixel);border-width:2px}
.career-dialogue-box{border:4px double #304838;outline:3px solid #88a080;outline-offset:0;box-shadow:5px 5px #b0b898;background:#fff8d8;padding:20px}
.career-dialogue-box h1{font:30px/1 var(--pixel);letter-spacing:0}
.career-dialogue-box p:not(.sr-only){font:23px/1.2 var(--pixel);min-height:116px}
.career-scene-art{border:3px solid #304838;border-bottom:0;background:linear-gradient(#b8d8b0 0 49%,#90b890 49% 53%,#78a068 53% 60%,#c8d890 60%);image-rendering:pixelated}
.career-scene-art:before{transform:none;background:repeating-linear-gradient(90deg,#80a888 0 26px,transparent 26px 32px);top:30px;height:96px;opacity:.4}
.career-scene-yardline{border:0;background:repeating-linear-gradient(90deg,transparent 0 24px,#a0c080 24px 28px,transparent 28px 48px);height:5px;top:78%;transform:none}
.career-scene-trainer{filter:none!important}
.career-dialogue-controls .primary-button{font:23px var(--pixel)}
.career-secret h2,.career-modal-bar>b,.career-training h3,.career-trade h2{font-family:var(--pixel);font-weight:400}
.career-reward-heading h1{font-family:var(--pixel);font-weight:400}
@media(max-width:760px){
 .career-map-help{font-size:13px}
 .career-map-tools>span{font-size:16px}
 .career-location-title h1{font-size:34px}
 .career-dialogue-box p:not(.sr-only){font-size:22px;min-height:110px}
 .career-scene-art{height:200px}
}
.lobby:has(#career-screen:not([hidden])){padding-top:12px}
#career-screen .primary-button,#career-screen .outline-button{font-family:var(--pixel);font-weight:400;font-size:23px}
#career-screen .primary-button{border:2px solid #708850;box-shadow:2px 2px #9ca878}
#career-screen .outline-button{border-width:2px;border-radius:0}
#career-screen h1[tabindex="-1"]:focus{outline:none}
.career-owned-list>.career-location-note{grid-column:1/-1}
.formation-squad-number{position:absolute;top:2px;right:1px;background:#f4efd4;color:#244734;font:8px/1 var(--mono);padding:2px;font-style:normal;z-index:2;box-shadow:1px 1px #1f4936}
#map-traveler use{filter:drop-shadow(1px 0 #f8f0d0) drop-shadow(-1px 0 #f8f0d0)}

.career-travel-teams{display:grid;gap:10px;margin:12px 0 18px}
.career-travel-team{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #adb89c}
.career-travel-team>img{image-rendering:pixelated;flex:none}
.career-travel-team>div{min-width:0;flex:1}
.career-travel-team small{font:10px/1.5 var(--mono);color:#516b55}
.career-travel-team h3{font:26px/1.15 var(--pixel);margin:2px 0 6px}
.career-travel-team p{font:11px/1.5 var(--mono);margin:5px 0 0}
.career-travel-team .team-rating{justify-content:flex-start}
.career-travel-actions{position:sticky;bottom:-18px;background:#f1f0df;padding:12px 0;margin:0;box-shadow:0 -8px 0 #f1f0df}
/* Career development stays beside the roster, without a second team editor. */
.career-level-progress{display:grid;gap:5px;margin:14px 0;font:12px var(--mono);color:var(--muted)}
.career-level-progress progress{width:100%;height:9px;accent-color:#56794d}
.career-training summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}
.career-training-balance{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0;font:12px var(--mono)}
.career-oak-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:16px 0}
.career-oak-player{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #a5b298;background:#e4ead5;min-height:64px}
.career-oak-player input{width:20px;height:20px;accent-color:#56794d;flex-shrink:0}
.career-oak-player img{image-rendering:pixelated;object-fit:contain}
.career-oak-player span{display:grid;gap:5px;font-size:14px}
.career-oak-player small{font:11px var(--mono);color:#516b55}
.career-training .outline-button{white-space:normal;text-align:left}
.career-training summary::after{content:"+";margin-left:auto;font:18px var(--mono)}
.career-training[open] summary::after{content:"−"}

/* Keep collection controls usable without losing the field or the current list. */
.career-collection-controls{margin:16px 0}
.career-collection-search,.career-filter-grid>label{display:grid;gap:6px;min-width:0;font:11px/1.4 var(--mono);color:#405b46}
.career-collection-search{margin-bottom:10px}
.career-collection-controls input,.career-collection-controls select{width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #a7b598;border-radius:2px;background:#fffef4;color:var(--ink);font:14px/1.3 var(--mono)}
.career-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.career-collection-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:10px 0;font:11px/1.5 var(--mono);color:#405b46}
.career-collection-summary button,[data-clear-collection]{min-height:44px}
.career-ready{display:inline-block;padding:3px 5px;background:#dcebb8;color:#24452d;border:1px solid #99af73;font:700 9px/1.4 var(--mono)}
.career-empty{grid-column:1/-1;padding:18px 12px;border:1px dashed #a5b298;text-align:center;font:12px/1.6 var(--mono)}
.career-empty p{margin:0 0 8px}
.career-modal-notice{padding:10px 12px;margin:0 0 14px;background:#e1edc6;border:1px solid #a5b298;font:12px/1.5 var(--mono)}
.career-modal-notice:empty{display:none}
.career-training>[data-train]{display:flex;align-items:center;justify-content:center;gap:10px;white-space:normal}
.career-training>[data-train] img{flex-shrink:0}
.career-owned-card small{font-size:10px;line-height:1.5;color:#405b46}
.career-oak-player span,.career-trade-extras label>span{min-width:0;overflow-wrap:anywhere}
.career-oak-player img,.career-trade-extras img{flex-shrink:0}
.career-selection-footer{position:sticky;bottom:var(--feedback-bar-height,44px);z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid #a5b298;box-shadow:0 -8px 0 var(--bg)}
.career-selection-footer>p{flex:1 1 180px;font:12px/1.5 var(--mono);margin:0}
.career-selection-footer .text-button{min-height:44px}
.career-selection-footer .primary-button{width:100%;white-space:normal}
.career-modal .career-selection-footer{bottom:-18px;background:#f1f0df;box-shadow:0 -8px 0 #f1f0df}
.career-trade-extras .is-unavailable{opacity:.5}
.career-trade-extras input{flex-shrink:0}
.career-trade-extras small{font-size:10px;line-height:1.4}
.career-selection-footer>p:empty{display:none}
#career-screen input:focus-visible,#career-screen select:focus-visible,#career-screen summary:focus-visible{outline:3px solid #46785a;outline-offset:3px}
@media(max-width:760px){
 .career-search input,.career-search select,.career-collection-controls input,.career-collection-controls select{font-size:16px}
 .career-box-title,.career-scout-heading{flex-wrap:wrap}
 .career-owned-card>span>b{font-size:19px}
 .career-modal-bar>b{min-width:0;font-size:24px}
 .career-modal .career-actions .primary-button,.career-modal .career-actions .outline-button{font-size:21px;white-space:normal}
}
@media(max-width:480px){
 .career-badge-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0}
 .career-badge-strip button{width:100%;min-width:0}
 .career-badge-strip>span{grid-column:1/-1;margin:0;justify-self:end;font-size:11px;line-height:1.5}
 .career-toolbar{column-gap:6px!important}
 .career-toolbar>span{font-size:9px;line-height:1.5}
 .career-box .draft-bottom{flex-wrap:wrap}
 .career-box .draft-bottom .primary-button,.career-box .draft-bottom .outline-button{flex:1 1 135px;white-space:normal}
 .career-oak-list{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px){
 .career-owned-list{grid-template-columns:minmax(0,1fr)}
}