:root{color-scheme:dark;--bg:#111a1c;--panel:#162326;--pale:#f0eee0;--dim:#a4b1ab;--gold:#edc98b;--stroke:#ffffff21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--pale);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 50% -20%,#354c4a 0,#172526 36%,#10191b 80%,#0a1215 100%);min-height:100svh}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.site-wrap{width:min(1220px,calc(100% - 40px));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:26px 0 39px;gap:15px}.brand{display:flex;align-items:center;gap:12px;color:#f1eede;text-decoration:none;font-size:13px;font-weight:760;letter-spacing:.22em;line-height:1.2}.brand small{display:block;margin-top:6px;color:#a3afa8;font-size:9px;font-weight:450;letter-spacing:.17em}.brand-symbol{height:38px;width:38px;display:grid;place-items:center;border-radius:50%;border:1px solid #bdc3a15c;font-size:24px;color:var(--gold)}nav{display:flex;align-items:center;gap:22px}.nav-link{border:0;background:none;color:#cad2c8;padding:8px 2px;font-size:12px;letter-spacing:.06em}.nav-link:hover{color:#fff1bf}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:.27em;color:var(--gold);font-weight:750;margin:0 0 10px}.tiny-star{margin-left:8px;color:#c2d0b4}.heading-row h1{font:normal clamp(32px,5vw,67px)/1.05 Georgia,"Times New Roman",serif;margin:0;letter-spacing:-.02em}.heading-row h1 span{color:var(--gold)}.lead{color:#b9c4bd;font-size:13px;margin:11px 0 0}.heading-right{color:#a6b6ae;font-size:10px;letter-spacing:.1em;white-space:nowrap;padding-bottom:9px}.live-dot{display:inline-block;border-radius:50%;height:6px;width:6px;background:#c8d6a2;box-shadow:0 0 13px #c5e8a5;margin-right:7px}.game-shell{position:relative;width:100%;aspect-ratio:16/9;background:#142123;overflow:hidden;border-radius:9px;border:1px solid #a6b49d55;box-shadow:0 28px 75px #0009,0 0 0 6px #ffffff05;isolation:isolate;touch-action:none}.game-shell:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0;aspect-ratio:auto}.game-shell canvas{height:100%;width:100%;display:block;touch-action:none}.film-grain{position:absolute;inset:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 130px #0710127d,inset 0 0 0 1px #f3f4d219}.game-hud{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:18px 20px;pointer-events:none}.hud-level{display:flex;flex-direction:column;gap:4px;text-shadow:0 2px 7px #061013}.hud-level span:first-child{font-size:11px;font-weight:700;letter-spacing:.2em}.hud-level span:last-child{font-size:11px;color:#f1dfba}.hud-actions{display:flex;gap:6px;pointer-events:auto}.square-btn{height:35px;min-width:35px;border-radius:4px;border:1px solid #ffefc05c;background:#071114a6;color:#fcf5de;font-size:18px}.square-btn:hover,.square-btn:active{background:#374741}.toast{position:absolute;top:17%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:6;text-shadow:0 2px 12px black;color:#ffe9ba;letter-spacing:.18em;font-size:11px;text-align:center;white-space:nowrap;opacity:0;transition:opacity .25s}.toast.visible{opacity:1}.screen-overlay{position:absolute;inset:0;z-index:8;background:linear-gradient(90deg,#0a1319e8,#101b1dc4 46%,#0b1419e6);display:flex;align-items:center;justify-content:center;text-align:center;overflow-y:auto;padding:16px;backdrop-filter:blur(3px)}.screen-panel{max-width:520px;width:100%}.screen-overlay h2{font:normal clamp(36px,6vw,74px)/1.03 Georgia,serif;letter-spacing:.02em;margin:0 0 14px;text-shadow:0 4px 25px #000}.screen-panel>p:not(.eyebrow),.chapters-intro{margin:0 auto 22px;color:#d3ddd2;font-size:13px;max-width:395px}.screen-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.primary-btn,.secondary-btn{padding:11px 18px;min-height:43px;border-radius:3px;font-size:11px;letter-spacing:.12em;font-weight:750;text-transform:uppercase}.primary-btn{background:var(--gold);color:#172320;border:1px solid #ffe3af;min-width:184px}.primary-btn:hover{background:#ffdda4}.secondary-btn{color:#f2eedd;background:#132322c9;border:1px solid #dfe4c45b}.secondary-btn:hover{background:#30433c}.primary-btn span{padding-left:12px}.screen-hint{font-size:10px!important;letter-spacing:.08em;color:#bac6b9!important;margin-top:25px!important}.chapter-panel,.help-panel{width:min(810px,100%)}.chapter-panel h2,.help-panel h2{font-size:clamp(29px,4.3vw,49px);margin-bottom:10px}.chapter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:15px 0}.chapter-card{border:1px solid #a7b9a35b;background:linear-gradient(155deg,#2b3d3cdd,#102124eb);border-radius:5px;min-height:149px;padding:15px 10px;color:#eeeee0;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:7px;transition:transform .15s,border-color .15s}.chapter-card:not(:disabled):hover{transform:translateY(-3px);border-color:#efd19a}.chapter-card:disabled{opacity:.45;cursor:not-allowed}.chapter-card .card-num{color:#edcc95;font:26px Georgia,serif}.chapter-card .card-name{font-weight:700;letter-spacing:.02em;font-size:13px;line-height:1.2}.chapter-card .card-detail{font-size:10px;color:#bbc6b9}.back-btn{margin-top:8px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;margin:20px 0}.help-grid>div{background:#182d2aba;border:1px solid #e1eac129;padding:13px 15px;border-radius:3px;display:flex;flex-direction:column;gap:4px}.help-grid b{font-size:10px;letter-spacing:.17em;color:#eccb90}.help-grid span{font-size:12px;color:#d6dfcf}.touch-controls{position:absolute;z-index:7;bottom:10px;left:0;right:0;padding:0 18px;display:flex;justify-content:space-between;pointer-events:none}.direction-controls{display:flex;gap:12px}.touch-key{touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:auto;border-radius:50%;width:62px;height:62px;background:#0a181ad9;border:1px solid #eee5c3a8;color:#fff5df;font-size:25px;font-weight:600}.touch-key.jump-key{width:73px;height:73px;font-size:12px;letter-spacing:.06em}.touch-key.active{background:#eac88ca8;color:#0d1618}.game-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:19px 0 37px}.game-caption>div{display:flex;align-items:center;gap:12px}.caption-star{color:var(--gold);font-size:28px}.game-caption strong{font:normal 22px Georgia,serif}.game-caption p{font-size:12px;color:#afc1b4;margin:3px 0 0}.game-caption>span{white-space:nowrap;font-size:10px;letter-spacing:.12em;color:#9faf9f}.features{border-top:1px solid var(--stroke);display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:28px 0 32px}.feature span{color:var(--gold);font-size:10px;letter-spacing:.18em}.feature h3{font:normal 21px Georgia,serif;margin:8px 0}.feature p{color:#adbbb1;font-size:12px;max-width:290px;margin:0}.site-footer{border-top:1px solid var(--stroke);display:flex;justify-content:space-between;gap:12px;color:#829b8f;font-size:10px;letter-spacing:.07em;padding:22px 0 30px}@media(hover:none),(pointer:coarse){.touch-controls:not([hidden]){display:flex}}@media(hover:hover) and (pointer:fine){.touch-controls{display:none!important}}@media(max-width:700px){.site-wrap{width:calc(100% - 22px)}.site-header{padding:14px 0 22px}.brand{font-size:11px;gap:7px}.brand small{font-size:7px}.brand-symbol{height:29px;width:29px;font-size:18px}nav{gap:9px}.nav-link{font-size:10px}.heading-row{margin-bottom:17px}.heading-row h1{font-size:clamp(27px,7vw,43px)}.heading-right{display:none}.lead{font-size:11px}.eyebrow{font-size:9px}.game-shell{border-radius:4px}.game-hud{padding:7px 9px}.hud-level span:first-child{font-size:8px;letter-spacing:.09em}.hud-level span:last-child{font-size:9px}.square-btn{min-width:27px;height:27px;font-size:13px}.hud-actions{gap:3px}.screen-overlay{padding:7px}.screen-overlay h2{font-size:clamp(28px,6vw,43px);margin-bottom:6px}.screen-overlay .eyebrow{font-size:8px;margin-bottom:4px}.screen-panel>p:not(.eyebrow),.chapters-intro{font-size:10px;margin-bottom:9px}.primary-btn,.secondary-btn{min-height:32px;padding:6px 11px;font-size:9px}.screen-hint{font-size:8px!important;margin-top:10px!important}.chapter-grid{gap:5px;margin:8px 0}.chapter-card{min-height:84px;padding:8px 6px;gap:3px}.chapter-card .card-num{font-size:18px}.chapter-card .card-name{font-size:9px}.chapter-card .card-detail{font-size:8px}.chapter-panel h2,.help-panel h2{font-size:27px}.back-btn{margin-top:1px}.help-grid{gap:5px;margin:8px 0}.help-grid>div{padding:7px}.help-grid b{font-size:8px}.help-grid span{font-size:9px}.touch-controls{bottom:5px;padding:0 8px}.direction-controls{gap:7px}.touch-key{height:40px;width:40px;font-size:18px}.touch-key.jump-key{height:46px;width:46px;font-size:9px}.toast{font-size:9px;top:16%}.game-caption{margin:13px 0 24px}.game-caption strong{font-size:18px}.game-caption p{font-size:11px}.game-caption>span{display:none}.features{gap:12px}.feature h3{font-size:16px}.feature p{font-size:11px}.site-footer{font-size:8px}}@media(max-width:520px){.features{grid-template-columns:1fr}.site-footer span:last-child{display:none}}@media(max-height:500px){.game-shell:fullscreen .screen-overlay{padding:4px}.game-shell:fullscreen .chapter-card{min-height:80px}.game-shell:fullscreen .screen-panel>p:not(.eyebrow){margin-bottom:8px}.game-shell:fullscreen .touch-key{width:44px;height:44px}.game-shell:fullscreen .touch-key.jump-key{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* On a portrait phone, put the touch pad below the game image rather than on top of the traveler. */
@media(max-width:700px) and (hover:none), (max-width:700px) and (pointer:coarse){
 .game-shell:not(:fullscreen){aspect-ratio:auto;height:clamp(260px,81vw,348px)}
 .game-shell canvas{height:calc(100% - 56px)}
 .touch-controls:not([hidden]){height:56px;bottom:0;align-items:center;padding:3px 10px;background:linear-gradient(90deg,#101d20,#19292a,#101d20);border-top:1px solid #bed6ad38}
 .touch-key{height:42px;width:42px}.touch-key.jump-key{height:46px;width:52px}
 .game-shell:fullscreen canvas{height:calc(100% - 56px)}
}
@media(max-width:700px){.toast{max-width:calc(100% - 24px);white-space:normal;line-height:1.4}.chapters-intro{max-width:280px}}

/* Seven chapters require a scrollable, keyboard-accessible level picker. */
.game-shell{touch-action:auto}
.chapter-panel{max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#799087 #101d20;padding:6px 5px}
@media(max-width:700px){.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-panel{padding:5px 6px}.chapter-card{min-height:68px}}

.scroll-hint{display:none;margin:0;color:#f0d8a7;font-size:9px;letter-spacing:.06em}
@media(max-width:700px){.scroll-hint{display:block}}