.sprint-art{position:absolute;right:8%;top:12%;font:180px/1 var(--body);color:#69e4cc;text-shadow:0 0 50px #69e4cc44}
body[data-adventure=brain-sprint] .cinema-scene,body[data-adventure=word-rush] .cinema-scene,body[data-adventure=number-dash] .cinema-scene{background:radial-gradient(circle at 80% 40%,#3b6c67,#102332 70%)}
.sprint-setup{padding:22px;background:#ffffff09;border:1px solid #ffffff25;border-radius:16px}.sprint-setup label{display:block;margin-bottom:10px}.sprint-setup select{font:inherit;padding:12px;border-radius:9px;background:#182e3b;color:#fff;border:1px solid #8eaaa9;max-width:100%}.sprint-setup p{line-height:1.6;font-size:13px}
.sprint-hud{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0;color:#d9f9ef}.sprint-hud strong{font:800 34px var(--body);font-variant-numeric:tabular-nums}.sprint-track{height:5px;background:#ffffff22;border-radius:4px;overflow:hidden;margin-bottom:20px}.sprint-track span{display:block;width:100%;height:100%;background:#69e4cc}.sprint-urgent{color:#ffb079}.sprint-correct{border:2px solid #6fe0a4!important;background:#245941!important;color:white!important}.sprint-wrong{border:2px solid #ffa795!important;background:#633830!important;color:white!important}.sprint-finale{display:grid;justify-items:center;padding:25px}.sprint-finale strong{font:800 70px var(--body);color:#69e4cc}
/* Give the explanation and next action separate breathing room. */
#sprint-result:not(:empty){display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:24px}
#sprint-result>.feedback{width:100%;box-sizing:border-box;margin:0}
#sprint-result>.play-primary{margin:0}

/* Three distinct worlds for the clock-based games. All artwork is static. */
body[data-adventure=brain-sprint]{--sprint-accent:#e8c771;--sprint-surface:#211a38;--sprint-ink:#fff3d3}
body[data-adventure=word-rush]{--sprint-accent:#f0b69a;--sprint-surface:#30252d;--sprint-ink:#fff1e5}
body[data-adventure=number-dash]{--sprint-accent:#94f46d;--sprint-surface:#142825;--sprint-ink:#dcfbd6}
body:is([data-adventure=brain-sprint],[data-adventure=word-rush],[data-adventure=number-dash],[data-adventure=mead-hall],[data-adventure=bard-after-dark],[data-adventure=schoolbook-society],[data-adventure=portrait-council],[data-adventure=ancient-archive],[data-adventure=gallery-after-hours],[data-adventure=observatory-exam],[data-adventure=mythkeepers],[data-adventure=ghostlight-library],[data-adventure=tomorrows-archive]) #game-dialog{border:1px solid color-mix(in srgb,var(--sprint-accent) 45%,transparent);border-radius:18px;background:var(--sprint-surface);color:var(--sprint-ink)}
body:is([data-adventure=brain-sprint],[data-adventure=word-rush],[data-adventure=number-dash],[data-adventure=mead-hall],[data-adventure=bard-after-dark],[data-adventure=schoolbook-society],[data-adventure=portrait-council],[data-adventure=ancient-archive],[data-adventure=gallery-after-hours],[data-adventure=observatory-exam],[data-adventure=mythkeepers],[data-adventure=ghostlight-library],[data-adventure=tomorrows-archive]) #game-dialog .game-body{background:var(--sprint-surface);color:var(--sprint-ink)}
body:is([data-adventure=brain-sprint],[data-adventure=word-rush],[data-adventure=number-dash],[data-adventure=mead-hall],[data-adventure=bard-after-dark],[data-adventure=schoolbook-society],[data-adventure=portrait-council],[data-adventure=ancient-archive],[data-adventure=gallery-after-hours],[data-adventure=observatory-exam],[data-adventure=mythkeepers],[data-adventure=ghostlight-library],[data-adventure=tomorrows-archive]) #game-dialog .host-briefing{background:var(--sprint-surface)}
body:is([data-adventure=brain-sprint],[data-adventure=word-rush],[data-adventure=number-dash],[data-adventure=mead-hall],[data-adventure=bard-after-dark],[data-adventure=schoolbook-society],[data-adventure=portrait-council],[data-adventure=ancient-archive],[data-adventure=gallery-after-hours],[data-adventure=observatory-exam],[data-adventure=mythkeepers],[data-adventure=ghostlight-library],[data-adventure=tomorrows-archive]) #game-dialog .game-body>h2{color:var(--sprint-ink);font-family:var(--body);font-size:clamp(25px,3vw,36px);line-height:1.25;max-width:850px}
body:is([data-adventure=brain-sprint],[data-adventure=word-rush],[data-adventure=number-dash],[data-adventure=mead-hall],[data-adventure=bard-after-dark],[data-adventure=schoolbook-society],[data-adventure=portrait-council],[data-adventure=ancient-archive],[data-adventure=gallery-after-hours],[data-adventure=observatory-exam],[data-adventure=mythkeepers],[data-adventure=ghostlight-library],[data-adventure=tomorrows-archive]) #game-dialog .game-description{color:#d4ccc9}
body:is([data-adventure=brain-sprint],[data-adventure=word-rush],[data-adventure=number-dash],[data-adventure=mead-hall],[data-adventure=bard-after-dark],[data-adventure=schoolbook-society],[data-adventure=portrait-council],[data-adventure=ancient-archive],[data-adventure=gallery-after-hours],[data-adventure=observatory-exam],[data-adventure=mythkeepers],[data-adventure=ghostlight-library],[data-adventure=tomorrows-archive]) #game-dialog .play-primary{background:var(--sprint-accent);color:#142322;border:0;border-radius:9px;transform:none}
body:is([data-adventure=brain-sprint],[data-adventure=word-rush],[data-adventure=number-dash],[data-adventure=mead-hall],[data-adventure=bard-after-dark],[data-adventure=schoolbook-society],[data-adventure=portrait-council],[data-adventure=ancient-archive],[data-adventure=gallery-after-hours],[data-adventure=observatory-exam],[data-adventure=mythkeepers],[data-adventure=ghostlight-library],[data-adventure=tomorrows-archive]) #game-dialog .answer{padding:18px 20px;min-height:65px;font:600 17px/1.4 var(--body);color:var(--sprint-ink);background:#ffffff07;border:1px solid #ffffff35;border-radius:12px;text-align:left}
body:is([data-adventure=brain-sprint],[data-adventure=word-rush],[data-adventure=number-dash],[data-adventure=mead-hall],[data-adventure=bard-after-dark],[data-adventure=schoolbook-society],[data-adventure=portrait-council],[data-adventure=ancient-archive],[data-adventure=gallery-after-hours],[data-adventure=observatory-exam],[data-adventure=mythkeepers],[data-adventure=ghostlight-library],[data-adventure=tomorrows-archive]) #game-dialog .answer:hover:not(:disabled){border-color:var(--sprint-accent);background:#ffffff13}
body:is([data-adventure=brain-sprint],[data-adventure=word-rush],[data-adventure=number-dash],[data-adventure=mead-hall],[data-adventure=bard-after-dark],[data-adventure=schoolbook-society],[data-adventure=portrait-council],[data-adventure=ancient-archive],[data-adventure=gallery-after-hours],[data-adventure=observatory-exam],[data-adventure=mythkeepers],[data-adventure=ghostlight-library],[data-adventure=tomorrows-archive]) #game-dialog .feedback{background:#ffffff09;color:var(--sprint-ink);border-color:var(--sprint-accent);padding:20px;border-radius:0 12px 12px 0}
body:is([data-adventure=brain-sprint],[data-adventure=word-rush],[data-adventure=number-dash],[data-adventure=mead-hall],[data-adventure=bard-after-dark],[data-adventure=schoolbook-society],[data-adventure=portrait-council],[data-adventure=ancient-archive],[data-adventure=gallery-after-hours],[data-adventure=observatory-exam],[data-adventure=mythkeepers],[data-adventure=ghostlight-library],[data-adventure=tomorrows-archive]) .sprint-track span{background:var(--sprint-accent)}
body:is([data-adventure=brain-sprint],[data-adventure=word-rush],[data-adventure=number-dash],[data-adventure=mead-hall],[data-adventure=bard-after-dark],[data-adventure=schoolbook-society],[data-adventure=portrait-council],[data-adventure=ancient-archive],[data-adventure=gallery-after-hours],[data-adventure=observatory-exam],[data-adventure=mythkeepers],[data-adventure=ghostlight-library],[data-adventure=tomorrows-archive]) .sprint-finale strong{color:var(--sprint-accent)}
.sprint-hud{padding:16px 20px;border-radius:14px;background:#080b1280;border:1px solid #ffffff25;position:relative;flex-wrap:wrap}
.sprint-hud>span{font-size:12px;font-weight:650;letter-spacing:.03em}
.sprint-setup select{border-color:var(--sprint-accent);background:var(--sprint-surface)}

/* Brain Sprint: brass rings, spotlights and a quiz-show podium. */
body[data-adventure=brain-sprint] #game-dialog>.cinema-scene,body[data-adventure=brain-sprint] #featured{background:radial-gradient(ellipse at 20% -30%,#ffe7a666,transparent 55%),radial-gradient(ellipse at 90% 0,#ad89f755,transparent 45%),#19162d}
body[data-adventure=brain-sprint] .cinema-scene:after{content:'✦';position:absolute;right:9%;top:24px;width:100px;height:100px;border:2px solid #d9b969;border-radius:50%;box-shadow:0 0 0 9px #d9b96918,0 0 0 18px #d9b9690c;display:grid;place-items:center;color:#e8c771;font-size:55px}
body[data-adventure=brain-sprint] .sprint-hud{border:1px solid #d9b96988;box-shadow:inset 0 0 0 4px #d9b9690c;background:linear-gradient(110deg,#302443,#19152a)}
body[data-adventure=brain-sprint] .sprint-hud strong{color:#efd98e}
body[data-adventure=brain-sprint] #game-dialog .answer{border-radius:30px;border-color:#b99bc066;background:linear-gradient(110deg,#322440,#251d35)}

/* Word Rush: ink, paper slips and a dictionary masthead. */
body[data-adventure=word-rush] #game-dialog>.cinema-scene,body[data-adventure=word-rush] #featured{background:repeating-linear-gradient(0deg,transparent 0 25px,#ead2b711 26px 27px),linear-gradient(110deg,#33222c,#5a3941)}
body[data-adventure=word-rush] .cinema-scene:after{content:'Aa';position:absolute;right:7%;top:30px;font:italic 90px/1 Georgia,serif;color:#efd9c4;border-bottom:3px double #dcaa92;padding:0 18px}
body[data-adventure=word-rush] #game-dialog .game-body>h2{font-family:Georgia,serif;color:#ffead6;letter-spacing:-.025em}
body[data-adventure=word-rush] #game-dialog .answer{background:#eee1cd;color:#332830;border:0;border-radius:2px;box-shadow:0 4px 0 #b6a389;font-family:Georgia,serif;font-size:20px}
body[data-adventure=word-rush] #game-dialog .answer:hover:not(:disabled){background:#fff1db;color:#332830;box-shadow:0 4px 0 #d8977e}
body[data-adventure=word-rush] .sprint-hud{background:#201c22;border-radius:2px;border-top:3px double #e7bc9c;border-bottom:3px double #e7bc9c}
body[data-adventure=word-rush] .sprint-hud strong{font-family:Georgia,serif;color:#f0c4a7}
body[data-adventure=word-rush] .sprint-track{height:3px;border-radius:0}

/* Number Dash: timing gantry, lane stripes and a digital instrument panel. */
body[data-adventure=number-dash] #game-dialog>.cinema-scene,body[data-adventure=number-dash] #featured{background:linear-gradient(90deg,#101e20cc,#101e2033),repeating-linear-gradient(120deg,#284335 0 28px,#172d28 28px 56px)}
body[data-adventure=number-dash] .cinema-scene:after{content:'00:20';position:absolute;right:5%;top:52px;font:700 45px/1 ui-monospace,monospace;letter-spacing:-.08em;color:#aaf787;border:1px solid #aaf78755;background:#0b171de6;padding:16px 22px;border-radius:8px}
body[data-adventure=number-dash] .sprint-hud{background:linear-gradient(90deg,#0c1b1d,#173c32);border-radius:3px;border-left:5px solid #94f46d}
body[data-adventure=number-dash] .sprint-hud strong{font-family:ui-monospace,monospace;color:#b5ff91;letter-spacing:-.07em}
body[data-adventure=number-dash] #game-dialog .answer{border-radius:4px;border:1px solid #6c9d81;background:#19352e;font-family:ui-monospace,monospace;font-size:21px}
body[data-adventure=number-dash] .sprint-track span{background:repeating-linear-gradient(90deg,#94f46d 0 12px,#477d42 12px 15px)}
.sprint-art{font-size:130px;color:var(--sprint-accent);text-shadow:none;border:2px solid currentColor;border-radius:20px;padding:20px;top:12%;right:8%}
body[data-adventure=brain-sprint] .sprint-art{border-radius:50%;box-shadow:0 0 0 14px #e8c77115}
body[data-adventure=word-rush] .sprint-art{font:italic 130px/1 Georgia,serif;border:0;border-bottom:4px double currentColor;border-radius:0}
body[data-adventure=number-dash] .sprint-art{font:700 80px/1 ui-monospace,monospace;background:#0b171d;letter-spacing:-.08em}
.dashboard [data-adventure=brain-sprint] .cover{background:radial-gradient(ellipse at 15% 0,#d4b05a70,transparent 60%),#231b3b;border:1px solid #c9aa65;color:#ffe8ac;border-radius:20px}
.dashboard [data-adventure=word-rush] .cover{background:repeating-linear-gradient(0deg,transparent 0 28px,#40324319 29px 30px),#ede1ce;color:#3d2a35;border-radius:3px;border:7px solid #c2aa91}
.dashboard [data-adventure=number-dash] .cover{background:repeating-linear-gradient(125deg,#16352b 0 25px,#1a3d32 25px 50px);color:#b3ff8d;border:1px solid #5b9967;border-radius:8px}
.dashboard [data-adventure=brain-sprint] .catalog-emblem{color:#e8c771;font-size:65px;border:2px solid;border-radius:50%;width:90px;height:90px;display:grid;place-items:center;margin:22px auto}
.dashboard [data-adventure=word-rush] .catalog-emblem{font:italic 65px Georgia,serif;color:#78525d}
.dashboard [data-adventure=number-dash] .catalog-emblem{font:700 42px ui-monospace,monospace;color:#adfb81}
.dashboard [data-adventure=word-rush] .cover strong{font-family:Georgia,serif;font-style:italic;font-size:34px}
.dashboard [data-adventure=number-dash] .cover strong{font-family:ui-monospace,monospace;text-transform:uppercase}
@media(max-width:640px){.sprint-hud{padding:12px;gap:8px}.sprint-hud strong{font-size:28px}.cinema-scene:after{opacity:.5}body[data-adventure=number-dash] .cinema-scene:after{top:45px;font-size:25px;padding:12px}.sprint-art{opacity:.25}.sprint-setup{padding:16px}}
body:is([data-adventure=brain-sprint],[data-adventure=word-rush],[data-adventure=number-dash],[data-adventure=mead-hall],[data-adventure=bard-after-dark],[data-adventure=schoolbook-society],[data-adventure=portrait-council],[data-adventure=ancient-archive],[data-adventure=gallery-after-hours],[data-adventure=observatory-exam],[data-adventure=mythkeepers],[data-adventure=ghostlight-library],[data-adventure=tomorrows-archive]) #game-dialog .game-body{animation:none}
body:is([data-adventure=brain-sprint],[data-adventure=word-rush],[data-adventure=number-dash],[data-adventure=mead-hall],[data-adventure=bard-after-dark],[data-adventure=schoolbook-society],[data-adventure=portrait-council],[data-adventure=ancient-archive],[data-adventure=gallery-after-hours],[data-adventure=observatory-exam],[data-adventure=mythkeepers],[data-adventure=ghostlight-library],[data-adventure=tomorrows-archive]) #sprint-clock.sprint-urgent{color:#ffb079}
