@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#203b32;background:#f3f7f2;font-synthesis:none;--green:#207752;--muted:#78867c}*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e6b842;outline-offset:4px}button{border:0}button:disabled{cursor:default;opacity:.5}.shell{max-width:1440px;margin:auto;display:grid;grid-template-columns:208px 1fr;min-height:100vh}.sidebar{padding:30px 22px;border-right:1px solid #dde6db;display:flex;flex-direction:column;background:#fafcf8}.brand{display:flex;align-items:center;gap:10px;font-size:16px;letter-spacing:-.5px}.brandmark{font-size:26px;color:#d98c37;background:#fff0cf;border:1px solid #ebd6a7;width:40px;height:43px;border-radius:12px;text-align:center;line-height:43px}.brand small{display:block;letter-spacing:2px;font-size:9px;color:var(--muted);margin-top:3px}.section-label{font-size:10px;letter-spacing:2px;color:#8a968b;margin:50px 12px 15px}.nav{display:flex;gap:12px;align-items:center;border-radius:8px;background:#e5f0e3;color:#296947;padding:13px;font-size:13px;font-weight:700}.sidebar-note{margin-top:auto;font-size:12px;color:#819083;line-height:1.7;padding:30px 10px 5px}.sidebar-note strong{display:block;color:#b47b36;font-family:Space Grotesk,sans-serif;font-size:18px;margin-bottom:10px}.sidebar-note span{font-size:10px;letter-spacing:1px}.main{padding:0 42px 24px;min-width:0}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e7dc;font-size:12px;color:#7c887e}.crumb b{color:#304b3e;font-weight:500}.topright{display:flex;align-items:center;gap:16px}.local{font-size:10px;padding:6px 9px;border:1px solid #dbe4d7;border-radius:5px;letter-spacing:.8px}.avatar{border-radius:50%;background:#e0ead9;width:31px;height:31px;display:grid;place-items:center;color:#486a4e;font-weight:700}.intro{display:flex;justify-content:space-between;align-items:center;padding:29px 0 25px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;color:#6c886d;font-weight:700}.dot{width:6px;height:6px;background:#65a76f;border-radius:50%}h1{font-family:Space Grotesk,sans-serif;font-size:39px;letter-spacing:-2px;margin:7px 0;font-weight:700}h1 span{color:#b08c42}.subtitle{font-size:13px;color:#7b897e;margin:0}.edition{font-family:Space Grotesk,sans-serif;text-align:right;color:#a0aa98;font-size:11px;line-height:1.8;letter-spacing:2px}.game-frame{border:1px solid #cddbc9;border-radius:12px;overflow:hidden;background:#173f32;box-shadow:0 10px 28px #3652350d}.game-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:#fcfcf4;color:#52634d;font-size:11px}.world-tag{display:flex;gap:10px;align-items:center}.world-number{background:#e5ecda;border-radius:4px;padding:5px 7px;font-family:monospace;color:#6f815c}.world-tag strong{color:#30482d}.game-actions{display:flex;gap:6px}.icon-btn{background:transparent;border:1px solid #dbe3d2;border-radius:5px;color:#556d50;width:29px;height:28px;font-size:14px}.stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#bce8dc}canvas{width:100%;height:100%;display:block;image-rendering:auto}.hud{position:absolute;inset:16px 20px auto;display:flex;justify-content:space-between;gap:10px;pointer-events:none;color:#fff7d6;text-shadow:1px 2px #234b3c;font:700 12px Space Grotesk,sans-serif}.hud-block{background:#234b3cca;border:1px solid #acc9a444;border-radius:5px;padding:8px 12px;min-width:80px}.hud-label{font-size:8px;letter-spacing:1.7px;display:block;opacity:.75;margin-bottom:3px}.hud-middle{display:flex;gap:8px}.hearts{color:#ffc990;letter-spacing:3px;font-size:16px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(90deg,#12372d70,#12372d20);color:#fff5cf;text-align:center;padding:20px}.overlay.hidden{display:none}.overlay .kicker{font:700 9px Space Grotesk;letter-spacing:3px;color:#fff5d6;margin-bottom:10px}.overlay h2{font:700 clamp(24px,4vw,52px)/.97 "Space Grotesk",sans-serif;letter-spacing:-2px;margin:0 0 12px;text-shadow:3px 3px #294b3e}.overlay h2 em{font-style:normal;color:#f9d47f}.overlay p{font-size:12px;max-width:340px;line-height:1.6;margin:0 0 17px;text-shadow:1px 1px #234b3c}.primary{background:#f2d081;color:#304631;padding:12px 25px;border-radius:5px;box-shadow:0 3px #bf9d54;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:20px}.secondary{background:transparent;color:inherit;font-size:11px;margin-top:14px;padding:7px 15px;border:1px solid #ffffff66;border-radius:5px}.tiny{font-size:9px;letter-spacing:1px;opacity:.8;margin-top:18px}.game-footer{padding:12px 18px;display:flex;justify-content:space-between;color:#b9d0ad;font-size:10px;align-items:center}.live-dot{display:inline-block;background:#b9d478;width:5px;height:5px;border-radius:50%;margin-right:7px}.progress-track{width:120px;background:#476248;height:3px;display:inline-block;margin:0 8px;vertical-align:middle}.progress-track span{display:block;background:#e2c377;height:3px;width:0}.below{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:20px}.panel{background:#fbfcf8;border:1px solid #dfe6d9;border-radius:9px;padding:19px 21px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}h3{font-size:13px;margin:0;font-weight:700}.panel-title span{font-size:9px;letter-spacing:1px;color:#8a9788}.controls{display:flex;gap:25px;font-size:10px;color:#7f8b7b;align-items:center}.controls>div{display:flex;align-items:center;gap:9px}kbd{display:inline-block;min-width:23px;padding:5px 6px;border:1px solid #d3ddcd;border-bottom-width:3px;border-radius:4px;background:#f1f5ec;color:#566a4d;font-family:inherit;font-size:10px;text-align:center}.power-help{display:flex;gap:15px;margin-top:15px;padding-top:13px;border-top:1px solid #e8ede2;font-size:10px;color:#81907b}.power-help b{color:#528363}.stat-row{display:flex;justify-content:space-between}.stat strong{font:600 23px Space Grotesk;display:block;letter-spacing:-1px}.stat small{font-size:10px;color:#8b9685;display:block;margin-top:3px}.worlds{display:flex;gap:12px;margin-top:20px}.world-card{flex:1;border:1px solid #dfe6d7;border-radius:8px;padding:13px 14px;background:#eff3e9;color:#819078;text-align:left;min-width:0}.world-card.active{background:#e7efdf;border-color:#a6c18f;color:#3c633b}.world-card .num{font:10px monospace;opacity:.6}.world-card strong{display:block;font-size:11px;margin-top:8px}.world-card small{font-size:9px;display:block;margin-top:5px;opacity:.65}.bottom{display:flex;justify-content:space-between;color:#9ba593;font-size:9px;padding:20px 0 0}.toast{position:absolute;left:50%;bottom:30px;transform:translate(-50%);background:#204d3ee8;color:#fff0bc;border:1px solid #bfd4a2;border-radius:5px;padding:9px 16px;font-size:11px;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.toast.visible{opacity:1}.touch{display:none;gap:10px;justify-content:space-between;padding:12px 16px;background:#e7eedf}.touch>div{display:flex;gap:10px}.touch button{min-width:60px;min-height:48px;border-radius:7px;background:#d0ddbf;color:#345b3e;font-weight:700;touch-action:none;-webkit-user-select:none;user-select:none}.touch button[data-key=jump]{background:#efd18b;min-width:90px}.settings{border:1px solid #cedbc7;border-radius:12px;padding:25px;background:#f8faf2;color:#304c39;max-width:340px;width:90%}.settings::backdrop{background:#153b3288}.settings label{display:block;font-size:12px;margin:20px 0}.settings input{display:block;width:100%;margin-top:10px;accent-color:#528256}.settings button{background:#286a4a;color:#fff;border-radius:5px;padding:10px 20px}.rotate{display:none;font-size:11px;color:#627956;text-align:center;padding:10px}.stage:fullscreen{height:100vh;width:100vw;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;background:#173f32}.stage:fullscreen canvas{object-fit:contain}.stage:fullscreen .touch{position:absolute;bottom:10px;width:100%;background:transparent}.stage:fullscreen .hud{top:15px}@media(pointer:coarse){.touch{display:flex}}@media(min-width:1500px){.main{padding-left:50px;padding-right:50px}.intro{padding-top:38px;padding-bottom:30px}}@media(max-width:1050px){.shell{grid-template-columns:155px 1fr}.sidebar{padding:25px 14px}.brand{font-size:13px}.brandmark{width:32px;font-size:20px}.main{padding:0 24px 20px}.below{grid-template-columns:1fr}.worlds{gap:7px}.world-card{padding:12px 8px}.controls{gap:20px}}@media(max-width:720px){.shell{display:block}.sidebar{display:none}.main{padding:0 14px 20px}.topbar{height:55px}.intro{padding:23px 0 20px}h1{font-size:32px}.edition{display:none}.subtitle{font-size:11px}.game-bar{padding:9px 10px}.hud{inset:9px 9px auto;font-size:10px}.hud-block{padding:5px 7px;min-width:54px}.hud-label{font-size:6px}.hearts{font-size:12px}.overlay h2{font-size:32px}.overlay p{font-size:10px;margin-bottom:10px}.overlay .kicker{font-size:7px;margin-bottom:7px}.primary{padding:9px 17px;font-size:10px}.tiny{display:none}.game-footer{padding:9px 10px;font-size:8px}.progress-track{width:50px}.below{margin-top:14px;gap:12px}.panel{padding:16px}.worlds{overflow-x:auto}.world-card{min-width:113px}.bottom{font-size:8px}.controls{gap:15px}.power-help{gap:12px;font-size:9px}.touch{display:flex}.toast{bottom:12px;font-size:9px}.overlay{padding:10px}}@media(max-width:500px)and (orientation:portrait){.rotate{display:block}.hud-middle{gap:4px}.overlay h2{font-size:27px}.overlay p{max-width:270px}.overlay .secondary{margin-top:7px;padding:4px 10px}.bottom span:last-child{display:none}}.game-frame:fullscreen{display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0}.game-frame:fullscreen .stage{flex:1;min-height:0;aspect-ratio:auto;width:100%}.game-frame:fullscreen canvas{object-fit:contain}.game-frame:fullscreen .game-bar,.game-frame:fullscreen .game-footer,.game-frame:fullscreen .touch{flex-shrink:0;width:100%}@media(max-width:500px){.stage:not([data-state=playing]) .hud{visibility:hidden}.world-tag>span:last-child{display:none}.world-tag strong{white-space:nowrap}.world-tag{gap:7px}}