:root{--burg:#660000;--burg2:#7a0707;--cream:#fff8e8;--paper:#fffdf8;--gold:#e1b25b;--yellow:#f5d529;--ink:#351b1b;--muted:#765f5b}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.top{height:92px;background:var(--burg);overflow:hidden;border-bottom:1px solid #7e1515}.top img{height:92px;width:auto;display:block;margin-left:3.1vw;object-fit:contain}.shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:calc(100vh - 92px)}aside{background:linear-gradient(180deg,#7b0606 0%,#660000 100%);color:#fff;padding:20px 14px 18px;position:sticky;top:0;height:calc(100vh - 92px);overflow:auto}.labbrand{padding:0 18px 16px;border-bottom:1px solid rgba(255,255,255,.24)}.labbrand small,.mission>b,.pill{color:#f1ce32;letter-spacing:2px;font-weight:800;font-size:11px}.labbrand h2{font-size:23px;line-height:1.08;margin:10px 0 8px}.labbrand p{opacity:.86;line-height:1.45;margin:0;font-size:14px}nav{padding:8px 0}.nav{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:10px 12px;border-radius:9px;font-size:14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.13);transition:.16s}.nav:hover{background:rgba(255,255,255,.07)}.nav i{font-style:normal;color:#f4d31e;font-size:21px;width:28px;text-align:center}.nav.active{background:#fff9e9;color:var(--burg);font-weight:800;box-shadow:0 2px 10px rgba(0,0,0,.09)}.nav.active i{color:#8b0a0a}.mission{margin:8px 12px 0;font-size:12px}.progress{height:12px;background:#a74a45;border-radius:10px;margin:11px 0 5px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ffe36d,#f4c42b);transition:.35s}.mission>span{float:right}.mission p{display:grid;grid-template-columns:20px 1fr auto;gap:5px;border-bottom:1px solid rgba(255,255,255,.13);padding:8px 0;margin:0}.mission p:first-of-type{margin-top:14px}main{padding:12px 14px 24px;min-width:0}.page{display:none}.page.active{display:block}.intro{border:1px solid #e0b66c;border-left:4px solid var(--burg);border-radius:15px;background:var(--paper);padding:18px 22px;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:center}.intro.compact h1{font-size:34px}.intro h1{font-family:Georgia,serif;color:var(--burg);font-size:38px;line-height:1.04;margin:9px 0 8px}.intro p{font-size:15px;line-height:1.5;margin:0;max-width:880px}.pill{display:inline-block;border:1px solid #ddb361;border-radius:20px;padding:6px 10px;color:var(--burg);background:#fffaf0}.goal{background:#fff5dc;border-radius:12px;padding:14px 18px}.goal b{color:#770606;font-size:15px}.goal li{margin:7px 0;font-size:13px}.primary{background:linear-gradient(180deg,#920909,#740202);color:#fff;border:0;border-radius:8px;padding:13px 20px;font-weight:800;cursor:pointer;margin-top:16px;box-shadow:0 2px 0 #530000}.primary:hover{filter:brightness(1.06)}.wide{width:100%;font-size:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.stats div,.overviewgrid article,.gamecard,.mapbox,.results{background:var(--paper);border:1px solid #e1b96e;border-radius:14px}.stats div{padding:17px}.stats b{font-size:29px;color:var(--burg);display:block}.stats span{font-size:12px;color:#775c5c}.overviewgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.overviewgrid article{padding:19px}.overviewgrid h3{color:var(--burg);margin-top:0}.workspace{display:grid;grid-template-columns:minmax(650px,1.65fr) minmax(340px,.86fr);gap:10px;margin-top:10px}.mapbox,.results{padding:18px}.mapbox h3{color:var(--burg);margin:0 0 10px;font-size:16px}.toggle,.resulttabs{display:flex;gap:9px;margin-bottom:18px}.toggle button,.resulttabs button{padding:12px 20px;border:1px solid #ddb565;border-radius:8px;background:#fffdf8;color:var(--burg);cursor:pointer;font-weight:600}.toggle button.active,.resulttabs button.active{background:linear-gradient(180deg,#920909,#720202);color:#fff}.map-area{display:grid;grid-template-columns:minmax(410px,1.15fr) minmax(270px,.85fr);gap:14px;align-items:start}.dropzones{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.zone{padding:10px 8px;border-radius:10px;text-align:center;min-height:165px;border:1px solid rgba(0,0,0,.03)}.zone:nth-child(1){background:#fff0ea}.zone:nth-child(2){background:#fff7d9}.zone:nth-child(3){background:#eef9df}.zone:nth-child(4){background:#e9f4ff}.zone h4{margin:0 0 8px;font-size:13px}.zone h4:before{content:'●';margin-right:6px}.zone:nth-child(1) h4:before{color:#b51616}.zone:nth-child(2) h4:before{color:#c99a00}.zone:nth-child(3) h4:before{color:#348c39}.zone:nth-child(4) h4:before{color:#2777b8}.counter{border:1px dashed #cba77b;border-radius:8px;padding:15px 4px;margin:7px 0;font-size:26px;background:rgba(255,255,255,.38)}.zone .controls{display:flex;justify-content:center;gap:5px}.zone button{width:32px;height:28px;border:1px solid #d5b36f;background:#fff;border-radius:6px;cursor:pointer}.tokenbank{margin-top:13px;padding:11px;border:1px solid #ead6ad;border-radius:10px;background:#fffaf0}.tokenbank>div:first-child{display:flex;justify-content:space-between;font-size:12px}.countrychips{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:9px;max-height:100px;overflow:auto}.chip{border:1px solid #ead9ba;border-radius:6px;background:#fffdf8;padding:5px 3px;font-size:10px;text-align:center;color:#5d4b47}.europe-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px}.europe{width:100%;max-width:365px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.05))}.map-caption{text-align:center;color:#6f625d;font-size:12px;margin-top:-12px}.map-caption small{font-size:10px}.results h2{color:var(--burg);margin:0;font-size:20px}.results>p{font-size:13px;margin:6px 0 14px}.locked,.note,.feedback,.reveal{background:#fff4d9;border-radius:10px;padding:14px;margin-top:12px;line-height:1.45}.resulttable{width:100%;border-collapse:collapse;font-size:13px}.resulttable th,.resulttable td{padding:10px;border:1px solid #ead9b8;text-align:left}.resulttable th{background:#fffaf0}.note{font-size:12px}.gamecard{padding:26px;margin-top:12px;max-width:1050px}.bigcard{border:2px dashed #d6ad63;background:#fff9ea;border-radius:14px;padding:28px;text-align:center;font-size:21px;font-weight:800;margin-bottom:16px}.three,.four,.two,.causes{display:grid;gap:10px}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:repeat(2,1fr);max-width:650px;margin:auto}.causes{grid-template-columns:repeat(2,1fr)}.three button,.four button,.two button,.causes button{padding:15px;border:1px solid #d9ae5f;background:#fffaf0;color:var(--burg);border-radius:8px;font-weight:800;cursor:pointer}.three button:hover,.four button:hover,.two button:hover,.causes button:hover{background:#fff0c9}.center{text-align:center}.stat{font-size:70px;color:var(--burg);font-weight:900;margin:14px}.stat small{display:block;font-size:11px;letter-spacing:2px}.hidden{display:none!important}.duels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.duel{border:1px solid #e1bd78;border-radius:10px;padding:18px}.duel select{width:100%;padding:10px;margin-top:12px}.reveal{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.final{background:var(--burg);color:#fff;border-radius:14px;padding:26px;margin-top:18px}.final h2{color:#fff}.final small{color:#f5cf36;letter-spacing:2px}@media(max-width:1200px){.shell{grid-template-columns:255px 1fr}.workspace{grid-template-columns:1fr}.map-area{grid-template-columns:1fr 320px}.intro{grid-template-columns:1fr}.countrychips{grid-template-columns:repeat(5,1fr)}}@media(max-width:800px){.top,.top img{height:72px}.top img{margin-left:8px}.shell{display:block}aside{position:relative;height:auto}.mission{display:none}nav{display:flex;overflow:auto}.nav{min-width:185px}.intro h1,.intro.compact h1{font-size:29px}.stats,.overviewgrid,.three,.duels{grid-template-columns:1fr}.four,.causes,.map-area{grid-template-columns:1fr}.dropzones{grid-template-columns:repeat(2,1fr)}.countrychips{grid-template-columns:repeat(4,1fr)}}
/* Final BRAIN visual system */
.top{height:145px;background:#660000;border-bottom:0;border-radius:0 0 10px 10px}
.top img{height:145px;margin-left:2.5vw;background:#660000}
aside{background:#660000;height:calc(100vh - 145px)}
.shell{min-height:calc(100vh - 145px)}
.realmap path{fill:#d8d5cd;stroke:#fffdf7;stroke-width:1.1;vector-effect:non-scaling-stroke;transition:.2s}
.realmap path:hover{fill:#c9b99d;stroke:#660000;stroke-width:1.4}
.europe-wrap{background:radial-gradient(circle at 50% 45%,#fffdf8 0,#fffdf8 45%,#fff8e8 100%);border-radius:14px;padding:6px}
.subtabs{display:flex;gap:8px;margin:12px 0 0}.subtab{border:1px solid #d9ae5f;background:#fffaf0;color:#660000;padding:10px 18px;border-radius:8px;font-weight:800;cursor:pointer}.subtab.active{background:#660000;color:white}.subpane{display:none}.subpane.active{display:block}.splitgames{display:grid;grid-template-columns:1fr 1fr;gap:12px}.splitgames .gamecard{max-width:none}.mission .progress i{background:#f5d529}
@media(max-width:900px){.top,.top img{height:105px}.shell{min-height:calc(100vh - 105px)}.splitgames{grid-template-columns:1fr}}
.landscape-area{grid-template-columns:minmax(360px,.95fr) minmax(360px,1.05fr)}
.landscape-summary{background:#fff8e8;border:1px solid #ead5a8;border-radius:12px;padding:14px 16px;margin-bottom:12px;display:grid;gap:3px}.landscape-summary span{font-size:11px;letter-spacing:1.5px;color:var(--burg);font-weight:900}.landscape-summary b{font-size:20px;color:var(--burg)}.landscape-summary small{color:#806e66}.distribution{display:grid;gap:11px}.distrow{padding:10px 12px;border:1px solid #ead9b8;border-radius:10px;background:#fffdf8}.disthead{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}.disthead span{font-weight:800;color:var(--burg)}.distbar{height:12px;background:#f3e6c7;border-radius:9px;overflow:hidden}.distbar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#7d0505,#d59b0b);transition:width .45s}.secondary{border:1px solid #b77d1e;background:#fffaf0;color:var(--burg);border-radius:8px;padding:12px 16px;font-weight:800;cursor:pointer;margin-top:13px}.comparison{margin-top:12px;padding:13px;border-radius:10px;background:#fff4d9;border:1px solid #ead5a8}.compareline{display:grid;grid-template-columns:1fr 70px 70px;gap:7px;padding:7px 0;border-bottom:1px solid #ead9b8;font-size:12px}.compareline em{font-style:normal;font-weight:800;color:var(--burg)}.comparison small{display:block;margin-top:10px;line-height:1.4}.insight-question{display:grid;gap:8px;margin-top:14px}.insight-question>b{margin-bottom:3px;color:var(--burg)}.insight-question button{border:1px solid #ddb565;background:#fffaf0;border-radius:9px;padding:12px;text-align:left;color:#5d2222;cursor:pointer;font-weight:700}.insight-question button:hover{background:#fff0c9}.studykey{margin-top:13px;padding:13px;border:1px solid #ead9b8;border-radius:10px;background:#fffdf8;font-size:12px;line-height:1.5}.studykey b,.studykey span{color:var(--burg)}.studykey p{margin:7px 0}.realmap path{transition:fill .2s,stroke .2s}.realmap path:hover{fill:#ead5a8!important;stroke:#7d0505!important;stroke-width:1.2}
@media(max-width:800px){.landscape-area{grid-template-columns:1fr}}
/* Visual separation between BRAIN header and application */
.shell{margin-top:12px;min-height:calc(100vh - 157px)}
aside{height:calc(100vh - 157px)}
@media(max-width:900px){.shell{margin-top:10px;min-height:calc(100vh - 115px)}}
@media(max-width:800px){aside{height:auto}}

/* V4: keep the burgundy sidebar continuous to the bottom of the page */
.shell{align-items:stretch}
aside{height:auto;min-height:100%;position:relative;top:auto;align-self:stretch;overflow:visible;background:#660000}
@media(max-width:800px){aside{height:auto;min-height:0}}