@import 'https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap';:root{--px:4px;--sky-top:#5fb6f6;--sky-bot:#a7e0ff;--hill:#58c23a;--hill-dark:#3c9a26;--ground:#d2691e;--ground-line:#9a4a13;--brick:#c8551f;--star-op:0;--accent:#ffd23f;--panel-bg:#15152a;--panel-bg2:#1f1f3d;--panel-line:#ffffff;--ink:#15152a;--text:#fdfdff;--muted:#b9b9d6;--hud-bg:#11111f;--hud-text:#fdfdff;--coin:#ffd23f;--tube:#2ea44f;--tube-dark:#1c6e34}[data-theme=dark]{--sky-top:#06061a;--sky-bot:#181838;--hill:#2a2150;--hill-dark:#1a143a;--ground:#3a2a52;--ground-line:#241638;--brick:#4a356a;--star-op:1;--accent:#46d9d9;--panel-bg:#0c0c1c;--panel-bg2:#16162e;--tube:#7a4bd0;--tube-dark:#4e2c93}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:vt323,monospace;background:#000;-webkit-font-smoothing:none;image-rendering:pixelated}canvas{image-rendering:pixelated}body{color:var(--text);user-select:none}.pixel{font-family:'press start 2p',monospace}.world{position:fixed;inset:0;z-index:1;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bot) 70%);transition:background .5s steps(4);overflow:hidden}.stars{position:absolute;inset:0;opacity:var(--star-op);transition:opacity .5s steps(3)}.star{position:absolute;width:4px;height:4px;background:#fff;box-shadow:0 4px #fff,4px 0 #fff,4px 4px #fff;animation:twinkle 2s steps(2)infinite}@keyframes twinkle{0%,100%{opacity:1}50%{opacity:.35}}.parallax{position:absolute;inset:0;will-change:transform}.parallax.fore{z-index:14}.cloud{position:absolute;width:96px;height:32px;background:#fff;box-shadow:24px -16px #fff,56px -16px #fff,24px -32px #fff,-8px 0 #fff,96px 0 #fff;opacity:.9;animation:drift 40s linear infinite}[data-theme=dark] .cloud{opacity:.12}@keyframes drift{from{transform:translateX(-160px)}to{transform:translateX(110vw)}}.hills{position:absolute;left:0;right:0;bottom:72px;height:220px}.hill{position:absolute;bottom:0;width:280px;height:140px;background:var(--hill);border-top:var(--px)solid var(--hill-dark);border-radius:50% 50% 0 0/100% 100% 0 0}.hill::after{content:'';position:absolute;left:50%;top:18px;transform:translateX(-50%);width:8px;height:8px;background:var(--hill-dark);box-shadow:-16px 14px var(--hill-dark),16px 14px var(--hill-dark)}.pipe-decor{position:absolute;bottom:72px;width:92px;height:92px;z-index:14;background:var(--tube);border:var(--px)solid var(--ink)}.pipe-decor::before{content:'';position:absolute;left:-10px;right:-10px;top:-2px;height:34px;background:var(--tube);border:var(--px)solid var(--ink)}.pipe-decor::after{content:'';position:absolute;left:14px;top:8px;width:10px;bottom:8px;background:rgba(255,255,255,.35)}.ground{position:absolute;left:0;right:0;bottom:0;height:72px;background:var(--ground);border-top:var(--px)solid var(--ground-line);background-image:repeating-linear-gradient(90deg,transparent 0 60px,var(--ground-line) 60px 64px),repeating-linear-gradient(0,transparent 0 28px,var(--ground-line) 28px 32px);background-position:0 0,32px 0}.ground-top{position:absolute;left:0;right:0;bottom:72px;height:16px;background:var(--hill);border-top:var(--px)solid var(--hill-dark)}[data-theme=dark] .ground-top{background:#2c5a2e}.qblock{position:absolute;width:56px;height:56px;background:var(--accent);border:var(--px)solid var(--ink);box-shadow:inset -6px -6px rgba(0,0,0,.22),inset 6px 6px rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:22px;animation:floaty 2.4s steps(2)infinite}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.menubar{position:fixed;left:0;right:0;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:12px 24px;background:var(--hud-bg);border-bottom:var(--px)solid #000;box-shadow:0 4px rgba(0,0,0,.4)}.mb-brand{display:flex;flex-direction:column;gap:5px;line-height:1;min-width:150px}.mb-brand .name{font-family:'press start 2p';font-size:13px;color:var(--hud-text)}.mb-brand .wtag{font-family:'press start 2p';font-size:9px;color:var(--accent)}.mb-tools{display:flex;align-items:center;gap:14px;min-width:160px;justify-content:flex-end;padding-left:10px}.mb-burger{display:none}.coinbox{display:flex;align-items:center;gap:10px;font-family:'press start 2p';font-size:13px;color:var(--coin)}.coin-ico{width:18px;height:22px;background:var(--coin);border:3px solid var(--ink);border-radius:40%;box-shadow:inset -3px 0 rgba(0,0,0,.25);animation:spin 1.4s steps(4)infinite}@keyframes spin{0%{transform:scaleX(1)}25%{transform:scaleX(.3)}50%{transform:scaleX(1)}75%{transform:scaleX(.3)}100%{transform:scaleX(1)}}.iconbtn{font-family:'press start 2p';font-size:10px;color:var(--hud-text);background:#2a2a48;border:var(--px)solid #000;cursor:pointer;padding:10px 12px;line-height:1;box-shadow:inset -3px -3px rgba(0,0,0,.4),inset 3px 3px rgba(255,255,255,.12)}.iconbtn:hover{background:#38386a}.iconbtn:active{transform:translate(2px,2px);box-shadow:inset 3px 3px rgba(0,0,0,.4)}.nav{display:flex;justify-content:center;gap:10px;flex:1}.navbtn{font-family:'press start 2p';font-size:11px;color:var(--text);background:var(--panel-bg2);border:var(--px)solid #000;cursor:pointer;padding:14px 16px;line-height:1.2;position:relative;box-shadow:inset -3px -3px rgba(0,0,0,.45),inset 3px 3px rgba(255,255,255,.1);transition:transform .08s steps(2)}.navbtn .lv{display:block;font-size:8px;color:var(--accent);margin-bottom:6px}.navbtn:hover{transform:translateY(3px)}.navbtn:active{transform:translate(2px,2px)}.navbtn.active{background:var(--accent);color:var(--ink)}.navbtn.active .lv{color:var(--ink)}.world.at-castle .qblock{opacity:0;pointer-events:none;transition:opacity .25s steps(3)}.stage{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:112px 6% 64px;pointer-events:none}.panel{pointer-events:auto;width:min(680px,100%);max-height:74vh;overflow:hidden;background:var(--panel-bg);border:var(--px)solid var(--panel-line);box-shadow:0 0 0 4px #000,0 12px rgba(0,0,0,.35);position:relative}.panel-scroll{max-height:inherit;overflow-y:auto;padding:36px 40px}.panel::before{content:'';position:absolute;inset:6px;border:2px solid rgba(255,255,255,.18);pointer-events:none;z-index:2}.panel-scroll::-webkit-scrollbar{width:12px}.panel-scroll::-webkit-scrollbar-thumb{background:var(--accent);border:3px solid var(--panel-bg)}.scene{display:none}.scene.active{display:block;animation:pop .22s steps(3)}@keyframes pop{from{transform:translateY(10px)}to{transform:translateY(0)}}h1.title{font-family:'press start 2p';font-size:30px;line-height:1.5;color:var(--accent);margin-bottom:18px}h2.kicker{font-family:'press start 2p';font-size:13px;color:var(--text);margin-bottom:20px;letter-spacing:1px}.lead{font-size:27px;line-height:1.45;color:var(--text);margin-bottom:14px}.body{font-size:23px;line-height:1.5;color:var(--muted);margin-bottom:14px}.body strong{color:var(--text)}.blink{animation:blink 1s steps(2)infinite}@keyframes blink{50%{opacity:0}}.home-name{font-family:'press start 2p';font-size:46px;line-height:1.3;color:var(--accent);text-shadow:0 6px 0 #000;margin-bottom:22px}.home-sub{font-size:30px;line-height:1.4;color:var(--text);margin-bottom:30px}.powerups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pu{display:flex;align-items:center;gap:12px;min-width:0;white-space:nowrap;font-family:'press start 2p';font-size:10px;color:var(--ink);background:var(--accent);border:var(--px)solid var(--ink);padding:16px 14px;line-height:1.2;box-shadow:inset -6px -6px rgba(0,0,0,.22),inset 6px 6px rgba(255,255,255,.32)}.pu .pu-ico{flex:none;width:48px;height:48px;image-rendering:pixelated}.pu-ch .pu-ico{width:38px;height:38px}.xp{list-style:none}.xp li{padding:14px 0;border-bottom:3px dotted rgba(255,255,255,.16)}.xp .lvl{font-family:'press start 2p';font-size:9px;color:var(--accent);background:var(--panel-bg2);border:3px solid #000;padding:5px 7px;margin-left:10px;white-space:nowrap;vertical-align:middle}.xp .role{font-family:'press start 2p';font-size:14px;color:var(--text);margin-bottom:8px;line-height:1.5}.xp .meta{font-size:21px;color:var(--muted)}.xp .post{display:block;text-decoration:none;padding:10px 14px;margin:-6px -8px;border:3px solid transparent;transition:none}.xp .post .go{color:var(--accent);opacity:0;margin-left:6px;font-size:11px}.xp .post:hover{background:var(--panel-bg2);border-color:var(--accent);box-shadow:inset -3px -3px rgba(0,0,0,.4),inset 3px 3px rgba(255,255,255,8%)}.xp .post:hover .role{color:var(--accent)}.xp .post:hover .go{opacity:1;animation:blink 1s steps(2)infinite}.xp .post:active{transform:translate(2px,2px)}.pipes{display:flex;flex-wrap:wrap;gap:18px;margin-top:8px}.pipe{display:flex;align-items:center;gap:14px;text-decoration:none;font-family:'press start 2p';font-size:13px;color:var(--text);background:var(--panel-bg2);border:var(--px)solid #000;padding:16px 20px;box-shadow:inset -3px -3px rgba(0,0,0,.4),inset 3px 3px rgba(255,255,255,.1)}.pipe:hover{transform:translateY(-3px);color:var(--accent)}.pipe .dot{width:16px;height:16px;background:var(--tube);border:3px solid var(--ink)}.about-grid{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:start}.avatar-slot{width:200px;height:200px;border:var(--px)solid var(--panel-line);background:repeating-linear-gradient(45deg,#2a2a48 0 10px,#232340 10px 20px);box-shadow:0 0 0 4px #000;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'press start 2p';font-size:9px;color:var(--muted);line-height:1.8;padding:0;overflow:hidden}.avatar-slot img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.2);transform-origin:center top;image-rendering:auto}#mascot{position:fixed;bottom:72px;left:7%;z-index:15;--s:0.7;transform-origin:bottom center;transform:scale(var(--s));transition:left .7s linear,bottom .25s steps(3),transform .25s steps(4)}#mascot.big{--s:1.06}#mascot.jogging{animation:jog .26s steps(2)infinite}@keyframes jog{0%,100%{transform:translateY(0)scale(var(--s))}50%{transform:translateY(-7px)scale(var(--s))}}#mascot.hop{animation:hopArc .5s}@keyframes hopArc{0%{bottom:72px;animation-timing-function:ease-out}46%{bottom:288px;animation-timing-function:ease-in}100%{bottom:72px}}#mushroom{position:fixed;bottom:78px;left:62%;z-index:14;image-rendering:pixelated;opacity:0;transform:translateY(8px)scale(.6);transition:opacity .18s steps(2),transform .18s steps(3)}#mushroom.show{opacity:1;transform:translateY(0)scale(1)}#mushroom.eaten{opacity:0;transform:translateY(-30px)scale(1.6);transition:all .22s steps(4)}.panel{transition:opacity .2s steps(2),transform .28s steps(4)}.panel.exit{opacity:0;transform:translateX(48px)}.panel.enter{opacity:0;transform:translateX(-48px)}.endzone{position:absolute;bottom:88px;left:1%;z-index:13;height:480px;width:320px;pointer-events:none;opacity:0;transform:translateX(-30px);transition:opacity .35s steps(3),transform .45s steps(4)}.endzone.show{opacity:1;transform:translateX(0)}.world.at-castle .hills{opacity:0;transition:opacity .3s steps(2)}.flagpole{position:absolute;bottom:0;left:22px;width:52px;height:456px}.flagpole .pole{position:absolute;bottom:0;left:20px;width:10px;height:430px;background:#cfd6dd;box-shadow:inset -4px 0 #8a9199,inset 4px 0 #ffffff}.flagpole .ball{position:absolute;top:0;left:9px;width:32px;height:32px;background:var(--tube);border:var(--px)solid var(--ink);border-radius:50%;box-shadow:inset -5px -5px rgba(0,0,0,.25)}.flagpole .flag{position:absolute;top:40px;left:30px;width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:84px solid var(--accent);animation:flagwave 1.4s steps(2)infinite}.endzone.show .flag{animation:flagdrop 1s steps(8).1s 1 backwards,flagwave 1.4s steps(2)1.1s infinite}@keyframes flagdrop{from{top:360px}to{top:40px}}@keyframes flagwave{50%{transform:translateX(-5px)scaleX(.92)}}.castle{position:absolute;bottom:0;left:110px;width:188px;height:188px;background:var(--brick);border:var(--px)solid var(--ink);background-image:repeating-linear-gradient(90deg,transparent 0 46px,var(--ink) 46px 50px),repeating-linear-gradient(0,transparent 0 34px,var(--ink) 34px 38px)}.castle .battlements{position:absolute;top:-24px;left:0;right:0;height:24px;background:linear-gradient(90deg,var(--brick) 0 28px,transparent 28px 54px,var(--brick) 54px 82px,transparent 82px 108px,var(--brick) 108px 136px,transparent 136px 162px,var(--brick) 162px 188px)}.castle .cgate{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:64px;height:84px;background:var(--ink);border-radius:50% 50% 0 0/60% 60% 0 0}.castle .cwin{position:absolute;top:30px;width:28px;height:36px;background:var(--ink);border-radius:50% 50% 0 0/70% 70% 0 0}.coin-fly{position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:18px;height:22px;background:var(--coin);border:3px solid var(--ink);border-radius:40%;animation:coinpop .6s steps(6)forwards}@keyframes coinpop{0%{top:0;opacity:1}100%{top:-60px;opacity:0}}.hint-tag{position:fixed;top:96px;left:50%;transform:translateX(-50%);z-index:35;font-family:'press start 2p';font-size:9px;color:var(--ink);background:var(--accent);padding:8px 12px;border:3px solid var(--ink);animation:floaty 2.4s steps(2)infinite}@media(max-width:720px){.home-name{font-size:30px}.about-grid{grid-template-columns:1fr}.powerups{grid-template-columns:repeat(2,minmax(0,1fr))}.pu{flex-direction:column;align-items:center;text-align:center;gap:10px;padding:16px 10px}.navbtn{font-size:11px;padding:9px 8px}.menubar{flex-wrap:nowrap;justify-content:space-between;gap:8px;padding:10px 12px}.mb-burger{display:inline-block;order:1}.mb-tools{order:2;min-width:0;gap:8px;padding-left:0}.mb-tools .iconbtn{font-size:9px;padding:9px}.nav{order:3;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:6px;background:var(--hud-bg);border-bottom:var(--px)solid #000;box-shadow:0 8px rgba(0,0,0,.4);padding:12px;margin:0;display:none}.menubar.nav-open .nav{display:flex}.navbtn{width:100%;text-align:center;font-size:12px;padding:14px 12px}.panel{max-height:60vh}.panel-scroll{padding:24px 22px}h1.title{font-size:22px}.stage{padding:84px 14px 56px;align-items:flex-start}.hint-tag{top:150px;bottom:auto}#mascot{left:2%;--s:.55;transform-origin:bottom left}#mascot.big{--s:.78}}