.adventure-landing{background:radial-gradient(ellipse at 85% 0,#d9f0ff,transparent 55%),#f7fbff;padding:130px max(24px,calc((100vw - 1160px)/2)) 35px}.adventure-intro{text-align:center;max-width:830px;margin:0 auto 48px}.game-eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#35769b}.adventure-intro h1{font-size:clamp(34px,4vw,55px);line-height:1.2;letter-spacing:-2px;margin:16px 0}.adventure-intro h1 em{font-style:normal;color:#0877d6}.adventure-intro>p{max-width:660px;margin:18px auto;font-size:16px;color:#59718a;line-height:1.8}.adventure-link{color:#1975a8;font-size:12px;text-decoration:none}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.game-heading h2{font-size:25px;letter-spacing:-.8px;margin:7px 0}.game-heading h2 em{font-style:normal;color:#18829b}.game-heading p:not(.game-eyebrow){font-size:12px;color:#62768d;margin:8px 0}.game-heading .game-eyebrow{margin:0;font-size:9px}.game-duration{font-size:10px;border:1px solid #d5e5eb;padding:9px 14px;border-radius:30px;white-space:nowrap;color:#4c7186;background:#fff9}.game-shell{overflow:hidden;border:6px solid #fff;border-radius:25px;box-shadow:0 18px 65px #39658420,0 0 0 1px #dce8ef;background:#fff}.game-topbar{height:48px;display:flex;align-items:center;gap:18px;padding:0 23px;background:#fff;color:#234d6b;font-size:10px;font-weight:600;letter-spacing:1.5px}.game-topbar>span:first-child{margin-right:auto}.game-topbar i{display:inline-block;width:7px;height:7px;background:#71bca0;border-radius:50%;margin-right:8px}.game-topbar button,.game-bottom button{color:#376986;background:#eef6fb;border-radius:10px;padding:7px 11px;font-size:17px}.game-stage{position:relative;background:#def4fc}.game-stage canvas{display:block;width:100%;height:auto;aspect-ratio:960/500;outline-offset:-4px}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(100deg,#edfaffed,#f5fcffb8);padding:20px}.game-overlay[hidden]{display:none}.game-pill{font-size:9px;letter-spacing:1.8px;color:#23758b;background:#ffffffb8;border:1px solid #fff;padding:9px 15px;border-radius:30px}.game-overlay h3{font-size:clamp(22px,3vw,36px);font-weight:800;letter-spacing:-1px;line-height:1.3;margin:21px 0 10px;color:#153f60}.game-overlay p{font-size:13px;line-height:1.8;color:#59758b;margin:0 0 23px}.game-overlay .primary{font-size:13px;border-radius:50px;background:#087cd8;padding:15px 27px;box-shadow:0 6px 20px #167fca30}.game-overlay .primary span{margin-left:20px}.game-overlay-note{font-size:9px;color:#56758a;margin-top:15px}.game-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#fff8}.game-progress span{display:block;height:100%;background:#edb546;border-radius:10px}.game-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 21px;color:#6b8093;font-size:10px}.game-bottom p{margin:0;font-size:10px}.game-bottom kbd{display:inline-block;border:1px solid #dce7ee;border-bottom-width:3px;padding:3px 7px;border-radius:5px;font:10px Poppins;background:#f7fafc;margin-right:4px;color:#41657c}.game-bottom p>span{padding:0 10px}.game-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px}.game-meta p{font-size:10px;color:#657b8e;margin:0}.game-meta button{font-size:10px;padding:8px 0;background:transparent;color:#336d8d;text-decoration:underline}.game-touch{display:none;padding:5px 12px 12px;gap:8px}.game-touch button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:1px solid #cce1ec;color:#286380;background:#edf7fb;padding:12px 20px;border-radius:12px;min-width:55px}.game-touch button:last-child{margin-left:auto;background:#087cd8;color:#fff}.adventure-values{display:flex;justify-content:center;gap:48px;padding:36px 0 5px;font-size:11px;color:#56738b}.game-shell button:focus-visible,.game-meta button:focus-visible{outline:3px solid #edab32;outline-offset:3px}.game-topbar button:disabled{opacity:.4}.game-touch button:active{background:#badfea}@media(pointer:coarse){.game-touch{display:flex}}@media(max-width:650px){.adventure-landing{padding:103px 16px 25px}.adventure-intro{margin-bottom:30px}.adventure-intro h1{font-size:33px;letter-spacing:-1.2px}.adventure-intro>p{font-size:13px}.game-heading{display:block;margin-bottom:16px}.game-heading h2{font-size:22px}.game-duration{display:inline-block;margin-top:7px;font-size:9px}.game-shell{border-width:4px;border-radius:18px}.game-stage canvas{height:310px;object-fit:fill}.game-topbar{padding:0 12px;gap:10px;font-size:8px;letter-spacing:1px;height:40px}.game-overlay h3{font-size:23px;margin-top:16px}.game-overlay p{font-size:11px;margin-bottom:16px}.game-overlay-note{font-size:8px}.game-pill{font-size:8px}.game-bottom{padding:10px}.game-bottom>p:nth-child(2){display:none}.game-bottom kbd{font-size:8px;padding:3px}.game-touch{display:flex}.game-meta{align-items:flex-start;flex-direction:column;gap:3px}.game-meta p{font-size:9px}.adventure-values{gap:12px;flex-wrap:wrap;padding-top:25px;font-size:9px}}@media(prefers-reduced-motion:reduce){.game-progress span{transition:none}}
.game-characters{border:0;padding:0;margin:0 0 20px;min-width:0}.game-characters legend{font-size:12px;font-weight:600;color:#3f647d;margin-bottom:10px}.game-characters>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.game-character{position:relative;display:flex;align-items:center;gap:12px;margin:0;padding:10px 16px;border:1px solid #d8e7ee;border-radius:17px;background:#ffffffb8;cursor:pointer;transition:border-color .15s,background .15s;min-width:0}.game-character input{position:absolute;opacity:0;width:1px;height:1px}.game-character:has(input:checked){border-color:#2183c1;background:#e7f5ff;box-shadow:inset 0 0 0 1px #2183c1}.game-character:has(input:focus-visible){outline:3px solid #eeb643;outline-offset:3px}.game-character:has(input:disabled){opacity:.5;cursor:wait}.character-portrait{width:60px;height:60px;flex-shrink:0;background:radial-gradient(ellipse,#e4f1ee,transparent 70%)}.game-character strong{display:block;font-size:13px;color:#214a68}.game-character small{display:block;font-size:9px;font-weight:400;color:#647f91;margin-top:3px}.character-check{margin-left:auto;align-self:flex-start;color:#1679ae;visibility:hidden;font-size:13px}.game-character:has(input:checked) .character-check{visibility:visible}.character-note{font-size:9px;color:#678292;margin:8px 0 0}@media(max-width:650px){.game-characters>div{gap:7px}.game-character{padding:9px 5px;flex-direction:column;gap:2px;text-align:center;border-radius:13px}.character-portrait{width:55px;height:55px}.game-character strong{font-size:11px}.game-character small{font-size:8px}.character-check{position:absolute;right:6px;top:5px;font-size:10px}.game-characters legend{font-size:11px}.game-characters{margin-bottom:14px}}
.game-page{padding-top:24px;min-height:calc(100svh - 200px)}.game-back{margin-bottom:22px}.game-back .quiet{background:transparent;color:#36708d;padding:6px 0;font-size:12px}.game-page #game-title:focus{outline:none}@media(max-width:650px){.game-page{padding-top:12px}.game-back{margin-bottom:16px}}
.game-overlay .game-characters{width:min(580px,100%);margin:10px 0 12px}.game-overlay .game-characters legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.game-overlay .game-character{flex-direction:column;text-align:center;padding:10px 15px;gap:4px;background:#ffffffbd}.game-overlay .character-portrait{width:94px;height:94px}.game-overlay .character-check{position:absolute;top:9px;right:10px}.game-overlay .character-note{display:none}.game-overlay h3{font-size:27px;margin:8px 0}.game-overlay .game-character small{display:none}.game-overlay p{margin:5px 0 12px;font-size:11px}@media(max-width:650px){.game-overlay{padding:10px}.game-overlay h3{font-size:19px}.game-overlay .character-portrait{width:65px;height:65px}.game-overlay .game-character{padding:7px 4px}.game-overlay .game-pill{display:none}.game-overlay .game-characters{margin:7px 0}.game-overlay .primary{padding:12px 21px}.game-overlay .game-overlay-note{margin-top:8px}}
.game-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.game-page{display:flex;align-items:center;justify-content:center;padding:20px 24px;min-height:calc(100svh - 196px)}.game-page .game-section{width:min(1050px,100%)}.game-page .game-section:focus{outline:none}.game-topbar{justify-content:flex-end}.game-topbar #game-score{margin-right:auto}.game-bottom{justify-content:flex-end;padding:8px 15px}.game-bottom #game-calm[aria-pressed=true]{background:#d5f0e6;color:#246e54}.game-victory{font-size:65px;color:#eeb544}.game-victory-score{font-size:19px;color:#456b84;margin-bottom:20px}@media(max-width:650px){.game-page{padding:12px;min-height:calc(100svh - 199px)}}
/* The playable scene occupies all space between the shared header and banner. */
.game-page{padding:0;min-height:0;background:#dcf4ff}.game-page .game-section{width:100%;height:calc(100svh - 196px);min-height:350px}.game-page .game-shell{height:100%;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:hidden}.game-page .game-stage{height:100%}.game-page .game-stage>canvas{width:100%;height:100%;aspect-ratio:auto;object-fit:fill}.game-page .game-overlay{background:transparent;padding:20px}.game-page .game-character{background:transparent;border-color:transparent;box-shadow:none}.game-page .game-character:has(input:checked){background:#ffffff40;border-color:#2183c1;box-shadow:none}.game-page .character-portrait{background:none}.game-page .game-touch{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;padding:0}.game-page .game-section{position:relative}.game-page .game-touch button{background:#ffffff90;border-color:#ffffff90;backdrop-filter:blur(4px)}.game-page .game-touch button:last-child{background:#087cd8a0}@media(max-width:650px){.game-page{padding:0}.game-page .game-section{height:calc(100svh - 199px);min-height:350px}}
main.landing.adventure-landing.game-page{padding:0;margin:0;max-width:none;width:100%;border-radius:0}
.game-page .game-overlay .character-portrait{width:170px;height:170px}.game-page .game-overlay .game-characters{width:min(700px,100%)}.game-page .game-overlay .game-character{padding:10px 8px}.game-page .game-overlay .game-characters>div{gap:18px}@media(max-width:650px){.game-page .game-overlay .character-portrait{width:clamp(80px,23vw,135px);height:clamp(80px,23vw,135px)}.game-page .game-overlay .game-characters>div{gap:5px}.game-page .game-overlay .game-character{padding:8px 2px}}
/* Selection gets a quiet backdrop; the running game stays unobstructed. */
.game-page .game-overlay{background:linear-gradient(120deg,#edf8fff2,#e1f1ffe6);backdrop-filter:blur(4px)}.game-page .game-overlay .game-character{background:#ffffffb8;border:1px solid #ffffff;box-shadow:0 8px 28px #38648310}.game-page .game-overlay .game-character:has(input:checked){background:#dff2ff;border-color:#2183c1;box-shadow:inset 0 0 0 1px #2183c1}.game-page .game-section:has(.game-overlay:not([hidden])) .game-touch{display:none}
/* Override shared #main spacing on the dedicated game screen. */
#main.game-page{padding:0;margin:0;width:100%;max-width:none}
.game-page .game-selection-title,.game-page .game-finish-title{font-family:Poppins,Arial,sans-serif;font-size:clamp(23px,3vw,36px);font-weight:800;line-height:1.25;letter-spacing:-.8px;color:#153f60;text-align:center;margin:0 0 18px}.game-page .game-overlay .game-finish-message{font-size:14px;line-height:1.8;margin:0 0 22px;max-width:620px;color:#526f85}.game-page .game-victory{font-size:42px;margin-bottom:12px}@media(max-width:650px){.game-page .game-selection-title{font-size:23px;max-width:320px;margin-bottom:14px}.game-page .game-finish-title{font-size:26px}.game-page .game-overlay .game-finish-message{font-size:12px}}
