@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
:root{--paper:#f2f0e7;--card:#faf9f3;--ink:#25392f;--muted:#73776d;--line:#d9dbcf;--green:#284d3b;--gold:#ba8b30;--red:#b05342;--blue:#4b748d;--shadow:0 8px 28px #25392f08;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:6px;padding:10px 15px;font-size:13px;font-weight:600;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#e6eade;transform:translateY(-1px)}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover:not(:disabled){background:#193a2a}.ghost{background:transparent;border-color:transparent;padding:8px}.small{padding:6px 10px;font-size:12px}a{color:var(--green)}.serif,h1,h2,h3{font-family:'Libre Baskerville',Georgia,serif;font-weight:400}.shell{max-width:1460px;margin:auto;padding:22px 38px 32px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;gap:12px}.brand-small{font-family:Georgia,serif;font-size:20px;font-weight:bold;display:flex;gap:10px;align-items:center}.brand-mark{background:var(--green);color:var(--paper);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:24px}.nav{display:flex;align-items:center;gap:13px}.languages{display:flex;padding:3px;border:1px solid var(--line);border-radius:6px}.languages button{border:0;border-radius:3px;padding:5px 9px;background:none}.languages button.active{background:var(--green);color:white}.masthead{display:flex;align-items:center;justify-content:space-between;position:relative;padding:27px 0 24px;overflow:hidden}.masthead h1{font-size:clamp(48px,5.2vw,76px);letter-spacing:-4px;margin:9px 0 12px;line-height:1.1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px}.masthead p{font-size:12px;color:var(--muted);margin:0}.city{position:absolute;width:48%;right:130px;bottom:3px;opacity:.75;z-index:-0;pointer-events:none}.mast-copy,.year-badge{position:relative;z-index:1}.year-badge{border-left:1px solid var(--line);padding:14px 0 14px 26px;min-width:108px;text-align:center}.year-badge strong{display:block;font-family:Georgia,serif;font-size:50px;font-weight:400;line-height:1.1}.year-badge small{font-size:10px;color:var(--muted)}.edition-bar{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid var(--ink);border-bottom:3px double var(--ink);font-size:10px;letter-spacing:.8px;text-transform:uppercase}.save-state{color:var(--muted);display:flex;align-items:center;gap:6px}.save-state:before{content:'';width:5px;height:5px;background:#5a8563;border-radius:50%}.main-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;gap:23px;margin-top:24px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px;font-size:10px;letter-spacing:1.6px;font-weight:700}.section-sub{font-size:12px;color:var(--muted);margin:0 0 19px;line-height:1.5}.panel{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:20px;box-shadow:var(--shadow)}.nation{padding:21px 18px}.track{padding:13px 0;border-bottom:1px solid var(--line)}.track:last-child{border-bottom:0;padding-bottom:0}.track-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500}.track strong{font-size:25px;line-height:1}.track strong small{font-size:10px;color:var(--muted);font-weight:400}.track-bar{display:flex;gap:3px;margin:11px 0 5px}.track-bar i{height:8px;flex:1;background:#e9ebe3;border-radius:1px}.track-bar i.on{background:var(--track-color)}.track-note{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.track.danger .track-note,.track.danger strong{color:var(--red)}.tax-note{border-top:1px solid var(--line);margin-top:19px;padding-top:13px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.mandate{margin-top:18px;padding:16px 17px;background:#e8ecdf;border-radius:6px}.mandate p{font-size:12px;line-height:1.65;margin:9px 0 0}.stage-card{min-height:315px;position:relative;text-align:center;padding:26px 26px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#fafaf5,#f1f3e9);border-color:#bfcab7}.stage-card h2{font-size:27px;line-height:1.4;letter-spacing:-.8px;margin:13px 0 11px}.stage-card p{font-size:13px;line-height:1.8;color:#6c7569;max-width:440px;margin:0 0 18px}.stage-card .eyebrow{color:var(--muted);font-size:9px}.stage-card .choices{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.stage-card .draw-button{min-width:205px;padding:14px 25px;font-size:13px}.bag-illustration{width:63px;height:61px;background:var(--green);border-radius:14px 14px 23px 23px;position:relative;margin:16px 0 0;transform:rotate(-6deg);box-shadow:inset -8px -5px 0 #173d2b}.bag-illustration:before{content:'';position:absolute;top:-8px;width:45px;left:9px;border-top:8px solid #8c9e79;border-radius:6px;transform:rotate(6deg)}.bag-illustration:after{content:'A';font:32px Georgia;color:#cbd3b1;position:absolute;inset:11px 0 0}.cubes{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.cubes.center{justify-content:center}.cube{--cube:#fff;width:21px;height:21px;background:var(--cube);display:inline-flex;justify-content:center;align-items:center;border-radius:3px;border:1px solid #0002;box-shadow:inset -3px -3px 0 #0001,0 2px 2px #0001;font-size:10px;font-weight:bold;color:white;flex-shrink:0}.cube.d{--cube:#3a403b}.cube.r{--cube:#b9624e}.cube.b{--cube:#5f8397}.cube.w{--cube:#e9e6da;color:#77776b}.cube.y{--cube:#d4ae50;color:#654f24}.cube.large{width:47px;height:47px;font-size:19px;border-radius:6px;box-shadow:inset -6px -6px 0 #0001,0 4px 5px #0001;transform:rotate(-7deg)}.cube.large:nth-child(2){transform:rotate(7deg);margin-left:10px}.current-cubes{display:flex;justify-content:center;gap:8px;margin:18px 0 5px}.stage-card .source-control{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:12px}.source-control select{font-size:11px;padding:5px;background:var(--card);border:1px solid var(--line);border-radius:4px;color:var(--ink)}.institutions{margin-top:22px}.institution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.institution{padding:16px 12px;border-top:3px solid var(--institution-color);box-shadow:none;display:flex;flex-direction:column;min-height:192px}.institution h3{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;margin:0 0 11px;min-height:30px}.institution .benefit{font-size:11px;line-height:1.5;min-height:30px;color:var(--muted)}.cut-dots{display:flex;align-items:center;gap:5px;margin:17px 0 5px}.cut-dots i{width:15px;height:6px;border:1px solid #d4d8cc;border-radius:2px}.cut-dots i.on{background:var(--red);border-color:var(--red)}.cut-dots span{font-size:9px;color:var(--muted);margin-left:auto}.penalty{font-size:10px;color:var(--red);margin-bottom:14px}.institution button{margin-top:auto;width:100%;padding:7px 4px;font-size:11px}.institution button+button{margin-top:6px}.budget-head{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 4px}.budget-head strong{font:37px Georgia}.budget-head span{font-size:11px;color:var(--muted)}.composition-bar{display:flex;height:7px;overflow:hidden;border-radius:2px;margin:12px 0 15px}.composition-bar i{background:var(--cube)}.bag-row{display:flex;align-items:center;gap:10px;margin-top:11px;font-size:12px}.bag-row strong{margin-left:auto;font-weight:500}.pool{margin-top:17px;padding-top:16px;border-top:1px solid var(--line)}.pool .section-title{font-size:9px;margin-bottom:12px}.pool .empty{font-size:11px;color:var(--muted)}.action-panel{margin-top:18px;padding:18px 16px}.fiscal{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.fiscal:last-child{border-bottom:0}.fiscal h3{font-family:inherit;font-size:12px;font-weight:600;margin:0 0 5px}.fiscal p{font-size:10px;line-height:1.5;color:var(--muted);margin:0}.fiscal button{padding:6px 9px}.action-panel select{max-width:100%;margin-top:6px}.tools{display:flex;flex-wrap:wrap;gap:4px;margin-top:15px}.tools button{font-size:10px;padding:6px 8px;color:var(--muted)}.record{margin-top:22px;padding:19px 21px}.record-list{max-height:170px;overflow:auto;scrollbar-width:thin}.record-entry{display:flex;gap:17px;padding:9px 0;font-size:11px;border-bottom:1px solid #e8e9e0;line-height:1.6}.record-entry small{font-size:9px;white-space:nowrap;color:var(--muted);min-width:45px;padding-top:2px}.record-entry:last-child{border-bottom:0}.footer{margin-top:28px;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted);line-height:1.7}.footer p{max-width:650px;margin:0}.footer a{font-size:10px}.policy-panel{margin-top:18px;padding:16px}.policy-line{font-size:11px;padding:7px 0;border-bottom:1px solid var(--line)}.policy-panel summary{font-size:10px;margin-top:10px;cursor:pointer}.policy-panel p{font-size:10px;line-height:1.7;color:var(--muted)}.policy-panel button{margin-top:7px}.policy-selects{display:flex;flex-direction:column;gap:12px;text-align:left}.policy-selects select{padding:8px;background:var(--card);border:1px solid var(--line);color:var(--ink)}.overlay{position:fixed;inset:0;background:#13271dd0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(5px)}.modal{background:var(--paper);border-radius:10px;padding:32px;max-width:650px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 100px #0004}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.modal h2{font-size:26px;line-height:1.45;margin:0}.modal h3{font-size:17px;margin:24px 0 10px}.modal p{font-size:13px;line-height:1.8;color:var(--muted)}.modal label{display:block;font-size:12px;margin-bottom:15px}.modal select{display:block;width:100%;padding:11px;margin-top:7px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--ink)}.modal input[type=checkbox]{accent-color:var(--green);margin-right:8px}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:26px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.advanced-setup{padding:15px;background:#e8ecdf;border-radius:6px}.advanced-setup summary{font-size:12px;cursor:pointer}.advanced-setup label{margin:15px 0 0}.download-list{display:grid;gap:9px}.download-list a{font-size:13px;text-decoration:none;padding:12px;border:1px solid var(--line);border-radius:5px;display:flex;justify-content:space-between}.reference-row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:13px}.reference-row .cubes{min-width:49px;align-self:flex-start;margin-top:5px}.reference-row strong{font-size:12px}.reference-row p{font-size:11px;margin:5px 0}.tutorial-modal{max-width:630px;text-align:center;padding:32px 38px}.tutorial-modal .modal-header{justify-content:space-between;text-align:left;margin:0}.tutorial-modal h2{font-size:25px;margin:20px 0 12px}.tutorial-modal p{font-size:13px;min-height:68px}.tutorial-visual{height:135px;background:#e5ebdd;border:1px solid #ced8c1;border-radius:7px;display:flex;justify-content:center;align-items:center;gap:20px;position:relative;margin:25px 0 19px}.tutorial-visual .demo-stat strong{font:36px Georgia;display:block}.tutorial-visual .demo-stat small{font-size:10px}.tutorial-visual .cube.large{width:46px;height:46px}.step-dots{display:flex;gap:7px;justify-content:center;margin:22px 0}.step-dots i{height:5px;width:23px;background:var(--line);border-radius:5px}.step-dots i.on{background:var(--green)}.tutorial-modal .modal-footer button{font-size:12px}.tutorial-modal .practice-status{min-height:20px;font-size:11px;color:var(--green);margin-bottom:0}.tutorial-language{display:flex;gap:4px}.tutorial-language button{padding:4px 8px;font-size:11px}.tutorial-language .active{background:var(--green);color:white}.game-over .result-seal{font-family:Georgia;font-size:36px;border:2px solid var(--gold);border-radius:50%;width:70px;height:70px;display:grid;place-items:center;color:var(--gold);margin-top:14px}.game-over.loss .result-seal{border-color:var(--red);color:var(--red)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 19px;background:var(--green);color:#fff;border-radius:6px;z-index:30;font-size:13px;max-width:90%;display:none}#toast.visible{display:block}.mobile-meta{display:none}@media(min-width:1500px){.shell{padding-top:30px}.main-grid{gap:28px;grid-template-columns:280px minmax(0,1fr) 280px}.stage-card{min-height:355px}}@media(max-width:1150px){.shell{padding:18px 23px}.main-grid{grid-template-columns:220px minmax(0,1fr);gap:18px}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.right-column .action-panel{margin-top:0}.stage-card{padding:23px 18px}.institution h3{font-size:11px}.city{right:100px;width:55%}.policy-panel{grid-column:1/-1}}@media(max-width:720px){.shell{padding:15px}.topbar{padding-bottom:13px}.nav{gap:4px}.nav button{font-size:11px;padding:7px}.brand-small{font-size:17px}.brand-mark{width:27px;height:27px;font-size:21px}.masthead{padding:20px 0}.masthead h1{font-size:54px;letter-spacing:-3px}.masthead .eyebrow{font-size:8px;letter-spacing:1.2px}.masthead p{font-size:10px;max-width:240px}.city{right:60px;width:67%;opacity:.4}.year-badge{min-width:60px;padding-left:13px}.year-badge strong{font-size:39px}.edition-bar{font-size:8px;letter-spacing:.3px}.main-grid{grid-template-columns:1fr;margin-top:18px;gap:18px}.left-column{display:contents}.nation{order:1;padding:15px}.nation .section-sub{display:none}.tracks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.track{border:0;padding:12px 0 0;min-width:0}.track-head{display:block;font-size:9px;min-height:46px}.track-head strong{display:block;margin-top:8px;font-size:23px}.track-bar{gap:2px;margin-top:7px}.track-bar i{height:5px}.track-note{font-size:7px;letter-spacing:0}.tax-note{margin-top:12px;padding-top:9px}.mandate{order:4;margin-top:0}.center-column{order:2}.right-column{order:3;display:block;grid-column:auto}.right-column .action-panel{margin-top:18px}.stage-card{min-height:320px;padding:22px 17px}.stage-card h2{font-size:25px}.institution{padding:13px 9px}.institution h3{font-size:11px;min-height:32px}.institution .benefit{font-size:10px}.penalty{font-size:9px;min-height:28px}.cut-dots{gap:3px}.cut-dots i{width:10px}.cut-dots span{font-size:8px}.institution-grid{gap:7px}.footer{flex-direction:column;gap:10px}.modal{padding:24px 20px}.tutorial-modal{padding:24px 20px}.modal h2,.tutorial-modal h2{font-size:22px}.tutorial-visual{gap:13px}.tutorial-visual .demo-stat strong{font-size:30px}.tutorial-visual .demo-stat small{font-size:8px}.setup-grid{grid-template-columns:1fr;gap:0}.nav .new-game-nav{display:none}.tools{justify-content:center}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{.nav,.tools,.actions,.modal-root,.overlay,.footer button{display:none}.shell{padding:0}.main-grid{display:block}.stage-card,.nation,.budget-panel{break-inside:avoid}.right-column{display:block}.panel{box-shadow:none}body{background:white}}
.current-cubes .cube.large{animation:reveal .3s ease-out}.stage-card h2{animation:headline .25s ease-out}@keyframes reveal{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}@keyframes headline{from{opacity:.3}to{opacity:1}}
/* Detailed lessons use the real rules engine in an isolated practice board. */
.detailed-tutorial{max-width:860px;padding:0;text-align:left;display:flex;flex-direction:column;max-height:92dvh;overflow:hidden}.lesson-header{padding:22px 28px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.lesson-header>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-picker{margin:14px 0 0!important;font-size:11px!important;color:var(--muted)}.lesson-picker select{margin-top:6px;padding:10px;min-height:42px;font-size:12px}.lesson-content{overflow:auto;overscroll-behavior:contain;padding:22px 28px;scrollbar-width:thin}.detailed-tutorial h2{margin:17px 0 18px;line-height:1.55}.detailed-tutorial p{font-size:14px;min-height:0;line-height:1.85;margin:0 0 15px;color:#515f52}.lesson-progress{height:4px;background:#dce1d4;border-radius:3px;overflow:hidden}.lesson-progress i{display:block;height:100%;background:var(--green)}.lesson-duration{font-size:11px;color:var(--muted);margin-top:16px;line-height:1.6}.lesson-board{border:1px solid #cad3bf;border-radius:7px;background:#e9ede2;padding:18px;margin:23px 0}.lesson-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.lesson-stat>span{display:block;font-size:11px;color:var(--muted);min-height:30px}.lesson-stat>strong{display:block;font-size:23px;font-family:Georgia;font-weight:400}.lesson-stat .stat-arrow{font-size:14px;color:var(--muted)}.lesson-stat b{font-weight:400}.lesson-stat .up{color:var(--green)}.lesson-stat .down{color:var(--red)}.lesson-pools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lesson-pool{background:#fafbf5;border:1px solid #d4dcc9;border-radius:5px;padding:12px;min-width:0}.lesson-pool h4{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.7px;margin:0 0 12px;line-height:1.5}.lesson-pool .cubes{gap:5px;min-height:21px}.pool-number{font-size:11px;margin-right:5px}.lesson-pool .empty{font-size:11px;color:var(--muted)}.lesson-institutions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.lesson-inst{padding:11px 0;border-top:1px solid #cbd5bf;display:flex;flex-direction:column;gap:7px;font-size:10px}.lesson-inst strong{font-size:11px}.lesson-inst span{display:flex;align-items:center;gap:5px}.lesson-legend{display:grid;gap:10px;margin:23px 0}.lesson-legend>div{display:flex;align-items:center;gap:20px;border:1px solid var(--line);padding:15px;border-radius:6px}.lesson-legend p{margin:0;font-size:13px;line-height:1.75}.lesson-legend .cube.large{flex-shrink:0}.lesson-details{font-size:13px;line-height:1.85;padding-left:22px}.lesson-details li{padding-bottom:8px}.lesson-practice{padding:17px;border:1px solid var(--line);border-radius:7px;background:var(--card);margin:18px 0}.lesson-action-label{font-size:12px;font-weight:600;margin-bottom:14px}.lesson-practice .choices{display:flex;flex-wrap:wrap;gap:8px}.lesson-practice button{min-height:44px}.detailed-tutorial .lesson-feedback{padding:14px;background:#e4ecda;border-left:3px solid var(--green);font-size:13px;color:var(--green);margin:14px 0 0}.lesson-tip{font-size:13px;line-height:1.8;padding:16px 18px;background:#e6eadf;border-radius:6px;margin-top:20px}.lesson-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 28px;border-top:1px solid var(--line);background:var(--paper);flex-shrink:0}.lesson-footer button{min-height:44px}.lesson-outcomes{display:grid;gap:12px;margin:20px 0}.lesson-outcomes>div{padding:17px;border:1px solid #cad6bc;background:#e4ecdc;border-radius:6px;font-size:13px}.lesson-outcomes>div+div{background:#f2e4dd;border-color:#d9bdb1;color:var(--red)}
@media(max-width:720px){.overlay{padding:12px}.detailed-tutorial{max-height:96dvh}.lesson-header{padding:15px 17px 12px}.lesson-content{padding:17px}.lesson-footer{padding:12px 17px}.detailed-tutorial h2{font-size:22px}.detailed-tutorial p{font-size:14px}.lesson-board{padding:12px}.lesson-stats{gap:7px}.lesson-stat>span{font-size:10px;min-height:33px}.lesson-stat>strong{font-size:20px}.lesson-institutions{grid-template-columns:1fr}.lesson-inst{display:grid;grid-template-columns:1fr auto;gap:6px}.lesson-inst>span:last-child{grid-column:1/-1}.lesson-practice .choices{flex-direction:column}.lesson-practice .choices button{width:100%;font-size:13px}.lesson-legend>div{padding:12px;gap:14px}.lesson-legend .cube.large{width:36px;height:36px;font-size:16px}.lesson-legend p{font-size:13px}.institution-grid{grid-template-columns:1fr;gap:10px}.institution{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;min-height:0;padding:16px}.institution h3{min-height:0;margin:0;font-size:13px}.institution .benefit{min-height:0;font-size:12px}.institution .cut-dots{margin:0}.institution .penalty{margin:0;font-size:11px;min-height:0}.institution button{grid-column:1/-1;min-height:44px;font-size:13px;margin-top:0}.fiscal button{min-width:44px;min-height:44px}.fiscal h3{font-size:14px}.fiscal p{font-size:12px}.tools button{min-height:44px;font-size:12px}.action-panel .source-control{display:block;font-size:12px;line-height:1.8}.action-panel select{display:block;min-height:44px;width:100%;font-size:13px}.stage-card .choices button{min-height:44px}.edition-bar{flex-wrap:wrap;gap:7px}.track-head{font-size:10px}.track-note{font-size:8px}.lesson-footer button{font-size:12px}.lesson-picker select{min-width:0;max-width:100%}}
@media(max-width:360px){.lesson-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-pools{grid-template-columns:1fr}.topbar{gap:6px}.brand-small{font-size:15px}.nav button{font-size:10px;padding:6px}.lesson-footer{padding:10px}.lesson-footer button{padding:10px}.lesson-header .eyebrow{font-size:9px;letter-spacing:1px}}
.cube-count{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.cube-count .pool-number{margin:0}