@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Nunito+Sans:wght@600;700;800;900&display=swap');
/* The approved mock-up's colours and shapes applied to the real game. */
body.light-game{--ink:#18334d;--text:#18334d;--muted:#506b6b;--panel:#fff;--line:#dce5e6;background:#d5e7e6;color:#18334d;font-family:'Nunito Sans',system-ui,-apple-system,sans-serif}
.light-game .manager-shell{max-width:1240px;margin:auto;min-height:100vh;background:#f8f5e9;box-shadow:0 0 38px #12364a1c}
.light-game .wrap{background:#f8f5e9;max-width:1120px}
.light-game .manager-sidebar{background:#102c47}
.light-game .top{border-color:#e2e9df}.light-game .brand-icon{background:#275fe9;color:#fff;border-radius:13px}
.light-game .brand{font-family:'Barlow Condensed',system-ui,sans-serif;color:#163752;font-size:22px;font-weight:800;text-transform:uppercase}
.light-game .tag{color:#41756f;font-size:10px;font-weight:900;letter-spacing:.16em}
.light-game h1,.light-game h2,.light-game h3{color:#102c47}
.light-game h1,.light-game h2{font-family:'Barlow Condensed',system-ui,sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:.01em}
.light-game h1{font-size:clamp(36px,7vw,46px);line-height:.97}
.light-game .lead,.light-game .note,.light-game .section-label,.light-game .manager-page-label{color:#56716f}
.light-game .stage.active{color:#245ce8;border-color:#245ce8}
.light-game .panel,.light-game .start-setup,.light-game .wall-card{background:#fff;color:#18334d;border:1px solid #dce5e6;border-radius:20px;box-shadow:0 12px 25px rgba(24,51,77,.09)}
.light-game .panel h2{color:#102c47;font-size:25px}.light-game .pill{background:#e0f0df;color:#337566;font-size:11px}
.light-game button,.light-game input,.light-game select{color:#18334d;border:2px solid #dce5e6;border-radius:13px;background:#fff;min-height:50px}
.light-game button{font-weight:900}.light-game button.primary{background:#245ce8;border-color:#245ce8;color:white;box-shadow:0 5px 0 #1a46b5}
.light-game button.primary:hover:not(:disabled){background:#1f53cf;border-color:#1f53cf}.light-game button.subtle{color:#24445e;border-color:#dce5e4}
.light-game button:focus-visible,.light-game input:focus-visible,.light-game select:focus-visible,.light-game summary:focus-visible{outline:3px solid #ffb54d;outline-offset:3px}
.light-game .start-setup::before{height:140px;border-radius:20px;background:#a7e2ff url('./light-stadium.svg') center / cover no-repeat}
.light-game .setup-kicker,.light-game .setup-foot{color:#64817b}.light-game .setup-foot b,.light-game .setup-kicker b{color:#245ce8}
.light-game .formation-picker{margin:12px 0;color:#537276;font-weight:900}.light-game .formation-picker select{width:100%;margin-top:4px}
.light-game .selected-formation{display:flex;align-items:center;gap:14px;padding:12px;border:2px solid #245ce8;border-radius:19px;background:#fff;margin-bottom:12px}
.light-game .selected-formation strong,.light-game .selected-formation small{display:block}.light-game .selected-formation strong{font-family:'Barlow Condensed',system-ui;font-size:26px}.light-game .selected-formation small{font-size:12px;color:#56716f}
.light-game .mini-pitch{background:#20885d;border:1px solid #c9e8ce}
.light-game .draft-counter,.light-game .draft-budgets>div{background:#eef5ec;color:#315e53}.light-game .draft-counter{border-left-color:#24845e}.light-game .draft-budgets{background:#dce5e6}
.light-game .draft-budgets strong,.light-game .draft-budgets>div:last-child strong{color:#18334d}
.light-game .legend-card{border-color:#c3ab6d;border-radius:20px;background:linear-gradient(145deg,#193e50,#102f43);color:#fff}
.light-game .legend-card-stat strong,.light-game .legend-card-name strong{color:#fff9dd}.light-game .legend-overall{color:#f8e4a3}
.light-game .bid-step{background:#eff4ff;color:#2455ba}.light-game .light-autodraft,.light-game .help,.light-game .notice{background:#eef5e9;color:#244d3d;border-color:#c8dfc7}
.light-game .club-matchup{background:#fff;border-color:#dce5e6}.light-game .club-entry b{color:#18334d}.light-game .club-versus{color:#587777}
.light-game .bench-player,.light-game .squad-row{background:#f2f8ef;border-color:#dce5e4;color:#18334d}
.light-game .pitch-shell{background:#156247}.light-game .pitch{background:repeating-linear-gradient(0deg,#25895f 0%,#25895f 12.5%,#21835b 12.5%,#21835b 25%)}
.light-game .wall-card{border-left:5px solid #7fb5d1}.light-game .wall-card.team-human{border-left-color:var(--team-human-color,#3d72d1)}.light-game .wall-card.team-ai{border-left-color:var(--team-ai-color,#cc444e)}
.light-game .wall-card.wall-pending{background:#f8fbf7}.light-game .dice-duel-board{background:#102f4b;border-color:#102f4b;color:#fff}.light-game .dice-duel-board .dice-team-label{color:#d6e6e4}
.light-game .dice-explainer{background:#eef5ec;border-color:#d7e7d3;color:#18334d}.light-game .light-more,.light-game details.panel{border-radius:16px}
.light-game .score .scoreval{color:#102c47}.light-game .progressline i{background:#24845e}
.light-game .footer,.light-game .photo-credit{color:#64817b}.light-game .footer a,.light-game .photo-credit a{color:#2455ba}
@media(max-width:900px){.light-game .manager-shell{max-width:470px}.light-game .wrap{padding-left:18px;padding-right:18px}.light-game .panel,.light-game .wall-card,.light-game .start-setup{padding:16px}.light-game .top .subtle{font-size:13px}.light-game .panel h2{font-size:24px}.light-game .start-setup::before{height:160px}}