@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');:root{--ink:#302714;--gold:#ffd74d;--yellow:#ffed9e;--paper:#fffdf4;--line:#e9d9a7}*{box-sizing:border-box}html{scroll-behaviour:smooth}body{margin:0;font:16px Nunito,system-ui,sans-serif;colour:var(--ink);background:#fffaf0}a{colour:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #314fcb;outline-offset:3px}header{background:#ffe065;border-bottom:3px solid #e9bb26;position:relative;z-index:5}.topbar{max-width:1140px;margin:auto;display:flex;justify-content:space-between;align-items:centre;padding:15px 20px;gap:18px}.brand{font-weight:1000;font-size:21px;letter-spacing:-.6px}.menu{display:flex;gap:20px;font-weight:900;font-size:14px}.menu a:hover{text-decoration:underline}main{max-width:1140px;margin:auto;padding:28px 22px 70px}.hero{border-radius:32px;background:radial-gradient(circle at 88% 20%,#ffefaa,transparent 35%),linear-gradient(135deg,#ffdc51,#ffed9b);border:3px solid #edc247;padding:35px;box-shadow:0 13px 0 #e9b94733;position:relative;overflow:hidden}.hero h1{font-size:clamp(34px,5.5vw,65px);letter-spacing:-2px;margin:8px 0 10px;line-height:1.1;font-weight:1000;max-width:670px}.hero p{font-size:18px;font-weight:700;max-width:620px}.kicker{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:1000;colour:#765315}.hero-art{position:absolute;right:5%;top:30px;font-size:clamp(55px,11vw,135px);transform:rotate(8deg);filter:drop-shadow(0 12px 0 #e0aa3033)}.btn,.chip{border:0;display:inline-flex;gap:8px;align-items:centre;justify-content:centre;background:#33271b;colour:white;border-radius:14px;padding:13px 20px;font-weight:900;box-shadow:0 5px 0 #1e160e;transition:transform .14s}.btn:hover,.chip:hover{transform:translateY(-2px)}.btn.secondary,.chip{background:white;colour:#3a2b16;box-shadow:0 4px 0 #dac685;border:2px solid #e6d18b}.section-title{font-size:30px;font-weight:1000;letter-spacing:-1px;margin:34px 0 16px}.topic-grid,.activity-grid,.game-grid-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.topic-card{border-radius:24px;border:3px solid #eed38c;min-height:195px;background:#fff2c2;padding:25px;display:block;box-shadow:0 8px 0 #e8c35c55;transition:transform .15s,box-shadow .15s}.topic-card:hover,.activity-card:hover,.game-tile:hover{transform:translateY(-4px);box-shadow:0 11px 0 #d7af4a55}.topic-card.rome{background:#fce5c6;border-colour:#edc389}.topic-card.historian{background:#e1efff;border-colour:#a6c8e9}.topic-icon{font-size:49px;display:block;margin-bottom:10px;line-height:1}.topic-card h2{font-size:25px;margin:5px 0}.topic-card p{font-weight:700;colour:#5e5035;margin:6px 0}.crumb{font-size:13px;font-weight:900;colour:#7d621e;margin-bottom:14px}.page-title{font-size:clamp(31px,4vw,49px);font-weight:1000;letter-spacing:-1.3px;margin:8px 0}.lede{font-size:18px;colour:#645235;font-weight:700;margin:4px 0 28px}.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-card{border-radius:22px;padding:23px;border:2px solid #e5d29a;min-height:168px;display:flex;flex-direction:column;gap:7px;box-shadow:0 6px 0 #d7af4a33;transition:.18s}.activity-card .em{font-size:38px}.activity-card b{font-size:19px}.activity-card small{font-weight:800;colour:#62523a}.card-flash{background:#ffe2a0}.card-game{background:#d9eefe}.card-terms{background:#e5f2d5}.card-notes{background:#f9dfea}.card-ppt{background:#e9e2ff}.card-links{background:#f9ead1}.panel{background:white;border:2px solid var(--line);border-radius:23px;padding:25px;box-shadow:0 5px 0 #efdcaa55;margin-top:18px}.term-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.term{border:2px solid #e5d2a9;border-radius:17px;padding:18px;background:#fff9e6}.term b{font-size:18px}.term p{font-size:14px;margin:7px 0 0}.progress{height:12px;background:#f2e5c1;border-radius:20px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#f6b838,#75c75c);transition:width .3s}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.tabs button,.mini{border:2px solid #d9c28a;background:white;border-radius:13px;padding:10px 14px;font-weight:900;colour:#392c1c}.tabs .active{background:#ffdd5b;border-colour:#d6aa32}.flash-card{min-height:255px;border:0;border-radius:26px;padding:30px;display:grid;place-content:centre;text-align:centre;cursor:pointer;colour:white;background:radial-gradient(circle at 80% 20%,#8875df,transparent 50%),linear-gradient(130deg,#42319b,#6d54c2);box-shadow:0 10px 0 #372570;transition:transform .18s}.flash-card:hover{transform:translateY(-2px)}.flash-card .overline{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:900;opacity:.85}.flash-card h2{font-size:clamp(22px,4vw,33px)}.flash-card.answer{background:linear-gradient(135deg,#176b58,#2a9d76);box-shadow:0 10px 0 #135241}.flash-buttons{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:23px 0}.status-btn{border-radius:15px;min-height:59px;font-weight:1000;border:2px solid #d2bf93;background:#fff}.status-btn.no{background:#ffdad7;border-colour:#e19b97}.status-btn.yes{background:#d1f3c8;border-colour:#9bca8d}.game-tile{display:flex;align-items:centre;gap:15px;padding:19px 17px;border-radius:20px;background:white;border:2px solid #e4d1a0;box-shadow:0 6px 0 #ddbd7555;transition:.15s}.game-tile .emoji{font-size:38px}.game-tile b{font-size:17px;display:block}.game-tile small{colour:#716448;font-size:12px;font-weight:800}.game-stage{border-radius:28px;overflow:hidden;border:3px solid #e0c890;box-shadow:0 14px 0 #ddc28844;background:#fff;margin-top:8px}.stage-top{padding:15px 24px;background:#302719;colour:#fff5c8;display:flex;justify-content:space-between;font-weight:1000}.scene{position:relative;min-height:290px;overflow:hidden}.scene.history{background:linear-gradient(#a1d4ef 0% 57%,#9bb582 57% 68%,#d7c29b 68%)}.scene.rome{background:linear-gradient(#ffcf8a 0% 61%,#c8865b 61% 68%,#c2a47f 68%)}.sun{position:absolute;right:12%;top:21px;width:66px;height:66px;border-radius:50%;background:#fff3ad;box-shadow:0 0 0 18px #fff1b33b}.scene .building{position:absolute;bottom:53px;right:7%;font-size:clamp(80px,13vw,155px);filter:drop-shadow(0 7px 2px #3a28142e)}.scene .character{position:absolute;left:9%;bottom:40px;font-size:clamp(64px,12vw,122px);z-index:2;transition:transform .6s}.scene .character.hop{animation:hop .8s ease-in-out}.scene .ground{position:absolute;bottom:0;height:66px;background:repeating-linear-gradient(90deg,#98724c 0px,#98724c 60px,#a5825a 61px,#a5825a 120px);width:100%}.scene.history .ground{background:repeating-linear-gradient(90deg,#7b9763 0 50px,#91ac77 50px 100px)}.scene .props{position:absolute;bottom:47px;left:35%;font-size:60px;letter-spacing:35px}.scene .banner{position:absolute;top:25px;left:22px;padding:9px 14px;border-radius:12px;background:#ffffffbd;colour:#3f3424;font-weight:1000}.answer-area{padding:22px;background:#fff6d6}.question-box{text-align:centre;font-size:clamp(21px,3vw,29px);font-weight:1000;margin:0 0 18px}.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.option{font-weight:1000;font-size:clamp(12px,2vw,16px);min-height:85px;border-radius:18px;border:3px solid #e7bb65;background:linear-gradient(#fffdf2,#ffe4a1);box-shadow:0 7px 0 #d9ab55;colour:#513917;padding:14px 9px;transition:transform .14s}.option:hover{transform:translateY(-4px)}.option.correct{background:#b0eeac;border-colour:#5da65d}.option.wrong{background:#ffd3cd;border-colour:#cd7771}.feedback{text-align:centre;min-height:28px;colour:#624916;font-weight:900;margin:20px 0 0}.scene.history .artifact{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);font-size:52px}.daily{background:linear-gradient(125deg,#fff8e2,#ffe5a0);border:3px solid #e9c46b;border-radius:25px;padding:25px;display:flex;justify-content:space-between;gap:20px;align-items:centre;margin-top:26px}.daily h2{margin:0;font-size:27px}.daily p{font-weight:700}.daily .score{font-size:37px;font-weight:1000;colour:#9b6818}.quiz-option{display:block;width:100%;text-align:left;border:2px solid #decc9e;border-radius:15px;padding:15px;margin:9px 0;background:#fffdfa;font-weight:900}.quiz-option:hover{background:#fff2ba}.muted{colour:#765d36;font-weight:700}.tools{display:flex;flex-wrap:wrap;gap:10px;margin:13px 0}.input{padding:12px;border:2px solid #e5d1a4;border-radius:12px;width:100%}.tiles{display:flex;flex-wrap:wrap;gap:9px}.tiles button{font-size:21px;font-weight:1000;min-width:44px;min-height:51px;border:2px solid #9b6a4e;background:#f9db9f;border-radius:12px}.mem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mem-grid button{min-height:98px;background:#5b4bb4;colour:white;border:3px solid #9486e4;border-radius:15px;font-weight:900;overflow-wrap:anywhere}.mem-grid button.open{background:#fff5bf;colour:#312755}.mem-grid button.matched{background:#b9f1be;colour:#285530}.word-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px}.word-grid button{aspect-ratio:1;background:#e5f6e7;border:1px solid #8eb99a;font-weight:1000;font-size:clamp(9px,2vw,14px);padding:0}.word-grid button.picked{background:#ffcc61}.word-grid button.found{background:#acecb9}.sort-items{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sort-items button{background:#ffedbd;border:3px solid #dbb566;border-radius:16px;padding:16px;font-weight:900}.timeline-list{display:grid;gap:9px}.timeline-line{display:flex;gap:9px;align-items:centre;background:#fff0c9;border:2px solid #e2c178;border-radius:14px;padding:10px}.timeline-line span{flex:1;font-weight:900}.timeline-line button{border:0;background:#fff;border-radius:8px;padding:9px;font-weight:900}.blank{padding:35px;background:#fff8e3;border-radius:15px}.breadcrumbs a{text-decoration:underline}footer{text-align:centre;padding:28px 10px;background:#ffedab;font-weight:800;colour:#76592f} @keyframes hop{0%{transform:translate(0,0)}48%{transform:translate(105px,-75px) rotate(-8deg)}100%{transform:translate(0,0)}}@media(max-width:700px){.hero-art{opacity:.22;right:-20px}.topic-grid,.activity-grid,.game-grid-list,.term-grid{grid-template-columns:1fr}.hero{padding:26px}.options{grid-template-columns:1fr}.scene{min-height:235px}.game-tile{padding:14px}.daily{display:block}.mem-grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* 2026 revision expansion */
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:17px;margin:22px 0}.feature{display:block;text-decoration:none;colour:#34251b;background:#fff;border:2px solid #eddca9;border-radius:24px;padding:21px;box-shadow:0 8px 0 #e7d4a9;transition:transform .16s}.feature:hover,.feature:focus-visible{transform:translateY(-4px);border-colour:#d29d2b}.feature .picture{font-size:43px;display:block;margin-bottom:10px}.feature strong{display:block;font-size:1.12rem}.feature small{display:block;colour:#706149;margin-top:6px;line-height:1.5}.funbox{background:white;border:2px solid #f1d47b;border-radius:24px;padding:22px;margin:18px 0;box-shadow:0 7px 0 #eedda8}.funbox h2{margin-top:0}.goldbutton{background:#f6be38;colour:#35290d;border:2px solid #b68011;border-radius:14px;padding:12px 18px;font:inherit;font-weight:850;cursor:pointer;margin:5px}.goldbutton:focus-visible,.choice:focus-visible{outline:4px solid #0a7396;outline-offset:3px}.goldbutton:hover{background:#ffdb71}.choice{display:block;width:100%;background:#fff6d9;border:2px solid #d9ae48;border-radius:13px;padding:12px;margin:8px 0;text-align:left;font:inherit;cursor:pointer}.choice:hover{background:#ffe69c}.scene-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:15px 0}.scene-cell{border:3px solid #d7b267;background:linear-gradient(#ffefc6,#e9bd7c);border-radius:20px;padding:24px 8px;min-height:145px;text-align:centre;font:inherit;cursor:pointer}.scene-cell .scene-icon{display:block;font-size:50px;margin-bottom:8px}.scene-cell:hover{transform:translateY(-3px)}.output{border-radius:16px;padding:15px;background:#fff1c3;min-height:45px;margin-top:12px}.muted-copy{colour:#725f45}.pillrow{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.pill{border:2px solid #d2b366;border-radius:100px;padding:8px 13px;background:#fff9e8;font:inherit;cursor:pointer}.pill.active{background:#f8ca53;font-weight:800}.panelgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.panelgrid>div{background:#fff7dc;padding:17px;border-radius:15px}.bigtext{font-size:1.3rem;font-weight:800}.studyinput{width:100%;border:2px solid #bd9b51;border-radius:12px;padding:12px;font:inherit;background:white;margin:7px 0}.studytextarea{min-height:170px;resize:vertical}.status-good{colour:#175d3e;font-weight:800}.status-bad{colour:#a73328;font-weight:800}.tiny{font-size:.85rem}.artifact-board{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-width:550px;margin:auto}.soil{border:0;background:linear-gradient(140deg,#be8950,#795033);height:82px;border-radius:8px;cursor:pointer;font-size:27px;colour:white}.soil.dug{background:#f8e7b5;colour:#4f3921}.hero-feature{background:linear-gradient(110deg,#ffe3a0,#fff6d7);border:2px solid #eabf55;border-radius:20px;padding:18px}.hp{height:17px;background:#e7dac1;border-radius:15px;overflow:hidden}.hp>div{background:#41b983;height:100%}.tilepick{font-size:25px;background:#fff2bd;border:2px solid #c99a30;border-radius:9px;margin:4px;padding:8px}.progressrail{background:#eee0bf;height:12px;border-radius:12px;overflow:hidden}.progressrail>div{height:100%;background:#eeb22b}.a11y-large{font-size:115%!important}.a11y-contrast{filter:contrast(1.2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media print{header,footer,.no-print,.goldbutton,.pillrow{display:none!important}.funbox{box-shadow:none;break-inside:avoid}body{background:white!important;colour:black!important}.print-only{display:block!important}}@media(max-width:540px){.funbox{padding:13px}.artifact-board{gap:3px}.soil{height:56px}.feature-grid{grid-template-columns:1fr 1fr}.feature{padding:14px}}