@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@500;700&display=swap');
footer{flex-wrap:wrap;gap:5px 12px}
.stats{gap:18px!important}.stats span{min-width:58px}.stats span:nth-child(2) b{color:#8ce3ef}.stats span:nth-child(3) b{color:#ffe071}.stats span:nth-child(4) b{color:#ffe071}.stats span:nth-child(5) b{color:#ff8c82}
.endless-shortcut,.endless-map-button{border:2px solid #ffe071;border-radius:8px;background:#183c5d;color:#ffe071;font-weight:700;letter-spacing:.08em}.endless-shortcut{padding:10px 14px;font-size:11px;white-space:nowrap}.endless-map-button{display:block;margin:12px auto 0;padding:10px 16px;font-size:12px}.endless-shortcut:hover,.endless-map-button:hover{background:#ffe071;color:#173856}@media(max-width:700px){.endless-shortcut{padding:5px;font-size:8px}.endless-map-button{margin-top:7px;padding:7px;font-size:9px}}
@media(max-width:700px){.frame{min-height:330px}.map-overlay{overflow-y:auto;align-items:start;padding:10px 0}.world-panel{margin:auto}.topbar{flex-wrap:wrap}.endless-shortcut{order:4;margin-left:auto}}
.touch.run,.touch.fast-walk{display:block}.touch.fast-walk{right:160px;background:#2f9f83bc}.touch.run{background:#e29f49bc}.touch.run:active,.touch.fast-walk:active{filter:brightness(1.3)}@media(max-width:700px){.touch.fast-walk{right:76px;bottom:76px}.touch.fast-walk small,.touch.run small{font-size:6px}}
.map-overlay{z-index:7;background:#143754e8;backdrop-filter:blur(5px)}.world-panel{width:min(820px,90%);text-align:center}.world-panel h1{font-size:clamp(28px,5vw,60px);margin:6px 0}.world-panel>p:not(.eyebrow){font-size:13px;color:#dceef3;margin:8px}.level-map{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px auto 10px}.level-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:140px;min-height:98px;padding:10px;border:2px solid #96d7dc;border-radius:12px;background:#246580;box-shadow:0 6px 0 #123e59}.level-node:not(:last-child)::after{content:'→';position:absolute;left:calc(100% + 5px);color:#ffe071}.level-node strong{font:20px "Archivo Black"}.level-node small{font-size:10px}.level-node.selected{background:#e3af52;color:#173856;border-color:#fff1b0}.level-node:disabled{opacity:.52;cursor:not-allowed;filter:grayscale(.7)}.level-node:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:700px){.world-panel{width:96%}.world-panel>p:not(.eyebrow),.world-panel .controls{display:none}.level-map{gap:6px;margin:10px 0}.level-node{min-width:0;flex:1;min-height:65px;padding:5px}.level-node strong{font-size:13px}.level-node small{font-size:7px}.world-panel .primary{margin-top:5px;font-size:11px}.level-node:not(:last-child)::after{left:100%}}
:root{color-scheme:dark;--ink:#142e4d;--cream:#fff9e8;--yellow:#ffe071;--blue:#69d4de}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 15%,#32658a,#142e4d 72%);color:var(--cream);font-family:"DM Sans",sans-serif}.shell{width:min(1180px,96vw);padding:20px 0}.topbar{display:flex;align-items:center;gap:20px;padding:0 4px 14px}.back-link{color:#cce7ef;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.1em}.back-link:hover{color:white}.brand{display:flex;align-items:center;gap:9px;margin-right:auto}.brand-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#ffde73;color:#206374;font-size:27px}.brand strong,.brand small{display:block}.brand strong{font:19px "Archivo Black"}.brand small{margin-top:2px;color:#b6d8e7;font-size:9px;letter-spacing:.1em}.stats{display:flex;gap:32px;text-align:center}.stats small,.stats b{display:block}.stats small{color:#b8d5e1;font-size:9px;letter-spacing:.18em}.stats b{font:17px "Archivo Black"}.stats span:nth-child(2) b{color:var(--yellow)}.stats span:nth-child(3) b{color:#ff8c82}button{font:inherit;color:inherit;border:0;cursor:pointer}.round-button{width:40px;height:40px;border:1px solid #a4d5dc;border-radius:50%;background:#245275}.frame{position:relative;aspect-ratio:16/9;border:3px solid #113451;border-radius:16px;overflow:hidden;background:#83d1e5;box-shadow:0 25px 70px #102a48aa,0 0 0 1px #bfeafa55}canvas{display:block;width:100%;height:100%}.overlay{position:absolute;inset:0;display:grid;place-items:center;visibility:hidden;opacity:0;transition:.2s;background:linear-gradient(90deg,#17314edc,#17314eaa 55%,transparent)}.overlay.visible{visibility:visible;opacity:1}.overlay.centered{z-index:8;background:#112d48d9;backdrop-filter:blur(5px)}.intro{width:52%;margin-right:40%;padding:5%}.eyebrow{color:var(--yellow);font-size:10px;font-weight:700;letter-spacing:.22em}h1,h2{font-family:"Archivo Black";line-height:.93;letter-spacing:-.05em}h1{margin:12px 0;font-size:clamp(38px,6vw,75px)}h1 em{color:var(--blue);font-style:normal}.intro>p:not(.eyebrow){max-width:370px;color:#e0edf1;font-size:14px;line-height:1.5}.primary{min-width:180px;padding:14px 20px;margin-top:15px;border-radius:4px;background:var(--yellow);color:#173856;box-shadow:5px 5px 0 #57b9c4;font-family:"Archivo Black"}.primary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #57b9c4}.primary span{float:right}.controls{margin-top:25px!important;color:#b8d8e7!important;font-size:10px!important;letter-spacing:.08em}.dialog{text-align:center;padding:35px;display:flex;flex-direction:column;align-items:center}.dialog h2{margin:0;font-size:clamp(30px,5vw,55px)}.dialog>p:not(.eyebrow){color:#deedf2}.text-button{display:block;margin-top:18px;background:transparent;color:#d0e7ed;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.12em}.text-button:hover{text-decoration:underline}.touch{display:none;position:absolute;z-index:5;bottom:15px;width:65px;height:65px;border:2px solid #fff8;border-radius:50%;background:#204d75b8;touch-action:none;user-select:none;font-size:28px;font-weight:700}.touch small{display:block;font-size:7px}.touch.left{left:15px}.touch.right{left:88px}.touch.run{right:88px;background:#e29f49bc}.touch.jump{right:15px;background:#4ab9c9bc}footer{display:flex;justify-content:space-between;padding:11px 5px 0;color:#a4bfce;font-size:9px;letter-spacing:.11em}footer b{color:#e8f4f6}@media(max-width:700px){.shell{width:100vw;padding:0}.topbar{padding:7px;gap:8px}.back-link{font-size:10px}.brand small,.stats small,.stats span:first-child{display:none}.brand strong{font-size:13px}.brand-icon{width:30px;height:30px;font-size:19px}.stats{gap:8px}.stats b{font-size:12px}.round-button{width:30px;height:30px}.frame{border-radius:0;border-left:0;border-right:0}.intro{width:70%;margin-right:25%;padding:5%}.intro>p:not(.eyebrow),.controls{display:none}.primary{min-width:140px;padding:10px}.touch{display:block;width:55px;height:55px}.touch.right{left:76px}.touch.run{right:76px}.dialog{padding:12px}.dialog h2{font-size:clamp(19px,5vw,36px)}footer{padding:8px;font-size:8px}}