:root{--clr-bg:#63c2ff;--clr-bg-end:#a0e4ff;--clr-primary:#ff4081;--clr-secondary:#2196f3;--clr-accent:gold;--clr-text:#fff;--clr-overlay:#0f419bd1;--clr-border:#ffffff47;--radius-btn:14px;--radius-card:20px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--clr-bg);width:100%;height:100%;color:var(--clr-text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden}#app{background:linear-gradient(to bottom, var(--clr-bg), var(--clr-bg-end));touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}body.rotated #app{transform-origin:0 0;width:100vh;height:100vw;top:0;bottom:auto;left:0;right:auto;transform:rotate(90deg)translateY(-100%)}body.rotated{--safe-t:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-left,0px);--safe-l:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-bottom,0px)}#game{position:absolute;top:0;bottom:0;left:0;right:0}#game canvas{background:var(--clr-bg);display:block}.screen{padding:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 16px);z-index:10;justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.screen.is-on{display:flex}.screen--dim{z-index:30;background:#0a286e8c}.screen--hud{pointer-events:none;z-index:20;justify-content:stretch;align-items:stretch;padding:0;display:none}.screen--hud.is-on{display:block}#scr-loading{background:linear-gradient(to bottom, var(--clr-bg), var(--clr-bg-end));z-index:50}#scr-rotate{z-index:60}.panel{background:var(--clr-overlay);border:2px solid var(--clr-border);border-radius:var(--radius-card);flex-direction:column;align-items:center;gap:10px;width:min(420px,100%);max-height:100%;padding:18px 20px;display:flex;overflow-y:auto;box-shadow:0 16px 48px #00002859}.panel--clear{box-shadow:none;background:0 0;border:none}.logo-sub{letter-spacing:6px;opacity:.9;text-shadow:0 2px 6px #00000040;font-size:14px;font-weight:800}.logo{color:#ffe600;-webkit-text-stroke:3px #b36000;text-shadow:0 4px #b36000,0 8px 18px #00000059;font-size:max(56px,min(13vh,104px));font-style:italic;font-weight:900;line-height:.9}.tagline{letter-spacing:2px;text-transform:uppercase;opacity:.9;margin-bottom:4px;font-size:13px;font-weight:700}.title{text-transform:uppercase;letter-spacing:1px;font-size:26px;font-style:italic;font-weight:900}.text{text-align:center;opacity:.95;font-size:15px;line-height:1.45}.btn{min-width:220px;min-height:46px;font:inherit;letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--clr-secondary);border-radius:var(--radius-btn);cursor:pointer;border:2px solid #ffffff59;padding:10px 22px;font-size:17px;font-weight:800;transition:transform 80ms,filter .15s;box-shadow:0 4px #00000038,inset 0 2px #ffffff40}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(2px);box-shadow:0 2px #00000038}.btn:focus-visible{outline:3px solid var(--clr-accent);outline-offset:2px}.btn--primary{background:var(--clr-primary)}.btn--danger{background:#c62828}.btn--small{min-width:64px;min-height:36px;padding:4px 12px;font-size:14px}.btn--icon{width:52px;min-width:52px;height:52px;padding:0;font-size:22px}.row{gap:12px;margin-top:4px;display:flex}.cards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.card{border:2px solid var(--clr-border);color:#fff;width:112px;font:inherit;cursor:pointer;background:#ffffff24;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.card:focus-visible{outline:3px solid var(--clr-accent)}.card__num{color:#ffe600;text-shadow:0 3px #b36000;font-size:34px;font-style:italic;font-weight:900}.card__name{font-size:14px;font-weight:800}.card__meta{opacity:.85;text-align:center;min-height:30px;font-size:12px;line-height:1.3}.card[disabled]{opacity:.45;cursor:not-allowed}#scr-levels .panel{width:min(520px,100%)}.world-nav{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.world-nav__name{text-align:center;flex:1;font-size:22px}.world-nav .btn[disabled]{opacity:.35;cursor:default}.cards--grid{grid-template-columns:repeat(5,84px);gap:8px;display:grid}.cards--grid .card{border-radius:12px;gap:2px;width:auto;padding:6px 4px}.cards--grid .card__num{font-size:26px}.cards--grid .card__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.cards--grid .card__meta{white-space:nowrap;min-height:0;font-size:11px}.card.is-done{border-color:var(--clr-accent)}.stats{grid-template-columns:auto auto;gap:4px 18px;font-size:16px;display:grid}.stats dt{opacity:.8}.stats dd{text-align:right;font-weight:800}.badge{background:var(--clr-accent);color:#1a1a2e;border-radius:20px;padding:3px 12px;font-weight:900;display:none}.badge.is-on{display:block}.warn{color:#ffd0d0;text-align:center;font-size:13px;display:none}.warn.is-on{display:block}.opt{justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:40px;font-weight:700;display:flex}.opt input[type=checkbox]{width:26px;height:26px;accent-color:var(--clr-primary)}.opt input[type=range]{width:140px;accent-color:var(--clr-primary)}.hud{padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 12px) 0 calc(var(--safe-l) + 12px);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.hud__left,.hud__right{align-items:center;gap:10px;display:flex}.hud__pill{text-shadow:0 1px 2px #0006;background:#0a286e73;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:18px;font-weight:900;display:inline-flex}.dot{background:radial-gradient(circle at 35% 35%,#fff,#7fe0ff 60%,#2aa0ff);border:1.5px solid #fff;border-radius:50%;width:14px;height:14px}.mult{color:var(--clr-accent);font-size:15px}.hearts{letter-spacing:2px;text-shadow:0 2px 3px #00000059;font-size:24px}.hud__btn{pointer-events:auto;color:#fff;cursor:pointer;background:#0a286e80;border:2px solid #ffffff80;border-radius:50%;width:44px;height:44px;font-size:16px;font-weight:900}.toast{left:50%;top:calc(var(--safe-t) + 60px);color:#1a1a2e;text-align:center;opacity:0;pointer-events:none;background:#ffd700f0;border-radius:18px;max-width:min(560px,90%);padding:7px 16px;font-size:15px;font-weight:800;transition:opacity .25s;position:absolute;transform:translate(-50%)}.toast.is-on{opacity:1}.touch{padding:0 calc(var(--safe-r) + 14px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 14px);justify-content:space-between;align-items:flex-end;display:none;position:absolute;bottom:0;left:0;right:0}body.touch-ui .touch{display:flex}.touch__side{pointer-events:auto;align-items:flex-end;gap:14px;display:flex}.touch-btn{color:#fff;touch-action:none;background:#ffffff47;border:3px solid #ffffffa6;border-radius:50%;width:72px;height:72px;font-size:28px;font-weight:900;position:relative;box-shadow:0 4px 12px #00002840}.touch-btn.is-down{background:#ffffff8c;transform:scale(.94)}.touch-btn--jump{background:#ff40818c;width:84px;height:84px}.touch-btn--puff{background:#2196f380;margin-bottom:40px}.ring{pointer-events:none;border:4px solid #0000;border-radius:50%;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.ring.is-active{border-color:#ffe600}.ring.is-cool{border-color:#ffffff40}.puff-key{left:calc(var(--safe-l) + 14px);bottom:calc(var(--safe-b) + 12px);text-transform:uppercase;letter-spacing:1px;background:#0a286e8c;border:2px solid #ffffff80;border-radius:26px;align-items:center;gap:10px;padding:5px 16px 5px 5px;font-size:16px;font-weight:800;display:flex;position:absolute}.puff-key__k{color:#0a2870;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:900;display:flex;position:relative}.puff-key__k .ring{border-width:3px;top:-5px;bottom:-5px;left:-5px;right:-5px}.puff-key.is-new{animation:1.2s ease-in-out infinite keyPulse}@keyframes keyPulse{50%{transform:scale(1.08);box-shadow:0 0 0 6px #ffe60073}}body.touch-ui .puff-key{display:none}@media (prefers-reduced-motion:reduce){.puff-key.is-new{border-color:#ffe600;animation:none}}.phone{border:4px solid #fff;border-radius:9px;width:44px;height:74px;animation:1.8s ease-in-out infinite turn}@keyframes turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}.bar{background:#ffffff4d;border-radius:6px;width:220px;height:12px;margin-top:12px;overflow:hidden}.bar__fill{background:var(--clr-accent);width:10%;height:100%;transition:width .2s}.about-btn{right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + 10px);z-index:40;font:inherit;color:#fff;cursor:pointer;background:#0a286e80;border:2px solid #ffffff80;border-radius:16px;padding:6px 14px;font-size:13px;font-weight:700;display:none;position:fixed}body.in-menu .about-btn{display:block}.about-btn--home{right:auto;left:calc(var(--safe-l) + 12px);text-decoration:none}.seo-info{z-index:70;border:2px solid var(--clr-border);-webkit-user-select:text;user-select:text;background:#0a286ef2;border-radius:18px;padding:24px;line-height:1.5;display:none;position:fixed;top:5%;bottom:5%;left:5%;right:5%;overflow-y:auto}body.show-about .seo-info{display:block}.about{max-width:720px;margin:0 auto;font-size:15px}.seo-info h1{margin:4px 44px 10px 0;font-size:24px;line-height:1.25}.seo-info h2{text-transform:uppercase;letter-spacing:2px;color:#ffffffa6;margin:22px 0 10px;font-size:13px}.seo-info p{margin:0 0 10px}.seo-info a{color:#ffe600}.about__lead{color:#ffffffeb;font-size:16px}.keys{gap:6px;display:grid}.keys__row{background:#ffffff12;border-radius:10px;grid-template-columns:180px 1fr;align-items:center;gap:14px;padding:6px 10px;display:grid}.keys__row--main{background:#ffe60029;outline:2px solid #ffe60080}.keys__k{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.keys__k small{opacity:.6;font-size:12px}.seo-info kbd{text-align:center;color:#0a2870;background:#fff;border-radius:7px;min-width:30px;padding:3px 8px;font-family:inherit;font-size:14px;font-weight:800;line-height:1.2;box-shadow:0 3px #00000059}.lvls{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.lvl{background:#ffffff1a;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;font-size:13px;line-height:1.35;display:flex}.lvl b{font-size:15px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips a{background:#ffffff1f;border-radius:18px;padding:7px 14px;font-size:14px;font-weight:700;text-decoration:none}.chips a:hover{background:#ffe60040}.chips a:focus-visible{background:#ffe60040}@media (max-width:640px){.keys__row{grid-template-columns:1fr;gap:4px}.lvls{grid-template-columns:1fr}}.about-close{float:right;color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;position:sticky;top:0}@media (max-height:420px){.panel{gap:6px;padding:10px 16px}.btn{min-height:40px;padding:6px 18px;font-size:15px}.logo{font-size:56px}.title{font-size:21px}.touch-btn{width:64px;height:64px;font-size:24px}.touch-btn--jump{width:76px;height:76px}.touch-btn--puff{margin-bottom:30px}}.og-title{z-index:80;text-align:left;position:absolute;top:10%;left:6%}.og-title .logo{font-size:150px}.og-title .logo-sub{letter-spacing:10px;font-size:28px}.og-sub{text-shadow:0 3px 10px #00000059;margin-top:10px;font-size:40px;font-weight:900}