:root{color-scheme:dark;--mint:#ccf68d;--ink:#102d29;--muted:#a3b9ac}*{box-sizing:border-box}body{margin:0;background:#071b1a;color:#f5f6e9;font-family:Trebuchet MS,system-ui,sans-serif;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:2px}#app{height:100svh;max-width:480px;min-height:520px;margin:auto;display:flex;flex-direction:column;background:#102d29;padding:0 14px;padding-top:env(safe-area-inset-top)}header{height:66px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#f5f6e9;font-weight:900;font-size:37px;letter-spacing:-3px}.brand span{color:var(--mint);font-size:24px;margin-left:4px}.header-actions{display:flex;align-items:center;gap:8px}.header-actions button{width:36px;height:36px;border:1px solid #ffffff24;background:#ffffff08;border-radius:50%;font-size:18px}#wallet{color:#f8d887;font-weight:bold;font-size:14px;margin-right:6px}.stage{position:relative;min-height:0;flex:1;border-radius:24px;overflow:hidden;border:1px solid #ffffff23;background:#254b39}canvas{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;left:16px;right:16px;top:16px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 6px #0009}#hud>div{display:flex;flex-direction:column;gap:6px}#worldLabel,#progress{font-size:9px;letter-spacing:1.3px;font-weight:900}#hearts{color:#ffb396;font-size:19px;letter-spacing:4px}#timer{font-size:26px;line-height:1}.right{text-align:right}#effects{position:absolute;top:76px;left:50%;transform:translateX(-50%);font-size:10px;background:#102d29d9;border-radius:20px;padding:5px 10px;white-space:nowrap}#effects:empty{display:none}.veil{position:absolute;inset:0;background:#0b2425b8;backdrop-filter:blur(8px);padding:24px 22px;display:flex;flex-direction:column;justify-content:center;overflow:auto}.veil.hidden{display:none}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--mint);font-weight:900;text-transform:uppercase}.veil h1{font-size:clamp(33px,8vw,46px);line-height:1.03;letter-spacing:-2px;margin:13px 0}.veil h2{font-size:28px;letter-spacing:-1px;margin:10px 0}.veil p{font-size:13px;color:#c3d4c5;line-height:1.65;margin:8px 0 17px}.veil .accent{color:var(--mint)}.pill-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.pill{border:1px solid #ffffff30;border-radius:20px;padding:7px 9px;font-size:10px}.primary,.secondary{width:100%;padding:15px 14px;border:0;border-radius:13px;font-weight:bold;font-size:13px;margin-top:8px}.primary{background:var(--mint);color:#173124;box-shadow:0 4px 0 #769b51}.secondary{background:#ffffff0b;border:1px solid #ffffff24}.text-link{background:none;border:0;font-size:11px;color:#bed0be;padding:12px}.menu-row{display:flex;gap:10px}.menu-row>*{flex:1}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.world-card{text-align:left;padding:10px;border-radius:12px;border:1px solid #ffffff22;background:#ffffff08;font-size:12px}.world-card span{display:block;font-size:9px;color:#a9bdaa;margin-top:5px}.shop-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #ffffff1a;padding:12px 0}.shop-item strong{font-size:13px}.shop-item small{display:block;font-size:10px;color:#b4c7b5;margin-top:5px}.shop-item button{background:var(--mint);color:var(--ink);border:0;border-radius:9px;padding:9px;font-weight:bold;white-space:nowrap}#toast{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:20px;background:#f2f6da;color:#153528;font-size:12px;font-weight:bold;opacity:0;transition:opacity .18s;white-space:nowrap;pointer-events:none;z-index:4}#toast.show{opacity:1}.bottom{height:106px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.powers{display:flex;gap:9px}.powers button{background:#1c3c32;border:1px solid #ffffff20;border-radius:14px;width:64px;height:66px;font-size:25px;color:var(--mint)}.powers small{display:block;font-size:7px;letter-spacing:.6px;color:#bed0be}.powers b{background:#ccf68d;color:#173124;padding:2px 4px;border-radius:4px}.dpad{display:flex;gap:5px;align-items:center}.dpad>div{display:flex;flex-direction:column;gap:5px}.dpad button{height:36px;width:43px;border:1px solid #ffffff24;background:#244a3a;border-radius:11px;font-size:23px;box-shadow:0 3px 0 #071c16}.dpad button:active{transform:translateY(2px);background:#436544}footer{text-align:center;font-size:7px;letter-spacing:1.8px;color:#799989;padding-bottom:max(10px,env(safe-area-inset-bottom))}@media(max-height:680px){header{height:50px}.bottom{height:87px}.veil{padding:15px 20px}.veil h1{font-size:33px}.veil p{font-size:12px;margin:6px 0 10px}.pill-row{margin-bottom:10px}.world-card{padding:7px}.world-grid{gap:5px}.primary,.secondary{padding:11px}.shop-item{padding:8px 0}}@media(min-width:650px){body{background:radial-gradient(ellipse at top,#285243,#071b1a 65%)}#app{box-shadow:0 0 100px #0007}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}