/* Career edition: the original MATCH IQ visual system, expanded. */
.app{max-width:1300px}header{height:88px}.brand{background:none;border:0;color:white}.topnav{display:flex;gap:5px;margin-left:auto}.topnav button{background:none;border:0;color:var(--muted);padding:12px 15px;border-radius:7px;font-weight:700;font-size:14px}.topnav button.active{background:#c7ff4f18;color:var(--lime)}.icon-button{margin-left:10px}.player-strip{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.player-strip label{color:var(--muted)}select,input,textarea{font:inherit;background:#142236;border:1px solid #3b4c64;color:white;border-radius:7px;padding:10px;max-width:100%}select{min-height:42px}.player-strip select{min-width:130px;max-width:220px}.cloud{margin-left:auto;color:var(--muted);font-size:12px}.text-button{border:0;background:none;color:var(--lime);padding:10px;font-size:13px;font-weight:700}.status{padding:13px 17px;border:1px solid #ffbd6660;background:#312619;border-radius:8px;margin:16px 0;color:#ffe1ba;font-size:14px}.status button{margin-left:12px}.view-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:32px 0 25px}.view-heading h1{font-size:45px}.view-heading p{color:var(--muted);margin:12px 0 0;font-size:14px}.welcome{padding-top:28px}.home-grid{grid-template-columns:320px 1fr}.challenge-card h2{font-size:58px}.challenge-card{min-height:460px}.challenge-card>p{max-width:360px}.card-bottom h2{overflow-wrap:anywhere}.player-card{min-height:395px}.home-summary{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0 0}.home-summary span{color:var(--muted);font-size:13px}.home-summary b{color:white;font-size:20px;margin-right:5px}.mini-pitch{opacity:.4}.chapter-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0}.chapter-chip{background:#152133;border:1px solid var(--line);border-radius:10px;padding:17px;text-align:left;color:white}.chapter-chip small{font-size:10px;letter-spacing:1px;color:var(--muted)}.chapter-chip strong{display:block;margin:8px 0;font:700 22px 'Barlow Condensed',sans-serif}.chapter-chip span{font-size:12px;color:var(--muted)}.chapter-chip:hover{border-color:var(--lime)}.chapter-banner{border:1px solid var(--line);border-radius:13px;padding:24px;background:linear-gradient(120deg,#1e3240,#101b29);margin-bottom:20px}.chapter-banner h2{font-size:36px;margin:8px 0}.chapter-banner p{font-size:14px;color:var(--muted);margin:0}.career-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.situation{min-height:175px;display:flex;flex-direction:column;align-items:start;text-align:left;padding:18px;border:1px solid var(--line);border-radius:11px;color:white;background:#152134;position:relative}.situation:not(:disabled):hover{border-color:var(--lime);background:#20312e}.situation:disabled{opacity:.55}.situation .num{font-family:'Barlow Condensed',sans-serif;font-size:30px;color:var(--lime)}.situation strong{font-size:15px;line-height:1.3;margin:12px 0 9px}.situation small{font-size:11px;color:var(--muted)}.stars{letter-spacing:3px;color:var(--lime);font-size:17px}.situation .stars{margin-top:auto;padding-top:12px}.final-node{border-color:#c7ff4f70;background:#253125}.lock-note{font-size:13px;color:var(--muted);margin:18px 0 30px}.panel{border:1px solid var(--line);border-radius:12px;background:#131f30;padding:24px}.panel h2{font-size:28px;margin-bottom:10px}.panel p{font-size:14px;color:var(--muted);line-height:1.6}.practice-tools{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.practice-tools label{font-size:14px}.practice-tools input{accent-color:var(--lime);width:18px;height:18px;vertical-align:middle}.practice-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.practice-item{text-align:left;display:flex;flex-direction:column;gap:10px}.practice-item h3{font-size:17px;margin:0}.practice-item small{color:var(--lime)}.practice-item p{margin:0;flex:1}.practice-item button{margin-top:7px}.coach-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat-tile{border:1px solid var(--line);background:#142032;border-radius:10px;padding:20px}.stat-tile b{font:700 37px 'Barlow Condensed',sans-serif;color:var(--lime);display:block}.stat-tile span{font-size:12px;color:var(--muted)}.skill-row{margin-top:18px}.skill-row div:first-child{display:flex;justify-content:space-between;font-size:13px;gap:12px}.skill-row small{color:var(--muted);font-size:12px}.skill-row .progress{height:6px;margin-top:8px}.assignment-form{display:grid;gap:12px}.assignment-form label{font-size:13px;color:var(--muted)}.assignment-form select,.assignment-form textarea{width:100%;margin-top:7px}.assignment-form textarea{min-height:76px;resize:vertical}.assignment-item{border-top:1px solid var(--line);padding:16px 0}.assignment-item strong{font-size:14px}.assignment-item p{margin:6px 0;font-size:13px}.assignment-item small{color:var(--lime);font-size:12px}.table-wrap{overflow:auto;margin-top:20px;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:15px 17px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#192638;color:var(--muted);font-size:11px;letter-spacing:.6px}td:first-child{white-space:normal;min-width:170px}td small{color:var(--muted);display:block;margin-top:5px}.empty{padding:30px;text-align:center;color:var(--muted);line-height:1.6}.coach-note{font-size:12px!important;margin-top:20px!important}.muted{color:var(--muted)}.loading{padding:80px 20px;text-align:center;color:var(--muted)}.loading h1{color:white;font-size:40px;margin-bottom:16px}.onboarding{max-width:540px;margin:55px auto}.onboarding h1{font-size:50px;margin-bottom:20px}.onboarding p{line-height:1.7;color:var(--muted)}.onboarding label{display:block;margin:25px 0 10px}.onboarding input{width:100%;margin-bottom:15px}.game-heading h1{font-size:32px}.game-heading .secondary{min-width:60px}.game-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr)}.decision-panel .brief{font-size:16px;color:#d0dbe7;line-height:1.6}.context-line{display:block;color:var(--lime);font-size:12px;letter-spacing:1px;margin-bottom:14px}.choices button{padding:13px 11px}.choices b{font-size:14px}.choices button>span:last-child{font-size:14px;color:white;margin:0}.decision-panel h2{font-size:34px}.choices .key{min-width:30px;text-align:center}.setup-actions{margin-top:25px}.setup-actions p{font-size:12px;color:var(--muted);text-align:center}.timer-label strong{font-size:28px}.result-actions{display:grid;gap:9px}.reward{flex-wrap:wrap;gap:10px}.reward strong{font-size:25px}.coach-note-box{border-left:3px solid var(--lime);padding:10px 13px;background:#c7ff4f09;margin-bottom:16px;color:#c9d4df;font-size:13px}.finish-banner{border:1px solid var(--lime);border-radius:10px;padding:15px;margin:18px 0;background:#c7ff4f0a}.finish-banner strong{color:var(--lime)}.finish-banner p{font-size:13px;margin:7px 0 0}.result-stars{font-size:29px;color:var(--lime);letter-spacing:7px;margin-bottom:14px}.result-entrance{animation:reward-in .35s ease-out}@keyframes reward-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}dialog{width:min(460px,calc(100% - 32px));border:1px solid var(--line);border-radius:15px;background:#142134;color:white;padding:26px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog h2{font-size:32px}dialog label{display:block;margin-bottom:8px}dialog input{width:100%;margin-bottom:17px}.dialog-actions{display:flex;gap:10px}.dialog-actions button{flex:1}.kit-selector{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.kit-selector button{border:2px solid #445568;border-radius:50%;width:29px;height:29px;padding:0}.kit-selector button[aria-pressed=true]{outline:2px solid white;outline-offset:3px}.player-card{border-color:var(--kit,var(--lime))}.resume-banner{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:22px}.resume-banner p{margin:0}.resume-banner .primary{width:auto;min-width:160px}.success-text{color:var(--lime)!important}.storage-error{color:#ffbd66}.sync-button{font-size:12px;padding:7px 10px}.short-note{font-size:12px;color:var(--muted);line-height:1.6}.view-footer{padding:26px 0;font-size:12px;color:var(--muted)}
@media(max-width:900px){.career-grid{grid-template-columns:repeat(3,1fr)}.chapter-strip{gap:7px}.chapter-chip{padding:12px}.chapter-chip strong{font-size:18px}.coach-grid{grid-template-columns:1fr}.topnav button{padding:10px}.edition{display:none}.practice-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){header{height:68px;flex-wrap:wrap;gap:8px}.brand{font-size:20px}.topnav{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#0c1424f5;backdrop-filter:blur(12px);border-top:1px solid var(--line);justify-content:space-around;padding:9px 5px max(9px,env(safe-area-inset-bottom))}.topnav button{font-size:12px;padding:12px 16px}.app{padding-bottom:75px}.icon-button{margin-left:auto;font-size:12px;padding:8px 12px}.player-strip{gap:7px;padding:10px 0;font-size:12px;flex-wrap:wrap}.player-strip select{font-size:13px;min-height:36px;max-width:160px;padding:6px}.cloud{font-size:10px}.player-strip .text-button{padding:8px;font-size:12px}.view-heading{margin:25px 0 20px;align-items:start}.view-heading h1{font-size:37px}.view-heading p{font-size:13px}.welcome{padding:22px 0}.welcome h1{font-size:40px}.home-grid{display:flex}.player-card{min-height:150px}.challenge-card{min-height:390px}.challenge-card h2{font-size:45px;max-width:235px}.challenge-card>p{font-size:13px;max-width:240px}.home-summary{gap:12px}.home-summary span{font-size:11px}.home-summary b{font-size:17px}.chapter-strip{display:flex;overflow-x:auto;padding:2px 2px 10px;margin:18px 0}.chapter-chip{min-width:137px}.chapter-chip strong{font-size:21px}.chapter-chip span{font-size:11px}.career-grid{grid-template-columns:repeat(2,1fr);gap:10px}.situation{min-height:157px;padding:15px}.situation strong{font-size:14px}.chapter-banner{padding:19px}.chapter-banner h2{font-size:31px}.practice-list{grid-template-columns:1fr}.panel{padding:20px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-tile{padding:16px}.stat-tile b{font-size:33px}.stat-tile span{font-size:12px}.game-heading{padding:18px 0 14px;gap:12px}.game-heading h1{font-size:24px}.game-grid{display:flex}.game .player-strip{display:none}.canvas-wrap{min-height:230px;max-height:34vh}canvas{min-height:230px;max-height:34vh}.decision-panel{padding:14px 0 25px}.decision-panel h2{font-size:29px}.decision-panel .brief{font-size:14px;line-height:1.55}.choices{grid-template-columns:1fr;gap:7px}.choices button{min-height:45px;padding:11px;justify-content:start;gap:10px}.choices .key{display:block;padding:4px 6px;font-size:11px}.choices b{font-size:13px}.choices button>span:last-child{display:block}.context-line{font-size:10px;margin-bottom:10px}.setup-actions{margin-top:15px}.game-heading .eyebrow{font-size:9px}.timer-label{margin-top:10px}.timer-track{margin-bottom:10px}.control-hint{font-size:10px}.reward{margin:15px 0}.result-actions{grid-template-columns:1fr}.result-actions button{font-size:14px}.resume-banner{flex-direction:column;align-items:start;gap:12px}.resume-banner .primary{width:100%}.kit-selector{margin:14px 0}.onboarding{margin:35px auto}.onboarding h1{font-size:42px}.onboarding p{font-size:14px}.game .topnav{display:none}.game .app{padding-bottom:8px}.cloud button{padding:7px}.view-footer{font-size:11px}.result-stars{font-size:24px}.game .brand{font-size:18px}.game header{height:57px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
