:root{--sky:#61d2f7;--green:#61c95a;--ground:#b96d32;--brick:#d9893d;--ink:#171820;--navy:#14223b;--yellow:#ffd447;--red:#e94a4a;--cream:#fff0ad}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'VT323',monospace;font-size:25px;line-height:1.35;color:var(--ink);background:var(--sky);overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}.game-shell{min-height:100vh}.hud{height:64px;position:fixed;inset:0 0 auto;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:var(--navy);color:#fff;border-bottom:4px solid #000}.hud-brand{font:12px 'Press Start 2P';color:#fff;text-decoration:none}.hud-brand span{color:var(--yellow);margin-left:5px}.hud-stats{display:flex;gap:30px;font:9px 'Press Start 2P'}.hud-stats em{font-style:normal;color:var(--yellow)}.hud-button{font:8px 'Press Start 2P';background:transparent;color:#fff;border:2px solid #fff;padding:8px 10px}.world,.level{position:relative;overflow:hidden}.hero-world{min-height:820px;height:100vh;display:flex;align-items:center;justify-content:center;padding-top:64px;background:linear-gradient(#55c9f7,#a9eaff 78%,#dff8ff)}.hero-copy{position:relative;z-index:5;text-align:center;width:min(800px,94vw);padding-bottom:72px}.level-label{display:inline-block;background:var(--navy);color:#fff;border:3px solid #000;box-shadow:4px 4px #000;padding:9px 11px;font:9px 'Press Start 2P';margin-bottom:17px}.hero-avatar-wrap{width:138px;height:138px;margin:auto;position:relative}.hero-avatar{width:118px;height:118px;object-fit:cover;image-rendering:pixelated;border:5px solid #111;box-shadow:7px 7px #111;animation:idle 1.8s ease-in-out infinite}.avatar-shadow{position:absolute;width:88px;height:10px;background:#418b49;border-radius:50%;bottom:1px;left:24px;z-index:-1}.hero-copy h1{font:clamp(31px,4.5vw,54px)/1.5 'Press Start 2P';text-transform:uppercase;text-shadow:5px 5px #fff;margin:2px 0 13px}.hero-role{display:inline-block;background:#fff;border:3px solid #111;box-shadow:5px 5px #111;padding:11px 14px;font:12px/1.5 'Press Start 2P'}.hero-sub{font:8px/1.8 'Press Start 2P';margin:16px;color:#17384d}.current-quest{width:430px;max-width:92vw;margin:0 auto 16px;padding:9px 14px;background:#fff5c9;border:3px solid #111;box-shadow:4px 4px #111}.current-quest span{display:block;color:#b53b3b;font:7px 'Press Start 2P';margin-bottom:6px}.current-quest p{font-size:23px}.start-button{background:var(--red);color:#fff;border:3px solid #111;box-shadow:5px 5px #111;padding:14px 18px;font:10px 'Press Start 2P'}.start-button:hover{transform:translate(3px,3px);box-shadow:2px 2px #111}.hero-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-links a{background:#fff;border:3px solid #111;box-shadow:3px 3px #111;padding:9px 11px;text-decoration:none;font:8px 'Press Start 2P'}.hero-links a:hover{background:var(--yellow)}.cloud{position:absolute;background:#fff;width:105px;height:30px;border-radius:50px}.cloud:before,.cloud:after{content:'';position:absolute;background:#fff;border-radius:50%}.cloud:before{width:43px;height:43px;left:16px;top:-23px}.cloud:after{width:52px;height:52px;right:10px;top:-29px}.cloud-a{top:150px;left:9%;animation:cloud 12s ease-in-out infinite}.cloud-b{top:235px;right:11%;animation:cloud 15s ease-in-out infinite reverse}.cloud-c{top:330px;left:32%;transform:scale(.55);animation:cloud 18s ease-in-out infinite}.hill{position:absolute;bottom:56px;border-radius:100% 100% 0 0}.hill-back{width:470px;height:190px;left:-60px;background:#6dce67}.hill-front{width:540px;height:245px;right:-90px;background:#48b95d}.ground{position:absolute;bottom:0;left:0;right:0;height:58px;background:repeating-linear-gradient(90deg,var(--ground) 0 47px,#8e4b2a 47px 51px,var(--brick) 51px 98px);border-top:6px solid #5a351f}.player-hint{position:absolute;bottom:70px;left:0;right:0;text-align:center;font:7px 'Press Start 2P';color:#17384d}.world-map{position:relative;z-index:10;height:190px;background:var(--navy);border-block:5px solid #000;padding:45px 12%;display:flex;align-items:center;justify-content:space-between}.map-track{position:absolute;left:15%;right:15%;top:87px;height:6px;background:#657894}.map-track span{display:block;width:25%;height:100%;background:var(--yellow);transition:width .5s}.map-node{position:relative;z-index:2;width:150px;border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:6px}.node-icon{display:grid;place-items:center;width:58px;height:58px;background:var(--yellow);color:#674b14;border:4px solid #000;box-shadow:5px 5px #000;font:18px 'Press Start 2P';transition:.18s}.map-node small,.map-node>span:last-child{font:7px 'Press Start 2P'}.map-node small{font-size:8px}.map-node:hover .node-icon,.map-node.active .node-icon{transform:translateY(-8px);background:#fff}.level{min-height:780px;padding:110px 7% 110px}.level-sky{background:linear-gradient(#82ddff 0 67%,#63c95e 67%)}.section-inner{max-width:1180px;margin:auto;position:relative;z-index:5}.two-col{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.section-heading h2,.level-heading-center h2{font:clamp(28px,3.5vw,46px)/1.5 'Press Start 2P';text-shadow:4px 4px #fff}.quest{font:8px/1.8 'Press Start 2P';margin-top:14px}.speech-box{background:#fff;border:4px solid #111;box-shadow:9px 9px #111;padding:30px;font-size:25px}.speech-box p{margin-bottom:18px}.speech-box p:last-child{margin-bottom:0}.info-row{position:absolute;bottom:35px;left:0;right:0;display:flex;align-items:flex-end;justify-content:center;gap:8px}.question-block{width:54px;height:54px;background:var(--yellow);border:4px solid #000;box-shadow:inset -5px -5px #c38d20,5px 5px #000;color:#765014;font:18px 'Press Start 2P';transition:.15s}.question-block:hover{transform:translateY(-9px)}.question-block.used{background:#aaa;color:#666}.brick-stack{height:54px;display:flex}.brick-stack i{display:block;width:50px;background:var(--brick);border:3px solid #7b4324}.pipe{width:70px;height:82px;background:#38ad4d;border:5px solid #155d31;margin-left:25px}.pipe span{display:block;height:17px;background:#56c966;border-bottom:5px solid #155d31}.dialogue{position:absolute;left:50%;bottom:115px;width:min(620px,88%);transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#fff;border:4px solid #111;box-shadow:7px 7px #111;padding:18px 48px 18px 20px;z-index:20;transition:.2s}.dialogue.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.dialogue-title{display:block;color:#b53b3b;font:8px 'Press Start 2P';margin-bottom:9px}.dialogue-text{font-size:23px}.dialogue-close{position:absolute;right:10px;top:6px;border:0;background:none;font-size:28px}.skills-level{background:#243d70;color:#fff;min-height:820px}.level-heading-center{text-align:center}.skills-level .level-heading-center h2{color:#fff;text-shadow:5px 5px #000}.skills-level .quest{color:#dce8ff}.power-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}.power-card{background:#fff;color:var(--ink);border:4px solid #000;box-shadow:8px 8px #000;padding:26px;min-height:225px;transition:.18s}.power-card:hover{transform:translateY(-5px)}.power-icon{display:grid;place-items:center;width:54px;height:54px;background:var(--yellow);border:3px solid #000;box-shadow:3px 3px #000;font:11px 'Press Start 2P';margin-bottom:18px}.power-card h3{font:10px/1.7 'Press Start 2P';margin-bottom:17px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{font-size:21px;background:#edf3ff;border:2px solid #50678c;padding:3px 9px}.platform-row.underground{position:absolute;bottom:0;left:0;right:0;height:68px;background:#18243d;display:flex;justify-content:center;align-items:center}.coin-static{font:24px 'Press Start 2P';color:var(--yellow);animation:bob 1s infinite;margin-right:8px}.wide i{width:65px}.experience-level{background:var(--cream);min-height:1180px}.experience-level .level-heading-center h2{color:#fff;text-shadow:5px 5px #111}.experience-level .quest{color:#fff}.achievement-strip{max-width:920px;margin:30px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.achievement-strip span{background:#111;color:#fff;border:3px solid #000;box-shadow:3px 3px #000;padding:12px 7px;text-align:center;font:7px 'Press Start 2P'}.timeline-game{max-width:980px;margin:40px auto 0;position:relative}.timeline-game:before{content:'';position:absolute;left:38px;top:0;bottom:0;width:6px;background:#252525}.checkpoint{position:relative;display:grid;grid-template-columns:76px 1fr;gap:22px;margin-bottom:26px;opacity:0;transform:translateX(-22px);transition:.5s}.checkpoint.visible{opacity:1;transform:none}.checkpoint-badge{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:var(--red);border:5px solid #111;color:#fff;font:11px 'Press Start 2P';box-shadow:4px 4px #111;z-index:2}.checkpoint>div:nth-child(2){background:#fff;border:4px solid #111;box-shadow:7px 7px #111;padding:23px}.date{font:7px 'Press Start 2P';color:#59636d}.checkpoint h3{font:11px/1.7 'Press Start 2P';margin:9px 0 11px}.checkpoint p,.checkpoint li{font-size:22px}.checkpoint ul{padding-left:22px;margin-top:8px}.checkpoint li{margin-bottom:6px}.checkpoint strong{font-weight:400}.projects-level{background:linear-gradient(#72d9fb 0 63%,#55c85d 63%);min-height:1010px}.project-world-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;max-width:1050px;margin:48px auto 40px}.project-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;color:var(--ink);border:4px solid #111;box-shadow:8px 8px #111;padding:26px;min-height:285px;transition:.18s;break-inside:avoid;page-break-inside:avoid}.project-card:hover{transform:translateY(-7px);box-shadow:11px 13px #111}.project-main{background:#fff3c9}.project-tag{display:inline-block;align-self:flex-start;background:#111;color:#fff;padding:7px 9px;font:7px 'Press Start 2P'}.project-card h3{font:12px/1.7 'Press Start 2P';font-weight:400;margin:21px 0 13px}.project-card p{font-size:22px;line-height:1.38}.project-action{margin-top:auto;padding-top:18px;font:8px 'Press Start 2P';color:#c83e3e}.finish-line{max-width:1050px;margin:45px auto 0;background:#111;color:#fff;border:4px solid #000;box-shadow:9px 9px #000;padding:21px 24px;display:flex;align-items:center;gap:18px;break-inside:avoid;page-break-inside:avoid}.finish-flag{font-size:36px}.finish-title{font:10px 'Press Start 2P'}.finish-line p{font-size:22px;margin-top:6px}.finish-line a{margin-left:auto;background:var(--yellow);color:#111;border:3px solid #000;padding:12px 14px;text-decoration:none;font:8px 'Press Start 2P'}.castle{position:absolute;right:5%;bottom:0;width:220px;height:210px}.castle-body{position:absolute;bottom:0;left:15px;width:190px;height:115px;background:#e5c2a1;border:6px solid #6b4b3b}.castle-tower{position:absolute;bottom:0;width:55px;height:165px;background:#efc9aa;border:6px solid #6b4b3b}.castle-tower:before{content:'';position:absolute;top:-36px;left:-7px;border-left:31px solid transparent;border-right:31px solid transparent;border-bottom:35px solid #e94848}.t1{left:0}.t2{left:66px;height:195px}.t3{right:0}.flag{position:absolute;left:105px;top:5px;width:4px;height:120px;background:#111}.flag:after{content:'★';position:absolute;left:4px;top:0;background:#e94848;color:#fff;padding:6px 10px;font-size:17px;animation:flag 1s infinite}.game-footer{background:var(--navy);color:#fff;padding:27px 7%;display:flex;justify-content:space-between;font:7px 'Press Start 2P'}.coin-popup{position:fixed;pointer-events:none;opacity:0;z-index:2000;font:11px 'Press Start 2P';color:#b77b0b;text-shadow:2px 2px #fff;transition:.5s}.coin-popup.show{opacity:1;transform:translateY(-38px)}body.night .hero-world{background:linear-gradient(#14213b,#29496f 78%,#203b5d)}body.night .hero-copy,body.night .player-hint{color:#fff}body.night .hero-sub,body.night .player-hint{color:#dbe8ff}body.night .cloud{opacity:.2}body.night .hill-back{background:#315b43}body.night .hill-front{background:#244c38}body.night .ground{filter:brightness(.65)}body.night .world-map{background:#0c1424}@keyframes idle{50%{transform:translateY(-6px)}}@keyframes cloud{50%{transform:translateX(25px)}}@keyframes bob{50%{transform:translateY(-7px)}}@keyframes flag{50%{transform:skewY(6deg)}}@media(max-width:800px){.hud{padding:0 10px;height:58px}.hud-brand{font-size:8px}.hud-stats{gap:7px;font-size:6px}.hud-button{font-size:6px;padding:6px}.hero-world{min-height:850px}.hero-copy{padding:65px 10px 95px}.hero-copy h1{font-size:23px}.hero-role{font-size:8px}.hero-sub{font-size:6px}.current-quest{min-width:0;width:92vw}.current-quest p{font-size:20px}.start-button{font-size:8px;padding:12px}.hero-links{gap:6px}.hero-links a{font-size:6px;padding:8px}.player-hint{font-size:6px}.hill-back{width:290px;height:125px}.hill-front{width:340px;height:155px}.world-map{height:170px;padding:30px 6%;overflow-x:auto;justify-content:flex-start}.map-track{display:none}.map-node{min-width:105px}.node-icon{width:50px;height:50px}.map-node small,.map-node>span:last-child{font-size:6px}.level{padding:85px 5% 105px}.two-col,.power-grid,.project-world-grid{grid-template-columns:1fr}.two-col{gap:30px}.section-heading{text-align:center}.section-heading h2,.level-heading-center h2{font-size:23px}.quest{font-size:6px}.speech-box{padding:19px;font-size:21px}.info-row{transform:scale(.78);transform-origin:bottom center}.dialogue{bottom:130px;width:90%}.dialogue-title{font-size:7px}.dialogue-text{font-size:20px}.power-grid,.project-world-grid{gap:19px;margin-top:35px}.power-card{padding:20px}.power-card h3{font-size:8px}.chips span{font-size:18px}.achievement-strip{grid-template-columns:1fr 1fr}.achievement-strip span{font-size:6px}.timeline-game:before{left:22px}.checkpoint{grid-template-columns:45px 1fr;gap:9px}.checkpoint-badge{width:45px;height:45px;font-size:7px}.checkpoint>div:nth-child(2){padding:14px}.date{font-size:5px}.checkpoint h3{font-size:8px}.checkpoint p,.checkpoint li,.project-card p{font-size:18px}.project-card{min-height:280px;padding:20px}.project-card h3{font-size:9px}.project-tag{font-size:6px}.finish-line{flex-wrap:wrap}.finish-line a{margin-left:0}.castle{display:none}.game-footer{flex-direction:column;gap:12px;font-size:6px}}
