@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;600;700;800;900&display=swap');
:root{font-family:'Noto Sans TC','Microsoft JhengHei',sans-serif;color:#244650;font-synthesis:none;--teal:#078b91;--deep:#086878;--gold:#ffc64c;--orange:#ff852c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#92d6dc;position:relative}body:before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,#d6f6ff70,#a9dad0a0),url('assets/board1.png') center 48% / 230% auto;filter:blur(3px);z-index:-2}body[data-world='2']:before{background-image:linear-gradient(180deg,#e0f9de77,#75bd8977),url('assets/board2.png')}body:after{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 50% 0%,#ffffff95,transparent 60%);z-index:-1;pointer-events:none}.game-shell{max-width:1480px;margin:auto;padding:20px 38px 25px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:0 6px 20px}.identity{display:flex;gap:28px;align-items:center}.brand{font:1000 52px/.84 Arial,sans-serif;letter-spacing:-3px;color:#ff7930;transform:rotate(-6deg);text-shadow:3px 3px white,-3px -3px white,3px -3px white,-3px 3px white,0 7px #008498;filter:drop-shadow(0 3px 0 #00667233)}.brand small{display:block;font-size:27px;letter-spacing:1px;text-align:center;margin-top:5px}.kicker{font:800 11px/1.6 Arial;letter-spacing:3px;color:#148491}.identity h1{font-size:30px;font-weight:900;letter-spacing:3px;margin:4px 0 0;color:#086b7a;text-shadow:0 2px white}.top-actions{display:flex;align-items:center;gap:13px}.world-badge{padding:10px 20px;background:#ffffffa9;border:2px solid white;border-radius:30px;font-size:14px;font-weight:900;letter-spacing:1px}.icon-button{width:46px;height:46px;border-radius:50%;background:#fff8db;border:3px solid white;box-shadow:0 4px #518b9540;font-size:25px;color:#287a88}.dashboard{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.mission{display:flex;gap:12px;align-items:center;padding:12px 23px;border-radius:24px;background:#ffffff8c;border:1px solid #ffffffbd}.mission-star{font-size:35px;color:#f6a927;text-shadow:1px 2px white}.mission b{font-size:17px;display:block}.mission small{font-size:13px;color:#558286;display:block;margin-top:4px}.counters{display:flex;gap:14px}.counter{position:relative;display:flex;gap:15px;align-items:center;background:#fffef5;border:3px solid white;border-radius:22px;padding:7px 25px 12px;box-shadow:0 5px 0 #19677725;min-width:177px}.counter-icon{font-size:40px;line-height:1;color:#ff9a30}.counter small{display:block;font-size:12px;font-weight:800;color:#9f734a}.counter strong{display:block;font:900 31px/1.2 Arial;color:#ed7a28;font-variant-numeric:tabular-nums;letter-spacing:1px}.score strong{color:#0b96a1}.score small{color:#518a87}.time-track{position:absolute;bottom:0;left:18px;right:18px;height:4px;border-radius:10px;background:#f6e5c2;overflow:hidden}.time-track i{display:block;height:100%;width:100%;background:#ffb52f;transition:width .15s linear}main{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(430px,1.25fr);gap:38px;align-items:center}.clue-panel{position:relative;background:linear-gradient(#fffef4,#f7fbed);border:5px solid #fff;border-radius:32px;padding:25px 25px 18px;box-shadow:0 8px 0 #55908633,0 17px 32px #23666c20}.panel-tab{position:absolute;top:-18px;left:50%;transform:translateX(-50%) rotate(-2deg);padding:7px 30px;background:#0c98a5;border:3px solid #d8fff9;box-shadow:0 4px #087182;border-radius:12px;font-size:15px;font-weight:900;color:white;white-space:nowrap;letter-spacing:2px}.clue-heading{text-align:center;margin-top:9px}.clue-heading>span{font:900 11px Arial;letter-spacing:2px;color:#94a48a}.clue-heading h2{font-size:30px;margin:6px 0;color:#146b73;font-weight:900}.clue-heading p{font-size:13px;color:#829a89;margin:0}.picture-frame{position:relative;height:280px;margin:15px 0 14px;background:radial-gradient(#fff,#f4f6e9);border:1px solid #e5e9d7;border-radius:20px;overflow:hidden}canvas{width:100%;height:100%;object-fit:contain}#ready{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(#fffef6,#f4f7e9)}.mystery{font:900 83px/1.1 Arial;color:#edbc61;text-shadow:3px 4px #d9a44330;transform:rotate(-10deg);margin-bottom:14px}#ready b{font-size:17px}#ready p{font-size:13px;line-height:1.9;color:#7c917e;margin:10px 0}.corner{position:absolute;width:20px;height:20px;border-color:#d6debd;border-style:solid;pointer-events:none}.tl{left:13px;top:13px;border-width:3px 0 0 3px}.tr{right:13px;top:13px;border-width:3px 3px 0 0}.bl{left:13px;bottom:13px;border-width:0 0 3px 3px}.br{right:13px;bottom:13px;border-width:0 3px 3px 0}.reveal-label{display:flex;justify-content:space-between;gap:5px;font-size:12px;color:#81927b;margin-bottom:7px}.reveal-label b{color:#b28c45;white-space:nowrap}.progress{height:12px;border-radius:20px;background:#eae9cf;border:2px solid #fff;box-shadow:0 0 0 1px #e4dec5;overflow:hidden}.progress i{display:block;height:100%;width:0;background:repeating-linear-gradient(120deg,#ffc844 0 10px,#ffdf67 10px 20px);border-radius:20px}.feedback{font-size:14px;font-weight:800;min-height:56px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.6;padding:8px 0;color:#638b7d}.feedback.correct{color:#188a57}.feedback.wrong{color:#cf7b38}.record{display:flex;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px dashed #d6dec4;font-size:12px;color:#849978}.record b{color:#809950;font-size:15px}.record b span{font-size:22px;color:#61873e}.play-panel{text-align:center;min-width:0}.board-heading{display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;margin-bottom:12px;color:#397a78}.step-badge{display:grid;place-items:center;border-radius:50%;width:23px;height:23px;color:white;background:#159b99;border:2px solid #e7fff8;font:bold 13px Arial}.heading-divider{width:24px;height:1px;background:#89b8a7;margin:0 5px}.board{position:relative;width:100%;max-width:590px;aspect-ratio:1;margin:auto;border:5px solid #faffeb;border-radius:28px;box-shadow:0 8px 0 #367f7240,0 18px 28px #22665025;isolation:isolate}.base{display:block;width:100%;height:100%;border-radius:23px;user-select:none;pointer-events:none}.disc{position:absolute;left:50%;top:50%;aspect-ratio:1;border-radius:50%;overflow:hidden;touch-action:none;cursor:grab;user-select:none;will-change:transform;filter:drop-shadow(0 3px 3px #704e2440)}.disc:active{cursor:grabbing}.disc img{width:100%;height:100%;display:block;pointer-events:none}.upper{width:75.5%;z-index:1}.lower{width:51.32%;z-index:2}.hub{position:absolute;left:50%;top:50%;width:29%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(at 35% 25%,#fff1c9,#e8cba0);border-radius:50%;border:2px solid #fff7df;box-shadow:0 4px 12px #a47e5230;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.hub span{font:900 clamp(20px,2.5vw,34px) Arial;color:#bd823f;letter-spacing:-1px;text-shadow:0 2px #fff5d4}.hub small{font:700 8px Arial;letter-spacing:1.5px;color:#b38a5b;margin-top:5px}.hub i{width:17px;height:17px;background:radial-gradient(at 30% 20%,white,#a3a4a0 65%,#666);border-radius:50%;margin-top:13px;box-shadow:0 2px 3px #866e5060}.marker{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.word-hit{position:absolute;transform:translate(-50%,-50%);width:10%;aspect-ratio:1;border:0;border-radius:50%;background:transparent;z-index:5;padding:0;cursor:pointer}.word-hit:hover{box-shadow:0 0 0 3px #ffcf55,0 0 20px #fff998}.match-console{display:flex;align-items:center;justify-content:center;gap:18px;margin:20px auto 0;width:fit-content;background:#fffef2e8;border:2px solid white;border-radius:20px;padding:9px 20px;box-shadow:0 4px 0 #5b9a7030}.selected-word{display:flex;flex-direction:column;text-align:left;border-right:1px solid #d9e3c8;padding-right:17px}.selected-word small,.letter-control label{font-size:11px;color:#819879;font-weight:800}.selected-word select{font-size:17px;color:#39765f;max-width:132px;border:0;background:transparent;padding:3px 0;font-weight:900}.letter-control>div{display:flex;align-items:center;gap:4px}.letter-control label{display:block;text-align:center;margin-bottom:2px}.letter-control button{width:27px;height:30px;padding:0;background:#eef2e1;color:#7b977b;border:1px solid #dfe6ca;border-radius:8px;font:800 24px Arial}.letter-control select{font:800 23px Arial;border:0;color:#82552e;background:transparent;width:48px;cursor:pointer}.control-tip{font-size:12px;color:#5f8b7b;margin:9px 0 0}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 0 0}.round-note{display:flex;gap:11px;align-items:center}.round-note>span{display:grid;place-items:center;width:42px;height:42px;border:2px solid #ffffffd0;border-radius:50%;font:900 20px Arial;color:#699273;background:#f7ffe288}.round-note b{display:block;font-size:14px;color:#477d6c}.round-note small{font-size:12px;color:#74977f}.primary{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:260px;background:linear-gradient(#ffb02d,#ff8129 75%);border:3px solid #fff4b0;border-radius:24px;box-shadow:0 5px 0 #d15e28,0 0 0 2px #ef9c43,0 10px 18px #b36a2730;color:white;font-size:26px;font-weight:900;text-shadow:0 2px #d96927;padding:11px 38px;cursor:pointer;transition:transform .12s,filter .12s}.primary small{font:800 10px Arial;letter-spacing:3px;margin-top:4px;color:#fff6d5;text-shadow:none}.primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #d15e28}.primary:disabled{opacity:.65;cursor:wait}.footer-tag{font:900 13px Arial;letter-spacing:3px;color:#629b86}button,select{font-family:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #ed832b;outline-offset:4px}dialog{border:5px solid #fff8d9;border-radius:30px;max-width:510px;width:92%;padding:30px;text-align:center;color:#326960;box-shadow:0 25px 90px #17444350;background:linear-gradient(#fffef4,#f4f7e5)}dialog::backdrop{background:#124b58a6;backdrop-filter:blur(8px)}dialog h2{font-size:28px;color:#197c7e;margin:7px 0 8px}.dialog-kicker{font:800 10px Arial;letter-spacing:3px;color:#84a498}dialog p{font-size:14px;line-height:1.8;color:#78917d}.world-options{display:flex;gap:15px;margin:22px 0}.world-option{padding:8px 8px 12px;border:3px solid #e0e6cd;border-radius:18px;background:white;flex:1;min-width:0;color:#497465}.world-option img{width:100%;border-radius:10px}.world-option b{display:block;font-size:13px;margin:10px 0 4px}.world-option small{font-size:12px;color:#91a181}.world-option.active{border-color:#ffb63c;background:#fff8dd;box-shadow:0 4px 0 #f0dc99}.setting-info{font-size:12px!important}dialog .primary{margin:24px auto 12px;font-size:22px;min-width:220px}.quiet{padding:9px 20px;border:0;background:transparent;color:#79947f;font-size:14px}.result-stars{font-size:45px;color:#ffb932;letter-spacing:8px;margin-bottom:15px;text-shadow:0 4px #f1dfab}.result-score strong{font:900 86px Arial;color:#ff9131}.result-score span{font-size:18px;margin-left:7px}.result-best{font-size:13px;color:#859477;background:#eaf0d9;padding:10px;border-radius:10px}.urgent strong{color:#e04b35}.urgent .counter-icon{animation:tick .6s infinite alternate}.correct-pop{animation:pop .35s}.board.flash{animation:flash .5s}@keyframes tick{to{transform:rotate(-15deg) scale(1.1)}}@keyframes pop{50%{transform:scale(1.2)}}@keyframes flash{50%{box-shadow:0 0 0 8px #fff5a9,0 0 40px #ffdd78}}@media(min-width:1450px){.board{max-width:640px}.picture-frame{height:335px}.game-shell{padding-top:27px}.dashboard{margin-bottom:27px}}@media(max-width:1050px){.game-shell{padding:20px}.identity{gap:18px}.identity h1{font-size:25px}.mission{padding:10px 15px}.mission b{font-size:14px}.mission small{font-size:11px}.counter{min-width:130px;padding:7px 15px 10px;gap:8px}.counter-icon{font-size:30px}.counter strong{font-size:27px}main{gap:20px;grid-template-columns:minmax(270px,.8fr) minmax(380px,1.2fr)}.clue-panel{padding:25px 16px 14px}.picture-frame{height:240px}.match-console{gap:9px;padding:9px 10px}.selected-word{padding-right:8px}.footer-tag{display:none}.clue-heading h2{font-size:26px}}@media(max-width:760px){.topbar{padding-bottom:16px}.brand{font-size:38px}.brand small{font-size:20px}.identity{gap:15px}.kicker{font-size:8px;letter-spacing:1px}.identity h1{font-size:21px;letter-spacing:1px}.world-badge{display:none}.icon-button{width:39px;height:39px;font-size:22px}.dashboard{gap:10px;flex-direction:column;margin-bottom:30px}.mission{width:100%;justify-content:center;padding:8px}.mission-star{font-size:25px}.mission b{font-size:14px}.counters{width:100%}.counter{flex:1;justify-content:center}.counter strong{font-size:27px}.counter small{font-size:11px}main{grid-template-columns:1fr;gap:22px}.clue-panel{padding:21px 17px 10px}.clue-heading>span{display:none}.clue-heading h2{font-size:23px;margin:3px 0}.clue-heading p{display:none}.picture-frame{height:210px;margin:10px 0}.record{padding-top:7px}.feedback{min-height:43px;font-size:13px}.board{max-width:580px;border-width:4px}.board-heading{font-size:13px}.match-console{margin-top:17px;gap:16px}.selected-word select{font-size:16px}.hub span{font-size:28px}.control-tip{font-size:11px}.primary{min-width:215px;font-size:23px}footer{padding-top:20px;flex-direction:column;gap:15px}.round-note{order:2}.round-note b{font-size:12px}.round-note small{font-size:11px}footer .primary{width:100%;max-width:450px}.game-shell{padding:18px 14px 25px}.result-stars{font-size:36px}.world-option b{font-size:11px}.world-options{gap:8px}dialog{padding:24px 17px}.selected-word{padding-right:10px}.letter-control select{width:45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:761px) and (max-height:900px){.game-shell{padding-top:13px;padding-bottom:16px}.topbar{padding-bottom:13px}.dashboard{margin-bottom:20px}.board{max-width:min(540px,calc(100vh - 325px))}.picture-frame{height:210px}.clue-panel{padding-top:21px}.clue-heading h2{font-size:25px}.clue-heading p{display:none}.match-console{margin-top:13px;padding-top:5px;padding-bottom:5px}.control-tip{margin-top:6px}footer{padding-top:15px}.primary{padding:8px 35px;font-size:23px}.feedback{min-height:44px}.record{padding-top:8px}.hub span{font-size:26px}}
.clue-panel>.primary{width:100%;min-width:0;margin-top:18px;font-size:24px}footer{padding-top:15px}footer .round-note{opacity:.85}@media(min-width:761px) and (max-height:900px){.picture-frame{height:180px}.clue-panel>.primary{margin-top:13px;padding:8px 20px}.clue-panel{padding-bottom:16px}.clue-heading{margin-top:5px}.clue-heading h2{font-size:23px}.feedback{min-height:40px}}@media(max-width:760px){.clue-panel>.primary{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:430px;z-index:9;margin:0;padding:10px 20px;font-size:23px}.clue-panel>.primary:hover:not(:disabled),.clue-panel>.primary:active:not(:disabled){transform:translateX(-50%)}.game-shell{padding-bottom:105px}}

.board-picker{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:800;color:#3a7e81}.board-picker select{font-size:14px;padding:9px 14px;border:2px solid white;border-radius:18px;color:#286d77;background:#f8fff0;font-weight:800}.board-picker select:disabled{opacity:.65}.world-options{display:grid;grid-template-columns:1fr 1fr}.world-option{max-width:190px}body[data-world='3']:before{background-image:linear-gradient(180deg,#e0f9de77,#75bd8977),url('assets/board3.png')}body[data-world='4']:before{background-image:linear-gradient(180deg,#b5efff99,#72cad788),url('assets/board4.png')}@media(max-width:760px){.topbar{flex-wrap:wrap;gap:18px}.top-actions{width:100%;justify-content:space-between}.board-picker{flex:1;flex-direction:row;align-items:center;gap:10px}.board-picker select{flex:1}.world-option{max-width:none}}

/* Two-letter answer controls */
.match-console{display:flex;justify-content:center;gap:28px}.letter-control{flex:1;max-width:240px}

/* Larger clue area and accessible alphabet controls */
main{grid-template-columns:minmax(340px,1fr) minmax(400px,1.08fr);align-items:start;gap:32px}.picture-frame{height:auto;aspect-ratio:560/460}.board{max-width:600px}.match-console{width:100%;max-width:600px;padding:18px 22px;gap:24px;border-radius:24px}.letter-control{max-width:none}.letter-control label{font-size:17px;margin-bottom:8px;color:#477b74}.letter-control>div{justify-content:center;gap:10px}.letter-control button{width:48px;height:52px;font-size:36px;border-radius:13px}.letter-control select{font-size:38px;width:76px;height:56px;text-align:center}.control-tip{font-size:13px;margin-top:12px}.round-actions{display:flex;gap:12px}.round-actions button{border:2px solid white;border-radius:15px;background:#fffbea;color:#246f73;font-size:16px;font-weight:800;padding:12px 22px;box-shadow:0 4px #367f7225}.round-actions button:hover{background:white}.round-actions button:active{transform:translateY(2px)}
@media(min-width:761px) and (max-height:900px){.board{max-width:500px}.picture-frame{height:auto;aspect-ratio:560/460}.match-console{padding:13px 18px}.clue-panel{padding:22px 20px 16px}}
@media(max-width:760px){main{grid-template-columns:1fr;gap:24px}.picture-frame{height:auto;aspect-ratio:560/460}.match-console{gap:12px;padding:15px 10px}.letter-control>div{gap:5px}.letter-control button{width:42px;height:48px}.letter-control select{font-size:34px;width:65px}.round-actions{width:100%;justify-content:center}.round-actions button{flex:1;padding:12px 8px}.control-tip{font-size:11px}}

body[data-screen="menu"] .dashboard,body[data-screen="menu"] main,body[data-screen="menu"] footer{display:none}body[data-screen="game"] .entry-menu{display:none}.entry-menu{max-width:1050px;margin:20px auto;background:#fffef2ed;border:4px solid white;border-radius:32px;padding:30px 40px;text-align:center;box-shadow:0 15px 40px #286b7130}.entry-menu h2{font-size:34px;color:#087780;margin:8px 0}.entry-menu h3{font-size:18px;color:#47786d;margin:25px 0 14px}.entry-menu p{color:#709183;line-height:1.8}.entry-menu .world-options{grid-template-columns:repeat(4,1fr);gap:16px}.entry-menu .world-option{max-width:none}.entry-menu .world-option b{font-size:15px}.entry-menu .world-option img{aspect-ratio:1}.entry-menu .primary{margin:24px auto 0}.duration-options{display:flex;justify-content:center;gap:16px}.duration-options button{min-width:140px;padding:14px 25px;border:3px solid #dce7cb;border-radius:18px;background:white;color:#4a7c70;font:bold 32px Arial}.duration-options small{font:700 15px 'Noto Sans TC',sans-serif}.duration-options button[aria-pressed="true"]{border-color:#ffb63c;background:#fff3ca;color:#a06a27;box-shadow:0 4px #edd69e}.letter-control output{display:inline-grid;place-items:center;font:800 38px Arial;color:#82552e;min-width:76px;height:56px}footer{justify-content:flex-end}#menuStatus:empty{display:none}@media(max-width:760px){.entry-menu{padding:22px 14px;margin:6px auto}.entry-menu h2{font-size:28px}.entry-menu .world-options{grid-template-columns:1fr 1fr;gap:10px}.entry-menu .world-option b{font-size:12px}.duration-options{gap:8px}.duration-options button{min-width:0;flex:1;padding:12px 6px}.letter-control output{font-size:34px;min-width:65px}.entry-menu .primary{min-width:0;width:100%}}

/* Teaching-tool hub and game library */
[hidden]{display:none!important}body:not([data-screen="game"]) .dashboard,body:not([data-screen="game"]) main,body:not([data-screen="game"]) footer{display:none}body:not([data-screen="menu"]) .entry-menu{display:none}body:not([data-screen="home"]) #homePage,body:not([data-screen="games"]) #gamesPage{display:none}body[data-screen="game"] .hub-nav{display:none}body:not([data-screen="game"]) .game-shell{padding-bottom:35px}body[data-screen="home"]:before,body[data-screen="games"]:before{background:linear-gradient(145deg,#d8f5f3,#fff8d9);filter:none}.hess-brand{font:900 37px/.9 Arial;color:#087b93;letter-spacing:-2px;background:#fffbea;border:3px solid white;border-radius:16px;padding:12px 15px;box-shadow:0 5px #2f838620}.hess-brand small{display:block;font:800 13px 'Microsoft JhengHei';letter-spacing:5px;text-align:center;margin-top:8px;color:#59816f}.hub-nav{display:flex;align-items:center;gap:10px;color:#668d82;font-size:14px;margin:5px 0 25px}.hub-nav button,.back-link{border:0;background:transparent;color:#287e81;font-weight:800;font-size:14px;padding:9px 6px}.hub-nav button:hover,.back-link:hover{text-decoration:underline}.portal-page{max-width:1250px;margin:auto}.portal-intro{text-align:center;padding:18px 0 32px}.portal-eyebrow{font:800 11px Arial;letter-spacing:4px;color:#4a9b95}.portal-intro h2{font-size:38px;color:#146f78;margin:15px 0 12px}.portal-intro p{color:#64887e}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.tool-card{display:flex;flex-direction:column;text-align:left;background:#fffef9;border:3px solid white;border-radius:28px;padding:22px;box-shadow:0 8px #41827613,0 12px 30px #578b7812;color:#245f65;transition:transform .15s}.tool-card:hover{transform:translateY(-6px);box-shadow:0 10px #41827623}.tool-art{width:100%;height:175px;display:flex;align-items:center;justify-content:center;border-radius:20px;font:bold 92px Arial;margin-bottom:25px}.spin-art{border-radius:50%;width:175px;max-width:100%;align-self:center;background:conic-gradient(#ffe3a9 0deg 60deg,#d3e8bb 60deg 120deg,#d8eefa 120deg 180deg,#f8dad5 180deg 240deg,#e4ddf0 240deg 300deg,#fff0ba 300deg);font-size:58px;color:#906234;gap:10px;border:6px solid #fff6d6}.spin-art span{font-size:46px}.board-art{background:#e8e0f5;color:#8f6bb3}.pointer-art{background:#d8efea;color:#288b8a}.festival-art{background:#ffead5;color:#e89345}.tool-label{display:flex;justify-content:space-between;font-size:25px;font-weight:900;align-items:center;width:100%}.tool-label>span{font-size:22px;color:#77a094}.tool-card small{font-size:13px;line-height:1.8;color:#789285;margin:10px 0 23px}.tool-card em{font-size:11px;font-style:normal;border-radius:20px;padding:6px 12px;background:#edf3e8;color:#78906d;align-self:flex-start}.spin-card em{background:#dff4e8;color:#288763}.portal-note{text-align:center;margin:35px 0;color:#789a89;font-size:14px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1000px;margin:auto}.game-card{padding:0;border:4px solid white;background:#fffef5;overflow:hidden;border-radius:28px;text-align:left;box-shadow:0 10px 25px #3a7c7420;color:#296d70}.guess-art,.space-art{height:220px;display:flex;align-items:center;justify-content:center;gap:35px;background:linear-gradient(120deg,#bce9de,#f1f4cd)}.guess-art span{font:900 130px Arial;color:white;text-shadow:5px 6px #2a979b55;transform:rotate(-8deg)}.guess-art b{font:900 48px Arial;color:#a27132;background:#fff3c9;border-radius:50%;padding:35px 20px;border:5px solid white}.space-art{background:linear-gradient(135deg,#283b6d,#796faa);color:#ffeaa4;font-size:70px}.space-art span{font-size:115px}.game-card-copy{padding:25px 28px}.game-card-copy h3{font-size:28px;margin:13px 0}.game-card-copy em{font-style:normal;font-size:12px;background:#dff2df;border-radius:20px;padding:5px 12px;color:#43815a}.game-card-copy p{font-size:14px;color:#7b9387;line-height:1.8}.game-card-copy strong{display:block;color:#da8a29;margin-top:20px;font-size:14px}.upcoming .game-card-copy em{background:#edeaf5;color:#82789a}#guessGame:hover{border-color:#ffd174}.empty-games{text-align:center;max-width:720px;background:#fffef2;border:3px solid white;border-radius:28px;margin:auto;padding:35px}.empty-games>span{font-size:60px;color:#efbc5e}.empty-games p{line-height:1.9;color:#7c9584}.empty-games .primary{margin:25px auto 0;font-size:20px}.back-link{display:block;margin:25px auto 0}@media(max-width:1000px){.tool-grid{grid-template-columns:1fr 1fr}.tool-art{height:150px}.spin-art{width:150px}}@media(max-width:600px){.portal-intro h2{font-size:26px}.portal-intro{padding:8px 0 22px}.tool-grid{gap:12px}.tool-card{padding:14px;border-radius:20px}.tool-art{height:110px;font-size:70px;margin-bottom:16px}.spin-art{width:110px;font-size:36px}.spin-art span{font-size:30px}.tool-label{font-size:21px}.tool-card small{font-size:11px;margin-bottom:15px}.tool-card em{font-size:10px;padding:5px 8px}.game-grid{grid-template-columns:1fr}.guess-art,.space-art{height:175px}.hess-brand{font-size:27px;padding:9px 10px}.hess-brand small{font-size:11px;letter-spacing:3px}.hub-nav{font-size:12px;gap:3px}.hub-nav button{font-size:12px}.empty-games{padding:25px 14px}.empty-games .primary{min-width:0;width:100%}}

/* Digital teaching-tool visual refresh */
body[data-screen="home"]:before,body[data-screen="games"]:before{background:radial-gradient(circle at 95% 15%,#ffe3ad88,transparent 28%),radial-gradient(circle at 5% 95%,#dbece699,transparent 32%),#f8f6ef}body[data-screen="home"]:after,body[data-screen="games"]:after{background:none}body:not([data-screen="game"]) .game-shell{max-width:1440px;padding:30px 42px 45px}body:not([data-screen="game"]) .topbar{padding:0 0 22px;border-bottom:1px solid #dbe0d8}.hess-brand{font-size:29px;color:#fff;background:#254e74;border:0;border-radius:13px;box-shadow:none;padding:13px 17px;letter-spacing:-1px}.hess-brand small{color:#dbe9dd;font-size:10px;letter-spacing:4px;margin-top:7px}.identity h1{color:#25445f;font-size:26px;letter-spacing:1px;text-shadow:none}.kicker{color:#95a397;font-size:9px;letter-spacing:2px}.identity{gap:20px}body[data-screen="home"] .hub-nav{display:none}.hub-nav{margin:12px 0}.portal-intro{text-align:left;padding:54px 0 35px}.portal-eyebrow{color:#c18d44;font-size:10px;letter-spacing:3px}.portal-intro h2{font-size:42px;font-weight:900;color:#284967;letter-spacing:1px;margin:12px 0 15px}.portal-intro p{font-size:15px;color:#809087;margin:0}.tool-grid{gap:22px}.tool-card{position:relative;padding:16px 16px 24px;background:#fff;border:1px solid #e7e5dc;border-radius:24px;box-shadow:0 8px 24px #253e5110;overflow:hidden;transition:transform .18s,box-shadow .18s}.tool-card:hover{transform:translateY(-7px);box-shadow:0 17px 30px #253e5120;border-color:#a2b8c4}.tool-art,.spin-art{display:block;width:100%;max-width:none;height:auto;aspect-ratio:260/220;border:0;border-radius:16px;margin:0 0 23px;align-self:auto;background:#fff0d9}.tool-art svg{display:block;width:100%;height:100%}.board-art{background:#f0eaf8}.pointer-art{background:#e1f0ea}.festival-art{background:#fce9e5}.tool-label{color:#2b4960;font-size:24px;padding:0 8px}.tool-label>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f2f4ef;color:#74887f;font-size:20px}.tool-card small{padding:0 8px;font-size:12px;color:#92998d;margin:9px 0 22px}.tool-card em{margin-left:8px;background:#f4f3ed;color:#a4a79a;font-size:10px}.spin-card em{background:#e9f3ec;color:#568e68}.tool-card:focus-visible{outline-color:#315977}.game-card{border:1px solid #e4e5db;box-shadow:0 8px 24px #253e5110}.game-card-copy h3{color:#284967}.back-link,.hub-nav button{color:#43647d}@media(max-width:1000px){.portal-intro h2{font-size:36px}.tool-art{height:auto}.tool-grid{gap:18px}}@media(max-width:600px){body:not([data-screen="game"]) .game-shell{padding:20px 16px 30px}.identity{gap:13px}.identity h1{font-size:20px}.hess-brand{font-size:23px;padding:11px}.kicker{font-size:7px;letter-spacing:1px}.portal-intro{padding:33px 0 25px}.portal-intro h2{font-size:27px}.portal-intro p{font-size:12px}.tool-grid{gap:12px}.tool-card{padding:10px 10px 18px;border-radius:18px}.tool-art{margin-bottom:15px;border-radius:12px}.tool-label{font-size:20px;padding:0 3px}.tool-label>span{width:25px;height:25px;font-size:16px}.tool-card small{font-size:10px;padding:0 3px;line-height:1.6;min-height:32px;margin-bottom:12px}.tool-card em{font-size:9px;margin-left:3px;padding:5px 8px}.portal-eyebrow{font-size:8px}}