*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#2b2d42;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#ff9ecf;height:100%;margin:0;font-family:ui-rounded,Arial Rounded MT Bold,Nunito,"Baloo 2",Trebuchet MS,system-ui,sans-serif;font-weight:800;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}.btn{color:#2b2d42;background:#fff;border-radius:16px;width:100%;padding:12px 18px;font-size:18px;transition:transform 60ms;display:block;box-shadow:0 5px #c9c9d6}.btn:active{transform:translateY(4px);box-shadow:0 1px #c9c9d6}.btn.big{color:#fff;text-shadow:0 2px #0003;padding:14px 22px;font-size:24px}.btn.green{color:#fff;background:#35c75a;box-shadow:0 5px #1f8f3a}.btn.pink{color:#fff;background:#ff5fa2;box-shadow:0 5px #c93a78}.btn.small{width:auto;padding:9px 14px;font-size:15px}.row{gap:10px;display:flex}.row .btn{flex:1}.round{pointer-events:auto;background:#fff;border-radius:50%;flex:none;width:44px;height:44px;font-size:16px;font-weight:900;box-shadow:0 4px #c9c9d6}.round:active{transform:translateY(3px);box-shadow:0 1px #c9c9d6}.pill{white-space:nowrap;background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:17px;display:inline-flex;box-shadow:0 3px #00000026}.coin{background:radial-gradient(circle at 35% 30%,#fff3a0,#fc3 55%,#e09a00);border:2px solid #c98a00;border-radius:50%;flex:none;width:20px;height:20px;display:inline-block}.screen{padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen.dim{background:#1e143c8c}.panel{text-align:center;background:#fff;border-radius:24px;flex-direction:column;gap:10px;width:min(360px,100%);max-height:100%;padding:18px;display:flex;overflow:auto;box-shadow:0 8px #0003}.panel.wide{width:min(760px,100%)}.panel h2{color:#ff5fa2;margin:0;font-size:26px}.panel p{margin:0;font-size:16px;font-weight:700}.panel header{justify-content:space-between;align-items:center;gap:10px;display:flex}#menu{padding-right:max(5vw, env(safe-area-inset-right));justify-content:flex-end}.menu-box{flex-direction:column;gap:12px;width:min(340px,46vw);display:flex}.logo{text-align:center;letter-spacing:1px;white-space:nowrap;margin:0 0 4px;font-size:clamp(34px,6.4vw,58px);line-height:1}.logo span{color:#fff;text-shadow:0 3px #c93a78,0 6px #0000002e;-webkit-text-stroke:2px #c93a78;paint-order:stroke fill;display:inline-block}.logo span:nth-child(4n+1){color:#ffe14d;transform:rotate(-5deg)}.logo span:nth-child(4n+2){color:#9be7ff;transform:translateY(3px)}.logo span:nth-child(4n+3){color:#fff;transform:rotate(4deg)}.logo span:nth-child(4n){color:#b9ffb0;transform:translateY(-2px)}.menu-coins{background:#ffffffe6;border-radius:999px;align-self:center;align-items:center;gap:6px;padding:6px 14px;font-size:16px;display:inline-flex}#level-list{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.level-card{color:#fff;text-shadow:0 2px #00000040;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:130px;padding:12px 6px;font-size:15px;display:flex;box-shadow:0 5px #00000040}.level-card:active{transform:translateY(3px)}.level-card .emoji{text-shadow:none;font-size:38px}.level-card .st{letter-spacing:2px;font-size:18px}.level-card.locked{filter:grayscale(.9);opacity:.65}.st .off,.bigstars .off,#hud-stars .off{opacity:.4;filter:grayscale()}#editor{pointer-events:none;justify-content:flex-end;align-items:stretch}.editor-panel{text-align:left;pointer-events:auto;gap:8px;width:min(470px,54vw);padding:12px}.editor-panel h2{font-size:20px}#ed-tabs{touch-action:pan-x;scrollbar-width:none;flex:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}#ed-tabs::-webkit-scrollbar{display:none}#ed-tabs button{white-space:nowrap;background:#f0eefc;border-radius:12px;flex:none;padding:7px 11px;font-size:14px}#ed-tabs button.on{color:#fff;background:#9b6bff}#ed-body{touch-action:pan-y;flex-direction:column;flex:1;gap:10px;min-height:60px;display:flex;overflow-y:auto}.ed-label{color:#8a86a8;margin-bottom:-4px;font-size:13px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:3px solid #0000001f;border-radius:12px;width:40px;height:40px}.swatch.on{outline-offset:1px;outline:4px solid #9b6bff}.items{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.item{text-align:center;background:#f6f4ff;border:3px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:58px;padding:9px 6px;font-size:13px;display:flex}.item.on{background:#ece4ff;border-color:#9b6bff}.item .price{color:#a06a00;align-items:center;gap:4px;font-size:12px;display:inline-flex}.item .price .coin{border-width:1.5px;width:14px;height:14px}.item .own{color:#35a852;font-size:11px}#ed-buy{flex:none}.ed-hint{left:6vw;bottom:max(12px, env(safe-area-inset-bottom));pointer-events:none;background:#ffffffd9;border-radius:999px;padding:5px 14px;font-size:13px;position:fixed}#hud{pointer-events:none;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:fixed;inset:0}.hud-left,.hud-right{align-items:center;gap:8px;display:flex}.hud-center{flex:1;justify-content:center;min-width:0;display:flex}.task{text-overflow:ellipsis;max-width:100%;font-size:14px;display:block;overflow:hidden}#hud-hearts{color:#ff3d6e;letter-spacing:2px}#hud-hearts .off{color:#c9c9d6}#hud-key.off{opacity:.35;filter:grayscale()}#hud-stars{letter-spacing:1px}#toast{opacity:0;pointer-events:none;z-index:40;color:#ff5fa2;white-space:nowrap;background:#fff;border-radius:999px;padding:8px 20px;font-size:20px;transition:opacity .2s,transform .2s;position:fixed;top:22%;left:50%;transform:translate(-50%)scale(.8);box-shadow:0 4px #0003}#toast.show{opacity:1;transform:translate(-50%)scale(1)}#touch{touch-action:none;position:fixed;inset:0}#joy{pointer-events:none;background:#ffffff40;border:3px solid #fff9;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:absolute}#joy-knob{background:#ffffffe6;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px #0003}#btn-jump{right:max(22px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));color:#fff;touch-action:none;background:#35c75ae6;border:4px solid #ffffffd9;border-radius:50%;width:104px;height:104px;font-size:17px;position:fixed;box-shadow:0 6px #00000040}#btn-jump.down{transform:translateY(5px);box-shadow:0 1px #00000040}@media (pointer:fine){#btn-jump{opacity:.55;width:76px;height:76px;font-size:13px}}.bigstars{letter-spacing:6px;font-size:44px}#rotate{z-index:50;color:#fff;text-align:center;background:#9b6bff;justify-content:center;align-items:center;padding:30px;font-size:24px;line-height:1.5;display:none;position:fixed;inset:0}@media (orientation:portrait) and (pointer:coarse){#rotate{display:flex}}@media (height<=430px){.panel{border-radius:18px;gap:7px;padding:12px}.panel h2{font-size:21px}.btn{padding:9px 14px;font-size:16px}.btn.big{padding:10px 16px;font-size:20px}.menu-box{gap:8px}.level-card{min-height:104px}.bigstars{font-size:34px}.swatch{width:36px;height:36px}}@media (orientation:portrait){#menu{justify-content:center;align-items:flex-end;padding-bottom:6vh}.menu-box{width:min(340px,90vw)}#editor{justify-content:center;align-items:flex-end}.editor-panel{width:100%;max-height:52%}#level-list{grid-template-columns:repeat(2,1fr)}.ed-hint{display:none}}
