:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-0:#f2f2f2;--bg-1:#fff;--paper:#fff;--card:#fff;--card-2:#f7f7f7;--ink:#3c3c3c;--ink-soft:#777;--line:#e5e5e5;--line-dark:#afafaf;--green:#58cc02;--green-dark:#58a700;--gold:#ffc800;--gold-dark:#c68e1e;--energy:#ffc800;--energy-dark:#e5a700;--crystal:#1cb0f6;--crystal-dark:#1899d6;--accent:var(--green);--accent-2:var(--green-dark);--accent-grad:linear-gradient(180deg, var(--green) 0%, var(--green-dark) 100%);--mina:#58cc02;--rina:#ff9600;--sol:#1cb0f6;--jisu:#ffc800;--good:#58cc02;--warn:#ffc800;--danger:#ff4b4b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--bg-0);width:100%;height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;padding:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:15px;font-weight:800;overflow:hidden}#root{background:var(--bg-0);position:relative}.app{flex-direction:column;display:flex;position:fixed;inset:0}.btn{appearance:none;font:inherit;background:var(--paper);color:var(--ink);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);cursor:pointer;border-radius:999px;padding:14px 18px;font-weight:900;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.btn.primary{background:var(--green);color:#fff;border-color:var(--green-dark);box-shadow:0 4px 0 var(--green-dark);letter-spacing:.4px;text-transform:uppercase;font-size:15px}.btn.primary:active{box-shadow:0 1px 0 var(--green-dark)}.btn.primary:disabled{color:#fff;cursor:default;background:#dadada;border-color:#bfbfbf;box-shadow:0 4px #bfbfbf}.btn.ghost{background:var(--paper);color:var(--ink)}.btn.pill{padding:8px 14px;font-size:13px;font-weight:900}.btn.big{width:100%;padding:16px 22px;font-size:17px;font-weight:900}.topbar{padding:16px 18px 6px;padding-top:max(16px, env(safe-area-inset-top));align-items:center;gap:12px;display:flex}.topbar .hello{letter-spacing:-.3px;color:var(--ink);font-size:22px;font-weight:900}.topbar .hello .accent{color:var(--green)}.topbar .spacer{flex:1}.topbar .icon-btn{background:var(--paper);border:2px solid var(--line);width:40px;height:40px;box-shadow:0 3px 0 var(--line);color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:transform 80ms,box-shadow 80ms;display:flex}.topbar .icon-btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.section{padding:12px 18px 6px}.section .title{letter-spacing:-.3px;color:var(--ink);font-size:20px;font-weight:900}.section .sub{color:var(--ink-soft);margin-top:2px;font-size:13px;font-weight:700}.card{background:var(--paper);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);cursor:pointer;border-radius:22px;transition:transform .1s,box-shadow .1s;overflow:hidden}.card:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.card .cover{aspect-ratio:4/3;background:var(--card-2);width:100%;position:relative}.card .cover img{object-fit:cover;width:100%;height:100%;display:block}.card .meta{padding:14px 16px 16px}.card .meta .kind{text-transform:uppercase;letter-spacing:.8px;color:var(--green-dark);font-size:11px;font-weight:900}.card .meta .title{color:var(--ink);margin-top:4px;font-size:18px;font-weight:900}.card .meta .sub{color:var(--ink-soft);margin-top:4px;font-size:13px;font-weight:700}.card .duration-pill{background:var(--paper);border:2px solid var(--line);box-shadow:0 2px 0 var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:900;display:flex;position:absolute;top:10px;left:10px}.daily-pick{margin:6px 18px 12px}.daily-pick .cover{aspect-ratio:1}.daily-pick .meta{padding:16px 18px 18px}.daily-pick .meta .title{margin-top:6px;font-size:24px}.daily-pick .meta .sub{margin-top:6px;font-size:14px}.daily-pick .btn{width:100%;margin-top:14px}.bottom-nav{background:var(--paper);border-top:2px solid var(--line);padding:6px 4px;padding-bottom:max(6px, env(safe-area-inset-bottom));justify-content:space-around;align-items:center;display:flex}.bottom-nav .nav-item{color:var(--ink-soft);cursor:pointer;letter-spacing:.3px;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;font-size:11px;font-weight:900;transition:transform 80ms;display:flex}.bottom-nav .nav-item:active{transform:translateY(2px)}.bottom-nav .nav-item.active{color:var(--green)}.bottom-nav .nav-item .ico{font-size:20px;line-height:1}.bottom-nav .fab{display:none}.music-mini{background:var(--paper);border-top:2px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:8px 14px;display:flex}.music-mini .cover{background:var(--card-2);border:2px solid var(--line);border-radius:10px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.music-mini .cover img{object-fit:cover;width:100%;height:100%}.music-mini .meta{flex:1;min-width:0}.music-mini .meta .t{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:900;overflow:hidden}.music-mini .meta .s{color:var(--ink-soft);margin-top:1px;font-size:11px;font-weight:700}.music-mini .actions{gap:8px;display:flex}.music-mini .actions .icon-btn{background:var(--paper);border:2px solid var(--line);width:38px;height:38px;box-shadow:0 2px 0 var(--line);color:var(--ink);cursor:pointer;border-radius:50%;font-size:15px}.scroll{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:12px;overflow:hidden auto}.scroll::-webkit-scrollbar{display:none}.mood-block{padding:4px 18px 14px}.mood-pills{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.mood-pill{background:var(--paper);color:var(--ink);border:2px solid var(--line);box-shadow:0 2px 0 var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:900;transition:transform 80ms,box-shadow 80ms;display:flex}.mood-pill:active{box-shadow:0 0 0 var(--line);transform:translateY(2px)}.mood-pill.active:active{box-shadow:0 0 0 var(--green-dark)}.mood-pill .emoji{font-size:14px}.mood-pill.active{background:var(--green);color:#fff;border-color:var(--green-dark);box-shadow:0 2px 0 var(--green-dark)}.tb-home{background:var(--bg-0);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.tb-topbar{z-index:3;padding:10px 14px;padding-top:max(12px, env(safe-area-inset-top));background:var(--paper);border-bottom:2px solid var(--line);align-items:center;gap:10px;display:flex;position:relative}.tb-avatar{border:3px solid var(--hero-color,var(--green));background:var(--hero-color,var(--green));border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden;box-shadow:0 3px #0000002e}.tb-avatar img{object-fit:cover;width:100%;height:100%;display:block}.tb-chip{background:var(--paper);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);color:var(--ink);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:36px;padding:3px 4px 3px 10px;font-size:14px;font-weight:900;display:flex}.tb-chip-ico{flex-shrink:0;font-size:16px;line-height:1}.tb-chip.energy .tb-chip-ico{color:var(--energy-dark)}.tb-chip.coin .tb-chip-ico{color:var(--gold-dark)}.tb-chip-val{letter-spacing:.2px;padding:0 4px}.tb-chip-plus{background:var(--green);border:2px solid var(--green-dark);color:#fff;text-align:center;width:24px;height:24px;box-shadow:0 2px 0 var(--green-dark);border-radius:50%;flex-shrink:0;font-size:15px;font-weight:900;line-height:20px}.tb-spacer{flex:1}.tb-gear{background:var(--paper);border:2px solid var(--line);width:40px;height:40px;box-shadow:0 3px 0 var(--line);color:var(--ink);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:900;transition:transform 80ms,box-shadow 80ms;display:flex}.tb-gear:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.tb-arc{z-index:6;background:var(--paper);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:22px;padding:10px 14px;position:absolute;top:12px;left:14px;right:14px}.tb-arc-track{background:#e5e5e5;border-radius:999px;height:22px;position:relative;overflow:visible}.tb-arc-fill{background:var(--green);border-radius:999px;transition:width .35s;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #0000001f}.tb-arc-count{background:var(--green);color:#fff;text-shadow:0 1px 1px #00000073;letter-spacing:.3px;z-index:3;border-radius:999px;align-items:center;padding:0 12px;font-size:11px;font-weight:900;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #0000001f}.tb-arc-stars{pointer-events:none;z-index:4;position:absolute;inset:0}.tb-arc-star{color:#fff;-webkit-text-stroke:2.5px var(--line-dark);paint-order:stroke fill;filter:drop-shadow(0 2px #0000001f);font-size:20px;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.tb-arc-star.done{color:var(--gold);-webkit-text-stroke:2.5px var(--gold-dark)}.tb-hero{background:#fff;flex:1;min-height:0;position:relative;overflow:hidden}.tb-hero-img{object-fit:cover;object-position:center;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:absolute;inset:0}.tb-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#00000026 55%,#00000059 100%);height:200px;position:absolute;bottom:0;left:0;right:0}.tb-cta-wrap{z-index:4;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:18px;left:0;right:0}.tb-level-btn{pointer-events:auto;appearance:none;font:inherit;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:var(--green);border:2px solid var(--green-dark);box-shadow:0 5px 0 var(--green-dark);cursor:pointer;border-radius:999px;padding:16px 48px;font-size:22px;font-weight:900;transition:transform 80ms,box-shadow 80ms}.tb-level-btn:active{box-shadow:0 2px 0 var(--green-dark);transform:translateY(3px)}.tb-chat{z-index:5;pointer-events:none;align-items:flex-start;gap:10px;animation:.45s cubic-bezier(.34,1.56,.64,1) both tb-chat-in;display:flex;position:absolute;top:78px;left:12px;right:60px}@keyframes tb-chat-in{0%{opacity:0;transform:translateY(-12px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.tb-chat-avatar{background:#fff;border:3px solid #fff;border-radius:50%;flex-shrink:0;width:56px;height:56px;overflow:hidden;box-shadow:0 4px #0000002e,0 6px 14px #00000040}.tb-chat-avatar img{object-fit:cover;width:100%;height:100%;display:block}.tb-chat-body{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:100%;display:flex}.tb-chat-name{letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 2px #0009;padding-left:6px;font-size:11px;font-weight:900}.tb-chat-bubble{color:var(--ink);background:#fff;border-radius:4px 18px 18px;max-width:220px;padding:10px 14px;font-size:14.5px;font-weight:800;line-height:1.35;position:relative;box-shadow:0 3px #0000002e,0 6px 16px #00000047}.tb-chat-bubble:before{content:"";filter:drop-shadow(-1px 1px #0000001a);border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:10px solid #fff;width:0;height:0;position:absolute;top:8px;left:-8px}.tb-bottom-nav{background:var(--paper);border-top:2px solid var(--line);padding:10px;padding-bottom:max(10px, env(safe-area-inset-bottom));z-index:10;justify-content:space-around;align-items:center;gap:6px;display:flex;position:relative}.tb-nav-item{cursor:pointer;font:inherit;color:var(--ink);letter-spacing:.3px;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:900;transition:transform 80ms;display:flex;position:relative}.tb-nav-item:active{transform:translateY(2px)}.tb-nav-ico{background:var(--paper);border:2px solid var(--line);width:46px;height:46px;box-shadow:0 2px 0 var(--line);color:var(--ink);border-radius:14px;justify-content:center;align-items:center;font-size:22px;line-height:1;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s;display:flex}.tb-nav-item.active .tb-nav-ico{background:var(--green);border-color:var(--green-dark);box-shadow:0 2px 0 var(--green-dark);color:#fff}.shop-tab{background:var(--bg-0);min-height:0;padding:16px 18px 24px;padding-top:max(20px, env(safe-area-inset-top));flex-direction:column;flex:1;display:flex;overflow-y:auto}.shop-tab::-webkit-scrollbar{display:none}.shop-header{color:var(--ink);text-align:center;margin-bottom:18px;font-size:22px;font-weight:900}.shop-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.shop-empty-ico{margin-bottom:6px;font-size:56px;line-height:1}.shop-empty-title{color:var(--ink);font-size:18px;font-weight:900}.shop-empty-body{color:var(--ink-soft);max-width:260px;font-size:14px;font-weight:700}.map-tab{background:var(--bg-0);min-height:0;padding:16px 18px 24px;padding-top:max(20px, env(safe-area-inset-top));flex:1;overflow-y:auto}.map-tab::-webkit-scrollbar{display:none}.map-header{color:var(--ink);text-align:center;margin-bottom:18px;font-size:22px;font-weight:900}.map-path{flex-direction:column;gap:18px;display:flex}.map-node{background:var(--paper);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);cursor:pointer;border-radius:22px;align-items:center;gap:12px;max-width:280px;padding:10px 14px 10px 10px;transition:transform .1s,box-shadow .1s;display:flex}.map-node:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.map-node.locked{filter:grayscale(.8)brightness(.96);cursor:not-allowed}.map-node-thumb{border:2px solid var(--line);border-radius:14px;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.map-node-thumb img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.map-node-lock{color:#fff;background:#00000073;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;inset:0}.map-node-meta{flex:1;min-width:0}.map-node-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:900;overflow:hidden}.map-node-stars{gap:2px;margin-top:4px;display:flex}.s-star{color:#e5e5e5;-webkit-text-stroke:1.5px #bfbfbf;paint-order:stroke fill;font-size:14px;font-weight:900}.s-star.on{color:var(--gold);-webkit-text-stroke:1.5px var(--gold-dark)}.story-screen{cursor:pointer;background:#000;animation:.25s both fade-in;position:fixed;inset:0;overflow:hidden}.story-image{object-fit:cover;filter:brightness(.88);width:100%;height:100%;animation:12s ease-out infinite alternate ken-burns;position:absolute;inset:0}@keyframes ken-burns{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(-2%,-2%)}}.story-screen:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#00000059 35%,#000000bf 75%,#000000eb 100%);height:60%;position:absolute;bottom:0;left:0;right:0}.story-bottom{padding:20px 24px 28px;padding-bottom:max(28px, env(safe-area-inset-bottom));z-index:2;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.story-caption{color:#fff;text-align:center;text-shadow:0 2px 12px #0009;max-width:480px;font-size:18px;font-style:italic;font-weight:800;line-height:1.4;animation:.35s cubic-bezier(.34,1.56,.64,1) both pop-in}.story-hint{color:#ffffffd9;letter-spacing:.5px;font-size:13px;font-weight:800}.story-hint .arrow{margin-left:4px;animation:1.2s ease-in-out infinite bob;display:inline-block}.story-cta{width:100%;max-width:560px;margin:0 auto}.story-cta .btn{width:100%;display:block}.chat-screen{background:var(--bg-0);cursor:pointer;flex-direction:column;animation:.2s both fade-in;display:flex;position:fixed;inset:0}.chat-scroll{min-height:0;padding:18px 16px 110px;padding-top:max(18px, env(safe-area-inset-top));scroll-behavior:smooth;flex-direction:column;flex:auto;gap:12px;display:flex;overflow-y:auto}.chat-scroll::-webkit-scrollbar{display:none}.chat-row{align-items:flex-end;gap:8px;animation:.28s cubic-bezier(.34,1.56,.64,1) both chat-pop;display:flex}@keyframes chat-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-row .chat-avatar{background:var(--paper);border:2px solid var(--hero-color,var(--green));border-radius:50%;flex-shrink:0;width:38px;height:38px;overflow:hidden}.chat-row .chat-avatar img{object-fit:cover;width:100%;height:100%;display:block}.chat-row .chat-name{color:var(--hero-color,var(--green));letter-spacing:.3px;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:900}.chat-row .chat-bubble{background:var(--paper);border:2px solid var(--line);max-width:78vw;box-shadow:0 2px 0 var(--line);color:var(--ink);border-radius:18px 18px 18px 6px;padding:12px 16px;font-size:15px;font-weight:700;line-height:1.4}.chat-row.narr{color:var(--ink-soft);text-align:center;align-self:center;max-width:88%;padding:8px 16px;font-size:14px;font-style:italic;font-weight:700}.chat-row.outgoing{justify-content:flex-end}.chat-row.outgoing .chat-bubble{background:var(--green);color:#fff;border-color:var(--green-dark);box-shadow:0 2px 0 var(--green-dark);border-bottom-right-radius:6px;border-bottom-left-radius:18px;font-weight:900}.chat-bottom-hint{text-align:center;color:var(--ink-soft);pointer-events:none;z-index:4;font-size:13px;font-weight:800;position:absolute;bottom:28px;left:0;right:0}.chat-bottom-cta{padding:0 16px;padding-bottom:env(safe-area-inset-bottom);z-index:5;justify-content:center;display:flex;position:absolute;bottom:18px;left:0;right:0}.bubble-screen{background:var(--bg-0);cursor:pointer;flex-direction:column;animation:.2s both fade-in;display:flex;position:fixed;inset:0}.bubble-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px 28px;display:flex}.bubble-hero{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:480px;animation:.35s cubic-bezier(.34,1.56,.64,1) both pop-in;display:flex}.bubble-hero-avatar{border:4px solid var(--hero-color,var(--green));background:var(--paper);border-radius:50%;width:92px;height:92px;overflow:hidden}.bubble-hero-avatar img{object-fit:cover;width:100%;height:100%}.bubble-hero-name{color:var(--hero-color,var(--green));letter-spacing:.5px;font-size:16px;font-weight:900}.bubble-hero-bubble{background:var(--paper);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);color:var(--ink);text-align:center;border-radius:22px;padding:18px 22px;font-size:18px;font-weight:700;line-height:1.45;position:relative}.narr-text{color:var(--ink-soft);text-align:center;max-width:480px;padding:0 16px;font-size:20px;font-style:italic;font-weight:700;line-height:1.5;animation:.35s cubic-bezier(.34,1.56,.64,1) both pop-in}.bubble-screen .story-hint,.bubble-screen .story-cta{z-index:2;position:absolute;left:0;right:0}.bubble-screen .story-hint{text-align:center;color:var(--ink-soft);bottom:28px}.bubble-screen .story-cta{padding:0 18px;bottom:18px}.dialog-screen{background:var(--bg-0);cursor:pointer;flex-direction:column;display:flex;position:fixed;inset:0}.dialog-scroll{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:18px 16px 50vh;display:flex;overflow-y:auto}.dialog-scroll::-webkit-scrollbar{display:none}.story-slide{background:var(--paper);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:22px;align-self:stretch;margin:8px 0;animation:.35s cubic-bezier(.34,1.56,.64,1) both pop-in;overflow:hidden}.story-slide img{aspect-ratio:9/14;object-fit:cover;width:100%;display:block}.story-slide .caption{color:var(--ink);text-align:center;padding:16px 18px 18px;font-size:16px;font-style:italic;font-weight:700;line-height:1.4}.bubble-row{align-items:flex-end;gap:8px;animation:.28s cubic-bezier(.34,1.56,.64,1) both pop-in;display:flex}.bubble-row .avatar{background:var(--paper);border:2px solid var(--hero-color,var(--green));border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.bubble-row .avatar img{object-fit:cover;width:100%;height:100%;display:block}.bubble-row .bubble{background:var(--paper);border:2px solid var(--line);max-width:78%;box-shadow:0 2px 0 var(--line);color:var(--ink);border-radius:18px 18px 18px 6px;padding:11px 14px;font-size:14.5px;font-weight:700;line-height:1.4}.bubble-row .name{color:var(--hero-color,var(--green));margin-bottom:3px;font-size:11px;font-weight:900}.bubble-row.narr{color:var(--ink-soft);text-align:center;align-self:center;max-width:88%;padding:8px 16px;font-size:14px;font-style:italic;font-weight:700}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.dialog-hint{text-align:center;color:var(--ink-soft);pointer-events:none;font-size:13px;font-weight:800;position:absolute;bottom:20px;left:0;right:0}.dialog-hint .arrow{margin-left:4px;animation:1.2s ease-in-out infinite bob;display:inline-block}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.dialog-cta{z-index:10;position:absolute;bottom:16px;left:16px;right:16px}.dialog-cta .btn{width:100%}.scene-strip{background:var(--paper);border-bottom:2px solid var(--line);align-items:center;gap:10px;padding:12px 16px;display:flex}.scene-strip .badge{background:var(--paper);border:2px solid var(--line);box-shadow:0 2px 0 var(--line);letter-spacing:.5px;text-transform:uppercase;color:var(--ink);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900}.level-screen{background:#fff;position:fixed;inset:0;overflow:hidden}.level-canvas-area{z-index:1;background:#f5efe0;position:absolute;inset:0;overflow:hidden}.level-canvas-area .canvas-wrap{touch-action:none;background:0 0;position:absolute;inset:0;overflow:hidden}.level-canvas-area .canvas-wrap canvas{display:block}.lightning-banner{z-index:6;color:#1f1f1f;pointer-events:none;background:linear-gradient(135deg,#ffd33a,#ff8c42);border-radius:999px;padding:8px 16px;font-weight:800;animation:.22s cubic-bezier(.34,1.56,.64,1) streak-pop;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}.streak-chip{z-index:7;color:#1f1f1f;pointer-events:none;background:linear-gradient(135deg,#ffe066,#ff8c42);border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:14px;font-weight:900;animation:.22s cubic-bezier(.34,1.56,.64,1) streak-pop;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 14px #ff8c428c}@keyframes streak-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}.level-static-bg{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.lvl-top-panel{z-index:5;background:var(--paper);border-bottom:2px solid var(--line);box-shadow:0 2px 0 var(--line);padding-top:env(safe-area-inset-top);position:absolute;top:0;left:0;right:0}.lvl-tiles-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 12px 6px;display:grid}.lvl-tile{background:var(--paper);border:2px solid var(--line);height:56px;box-shadow:0 2px 0 var(--line);cursor:pointer;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:900;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;overflow:hidden}.lvl-tile:active{box-shadow:0 0 0 var(--line);transform:translateY(2px)}.lvl-tile .ico{font-size:20px;line-height:1}.lvl-tile .val{letter-spacing:.2px;font-size:22px;font-weight:900;line-height:1}.lvl-tile.tile-avatar{width:56px;height:56px;box-shadow:none;background:0 0;border:0;border-radius:50%;padding:0}.lvl-tile.tile-avatar:active{box-shadow:none;transform:none}.lvl-tile.tile-avatar .av-wrap{border:3px solid var(--hero-color,var(--green));background:var(--hero-color,var(--green));border-radius:50%;width:100%;height:100%;overflow:hidden;box-shadow:0 3px #0000002e}.lvl-tile.tile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.lvl-tile.tile-energy .ico,.lvl-tile.tile-coins .ico{color:var(--gold)}.lvl-tile.tile-color{background:var(--paper);border-color:var(--line);box-shadow:0 2px 0 var(--line);color:var(--ink);flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:6px 8px 6px 6px;transition:transform 80ms}.lvl-tile.tile-color .color-dot{background:var(--c-current,#e5e5e5);border:2px solid var(--c-current-d,var(--line));width:40px;height:40px;box-shadow:0 2px 0 var(--c-current-d,var(--line)), inset 0 2px 0 #ffffff40;color:var(--c-current-t,var(--ink));border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .25s,border-color .25s,box-shadow .25s,color .25s;display:flex}.lvl-tile.tile-color .color-dot .num{font-size:18px;font-weight:900;line-height:1}.lvl-tile.tile-color .mini-bar{background:var(--bg-0);border:1px solid var(--line);border-radius:999px;flex:1;min-width:0;height:14px;position:relative;overflow:hidden}.lvl-tile.tile-color .mini-bar>.fill{background:var(--c-current,var(--ink-soft));border-radius:999px;transition:width .35s;position:absolute;top:0;bottom:0;left:0}.lvl-tile.tile-color .mini-bar>.count{color:var(--ink);text-shadow:0 0 2px var(--paper), 0 0 3px var(--paper);letter-spacing:.2px;z-index:2;justify-content:center;align-items:center;font-size:10px;font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.lvl-top-progress{cursor:pointer;padding:6px 12px 10px;position:relative}.lvl-top-progress .progress-stack{margin:0}.lvl-top-progress .progress-stack>.track{border-radius:999px;height:24px}.lvl-top-progress .progress-stack>.track>.fill,.lvl-top-progress .progress-stack>.track>.count{border-radius:999px}.lvl-top-progress .progress-stack>.track>.count{box-shadow:none;background:0 0;padding:0 12px;font-size:13px}.lvl-top-progress .progress-stack>.stars{align-self:center;height:18px}.progress-stack{display:grid;position:relative}.progress-stack>.track,.progress-stack>.stars{grid-area:1/1}.progress-stack>.track{background:#e5e5e5;border-radius:999px;height:22px;position:relative;overflow:hidden}.progress-stack>.track>.fill{background:var(--green);border-radius:999px;transition:width .25s;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #0000001f}.progress-stack>.track>.count{background:var(--green);color:#fff;text-shadow:0 1px 1px #00000073;letter-spacing:.3px;z-index:3;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:900;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #0000001f}.progress-stack>.stars{pointer-events:none;z-index:3;align-self:center;height:18px;position:relative}.progress-stack .star{color:#fff;-webkit-text-stroke:2.5px var(--line-dark);paint-order:stroke fill;filter:drop-shadow(0 2px #0000001f);justify-content:center;align-items:center;width:18px;height:18px;font-size:18px;line-height:1;display:flex;position:absolute;top:0;transform:translate(-50%)}.progress-stack .star.done{color:var(--gold);-webkit-text-stroke:2.5px var(--gold-dark);filter:drop-shadow(0 2px #0000002e)}.boosters{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;flex:1;gap:12px;min-width:0;margin:-12px -2px -6px;padding:12px 2px 6px;display:flex;overflow:auto hidden}.boosters::-webkit-scrollbar{display:none}.boosters .booster{background:var(--paper);border:2px solid var(--line);width:76px;height:72px;box-shadow:0 4px 0 var(--line);color:var(--ink);cursor:pointer;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:6px 4px 8px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:visible}.boosters .booster:active{box-shadow:0 0 0 var(--line);transform:translateY(4px)}.boosters .booster.active{color:#fff;background:#1cb0f6;border-color:#0e8fcc;transform:translateY(4px);box-shadow:0 0 #0e8fcc}.boosters .booster:disabled{opacity:.45;cursor:not-allowed}.boosters .booster .ico{flex:1;justify-content:center;align-items:center;font-size:26px;line-height:1;display:flex}.boosters .booster .cost{color:#fff;white-space:nowrap;background:#1cb0f6;border:1.5px solid #0e8fcc;border-radius:999px;align-items:center;gap:1px;height:18px;padding:0 8px;font-size:13px;font-weight:900;line-height:1;transition:opacity .15s;display:flex;box-shadow:0 1px #0e8fcc}.boosters .booster.active .cost{opacity:0}.boosters .booster .dur-bar{pointer-events:none;opacity:0;background:#00000040;border-radius:999px;height:18px;transition:opacity .18s;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.boosters .booster.active .dur-bar{opacity:1}.boosters .booster .dur-bar>.dur-fill{background:#fff;border-radius:999px;position:absolute;top:0;bottom:0;left:0}.boosters .booster.locked-tile{opacity:.9;color:#6b665e!important;background:linear-gradient(#d8d4cc 0%,#b8b3aa 100%)!important;border-color:#8e8a82!important;box-shadow:0 3px #8e8a82!important}.boosters .booster.locked-tile .ico{filter:none;opacity:.85}.boosters .booster.forced:after{content:"";border:2px dashed var(--green);border-radius:18px;animation:1.6s ease-in-out infinite pulse;position:absolute;inset:-6px}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.3;transform:scale(1.08)}}.magic-callout{bottom:calc(98px + env(safe-area-inset-bottom));z-index:7;pointer-events:none;position:absolute;right:88px}.magic-callout-bubble{background:var(--green);color:#fff;letter-spacing:.3px;border:2px solid var(--green-dark);box-shadow:0 3px 0 var(--green-dark);border-radius:14px;padding:8px 14px;font-size:13px;font-weight:900;animation:1.2s ease-in-out infinite nudge;position:relative}.magic-callout-bubble:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:10px solid var(--green-dark);width:0;height:0;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.lvl-bottom-panel{z-index:5;background:var(--paper);border-top:2px solid var(--line);padding:10px 0 12px;padding-bottom:max(12px, env(safe-area-inset-bottom));justify-content:flex-start;align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.pause-slot{flex-shrink:0;width:68px;height:68px;margin-left:16px}.pause-menu{left:16px;bottom:max(12px, env(safe-area-inset-bottom));z-index:5;width:68px;height:68px;position:absolute}.pause-menu.open{z-index:9}.pause-menu .pause-btn{background:var(--paper);border:2px solid var(--line);width:68px;height:68px;box-shadow:0 4px 0 var(--line);color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:26px;font-weight:900;transition:transform 80ms,box-shadow 80ms;display:flex}.pause-menu .pause-btn:active,.pause-menu.open .pause-btn{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.pause-menu .fan{pointer-events:none;flex-direction:column;align-items:center;gap:12px;width:68px;padding-bottom:24px;display:flex;position:absolute;bottom:100%;left:0}.pause-menu .fan-btn{background:var(--paper);border:2px solid var(--line);width:60px;height:60px;box-shadow:0 3px 0 var(--line);color:var(--ink);cursor:pointer;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:opacity .18s,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow 80ms;display:flex;transform:translateY(12px)scale(.6)}.pause-menu .fan-btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)scale(1)}.pause-menu .fan-btn.danger{color:#fff;background:#ff4b4b;border-color:#c73c3c;box-shadow:0 3px #c73c3c}.pause-menu.open .fan-btn{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.pause-menu.open .fan-btn:first-child{transition-delay:40ms}.pause-menu.open .fan-btn:nth-child(2){transition-delay:0s}.pause-backdrop{z-index:8;background:#14141e8c;animation:.18s both pause-backdrop-in;position:fixed;inset:0}@keyframes pause-backdrop-in{0%{opacity:0}to{opacity:1}}.color-backdrop{z-index:4;background:0 0;position:fixed;inset:0}.color-drawer{z-index:5;background:var(--paper);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);opacity:0;pointer-events:none;border-radius:18px;min-height:72px;padding:14px 6px 8px;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;left:8px;right:8px;transform:translateY(-8px)}.color-drawer.open{opacity:1;pointer-events:auto;transform:translateY(0)}.color-drawer .palette-scroll{padding:16px 10px 10px}.palette-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:14px 10px 6px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8px calc(100% - 8px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8px calc(100% - 8px),#0000 100%)}.palette-scroll::-webkit-scrollbar{display:none}.palette{gap:clamp(6px,1.8vw,12px);width:max-content;padding:0;display:flex}.palette .swatch{border:2px solid var(--swatch-d,var(--line));background:var(--swatch-bg,#ddd);cursor:pointer;color:#000000bf;width:48px;height:48px;box-shadow:0 4px 0 var(--swatch-d,var(--line));border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;padding:0;font-size:22px;font-weight:900;transition:transform .25s cubic-bezier(.34,1.56,.64,1),flex-basis .35s,width .35s,margin .35s,border-color .25s,border-width .15s,box-shadow .25s,opacity .25s;display:flex;position:relative}.palette .swatch.dark{color:#fff}.palette .swatch.active{z-index:2;border-width:4px;transform:translateY(-10px)scale(1.1);border-color:var(--ink)!important;box-shadow:0 5px 0 var(--ink)!important}.palette .swatch:active:not(.active):not(.gone){box-shadow:0 1px 0 var(--swatch-d,var(--line));transform:translateY(3px)}.palette .swatch.gone{opacity:0;pointer-events:none;flex:0 0 0;width:0;margin:0 -5px;transform:translateY(-10px)scale(0)}.modal-card.lvl-complete{max-width:340px;padding-top:14px;position:relative}.lvl-complete-hero{width:180px;height:180px;margin:0 auto 14px;position:relative}.lvl-complete-hero img{object-fit:contain;background:var(--card-2);border:2px solid var(--line);box-sizing:border-box;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:18px;padding:6px}.lvl-complete-hero .check{background:var(--green);border:3px solid var(--green-dark);color:#fff;width:40px;height:40px;box-shadow:0 3px 0 var(--green-dark);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:900;animation:.5s cubic-bezier(.34,1.56,.64,1) both star-pop;display:flex;position:absolute;bottom:-8px;right:-8px}.modal-card.lvl-complete .modal-title{margin-bottom:12px}.lvl-complete-stars{justify-content:center;gap:10px;margin-bottom:12px;display:flex}.lvl-complete-stars .star{color:#fff;-webkit-text-stroke:3px var(--line-dark);paint-order:stroke fill;filter:drop-shadow(0 2px 2px #0000001f);font-size:44px;line-height:1}.lvl-complete-stars .star.on{color:var(--gold);-webkit-text-stroke:3px var(--gold-dark);animation:.5s cubic-bezier(.34,1.56,.64,1) both star-pop}@keyframes star-pop{0%{opacity:0;transform:scale(.3)rotate(-25deg)}60%{opacity:1;transform:scale(1.2)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.lvl-complete-score{justify-content:center;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.lvl-complete-score .label{color:var(--ink);font-size:18px;font-weight:900}.lvl-complete-score .value{color:var(--danger);font-size:26px;font-weight:900;animation:.6s cubic-bezier(.34,1.56,.64,1) .35s both score-pop}@keyframes score-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.lvl-complete-stats{border-top:1px solid var(--line);justify-content:center;gap:22px;margin-bottom:16px;padding-top:10px;display:flex}.lvl-complete-stats .stat{color:var(--ink);align-items:center;gap:6px;font-weight:900;display:flex}.lvl-complete-stats .stat .ico,.lvl-complete-stats .stat .num{font-size:18px}.lvl-complete-stats .stat .den{color:var(--ink-soft);font-size:13px;font-weight:800}.loading-overlay{z-index:100;color:var(--ink);background:#ffffffd9;justify-content:center;align-items:center;font-weight:900;display:flex;position:fixed;inset:0}.track-list{flex-direction:column;gap:10px;padding:0 18px;display:flex}.track-row{background:var(--paper);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);cursor:pointer;border-radius:18px;align-items:center;gap:12px;padding:10px;transition:transform 80ms,box-shadow 80ms;display:flex}.track-row:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.track-row .cover{background:var(--card-2);border:2px solid var(--line);border-radius:12px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.track-row .cover img{object-fit:cover;width:100%;height:100%}.track-row .meta{flex:1;min-width:0}.track-row .meta .t{color:var(--ink);font-size:15px;font-weight:900}.track-row .meta .s{color:var(--ink-soft);margin-top:2px;font-size:12px;font-weight:700}.track-row .play{background:var(--green);border:2px solid var(--green-dark);width:40px;height:40px;box-shadow:0 3px 0 var(--green-dark);color:#fff;cursor:pointer;border-radius:50%;font-size:14px;font-weight:900}.track-row.playing{border-color:var(--green);box-shadow:0 3px 0 var(--green-dark)}.placeholder-tab{text-align:center;color:var(--ink-soft);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.placeholder-tab .big{margin-bottom:12px;font-size:48px}.placeholder-tab .title{color:var(--ink);margin-bottom:6px;font-size:22px;font-weight:900}.placeholder-tab .sub{font-size:14px}.level-hint{bottom:calc(106px + env(safe-area-inset-bottom));z-index:8;background:var(--paper);border:2px solid var(--green);box-shadow:0 3px 0 var(--green-dark);color:var(--ink);text-align:center;cursor:pointer;border-radius:16px;padding:10px 14px;font-size:13px;font-weight:800;animation:.35s cubic-bezier(.34,1.56,.64,1) both pop-in;position:absolute;left:18px;right:18px}.fatality-fab{bottom:calc(132px + env(safe-area-inset-bottom));z-index:6;background:var(--green);border:2px solid var(--green-dark);width:64px;height:64px;box-shadow:0 4px 0 var(--green-dark);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:30px;transition:transform 80ms,box-shadow 80ms;animation:1.6s ease-in-out infinite badge-wobble;display:flex;position:absolute;right:14px}.fatality-fab:active{box-shadow:0 1px 0 var(--green-dark);animation:none;transform:translateY(3px)}@keyframes badge-wobble{0%,to{transform:rotate(-6deg)translateY(0)}25%{transform:rotate(0)translateY(-2px)}50%{transform:rotate(6deg)translateY(0)}75%{transform:rotate(0)translateY(-2px)}}.mute-toggle{top:max(14px, env(safe-area-inset-top));z-index:60;background:var(--paper);border:2px solid var(--line);width:40px;height:40px;box-shadow:0 3px 0 var(--line);color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:transform 80ms,box-shadow 80ms;display:flex;position:fixed;right:14px}.mute-toggle:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.sparkle{pointer-events:none;z-index:200;border-radius:50%;width:8px;height:8px;position:fixed;box-shadow:0 0 8px}.toast{color:#fff;z-index:120;pointer-events:none;background:#000000d9;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:800;animation:.25s ease-out toastin,.3s ease-in 1.7s forwards toastout;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}@keyframes toastin{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastout{to{opacity:0;transform:translate(-50%,20px)}}.booster-toast{background:var(--paper);max-width:min(92vw,360px);color:var(--ink);border:2px solid var(--line);box-shadow:0 4px 0 var(--line), 0 10px 24px #0000002e;text-align:center;z-index:60;pointer-events:none;border-radius:14px;padding:10px 14px;font-size:13px;font-weight:800;line-height:1.35;animation:.25s ease-out booster-toastin,.35s ease-in 2.75s forwards booster-toastout;position:fixed;top:80px;left:50%;transform:translate(-50%)}@keyframes booster-toastin{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}@keyframes booster-toastout{to{opacity:0;transform:translate(-50%,-12px)}}@keyframes ctapulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.btn.pulse{animation:1.8s ease-in-out infinite ctapulse}@keyframes rowIn{0%{opacity:0;transform:translateY(20px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.card-in{animation:.4s cubic-bezier(.34,1.56,.64,1) both rowIn}@keyframes chip-bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.lvl-tile.bump{animation:.35s chip-bump}@keyframes chip-tremble{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)rotate(-1deg)}40%{transform:translate(2px,-1px)rotate(1deg)}60%{transform:translate(-2px,-1px)rotate(-1deg)}80%{transform:translate(2px,1px)rotate(1deg)}}.lvl-tile.tremble{animation:.12s linear infinite chip-tremble}.particle{pointer-events:none;z-index:100;font-size:22px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.particle.zap{filter:drop-shadow(0 0 6px #ffc800e6)}.particle.coin{filter:drop-shadow(0 0 10px #ffc800f2)drop-shadow(0 0 4px #ffe664);text-shadow:0 2px 4px #00000040;font-size:36px}@keyframes screen-shake{0%,to{transform:translate(0)}15%{transform:translate(-5px,3px)}30%{transform:translate(4px,-3px)}45%{transform:translate(-3px,-2px)}60%{transform:translate(3px,2px)}75%{transform:translate(-2px,1px)}}.level-screen.shake{animation:.45s screen-shake}.boosters .booster.charging{animation:.12s linear infinite booster-shake}@keyframes booster-shake{0%,to{transform:translateY(4px)}25%{transform:translate(-1px,4.5px)}50%{transform:translate(1px,3.5px)}75%{transform:translate(-.5px,4.5px)}}.modal-backdrop{z-index:50;opacity:0;pointer-events:none;background:#14141e8c;justify-content:center;align-items:center;padding:24px;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-card{background:var(--paper);border:2px solid var(--line);box-shadow:0 6px 0 var(--line);text-align:center;border-radius:24px;width:100%;max-width:320px;padding:22px 22px 18px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);transform:scale(.85)translateY(8px)}.modal-backdrop.open .modal-card{transform:scale(1)translateY(0)}.modal-icon{filter:drop-shadow(0 4px #0000001a);margin:0 auto 10px;font-size:56px;line-height:1}.modal-title{color:var(--ink);margin-bottom:10px;font-size:20px;font-weight:900;line-height:1.2}.modal-body{color:var(--ink-soft);margin-bottom:18px;font-size:14px;font-weight:700;line-height:1.45}.modal-body b{color:var(--ink)}.modal-buttons{flex-direction:column;gap:10px;display:flex}.modal-btn{appearance:none;font:inherit;border:2px solid var(--line);background:var(--paper);width:100%;color:var(--ink);box-shadow:0 3px 0 var(--line);cursor:pointer;border-radius:14px;padding:12px 16px;font-size:15px;font-weight:900;transition:transform 80ms,box-shadow 80ms}.modal-btn.primary{background:var(--green);border-color:var(--green-dark);color:#fff;box-shadow:0 3px 0 var(--green-dark)}.modal-btn.danger{color:#fff;background:#ff4b4b;border-color:#c73c3c;box-shadow:0 3px #c73c3c}.modal-btn:active{transform:translateY(3px);box-shadow:0 0 #0000}.level-screen.intro .canvas-wrap{pointer-events:none;animation:.8s cubic-bezier(.18,.9,.3,1.28) forwards canvas-slidein}@keyframes canvas-slidein{0%{transform:translate(-115%)}to{transform:translate(0)}}.level-screen.intro .lvl-top-panel{animation:.45s cubic-bezier(.2,.7,.2,1) .8s both panel-in-top}.level-screen.intro .lvl-bottom-panel,.level-screen.intro .pause-menu{animation:.45s cubic-bezier(.2,.7,.2,1) .8s both panel-in-bot}@keyframes panel-in-top{0%{opacity:0;transform:translateY(-140%)}to{opacity:1;transform:translateY(0)}}@keyframes panel-in-bot{0%{opacity:0;transform:translateY(140%)}to{opacity:1;transform:translateY(0)}}.level-screen.auto-painting{pointer-events:none}.lvl-top-panel,.lvl-bottom-panel,.color-drawer,.fatality-fab,.pause-menu{transition:transform .55s cubic-bezier(.55,.1,.25,1),opacity .4s}.level-screen.exiting .lvl-top-panel{opacity:0;transform:translateY(-140%)}.level-screen.exiting .lvl-bottom-panel{opacity:0;transform:translateY(140%)}.level-screen.exiting .color-drawer{opacity:0;transform:translateY(-140%)}.level-screen.exiting .fatality-fab{opacity:0;animation:none;transform:translate(140%)}.level-screen.exiting .pause-menu{opacity:0;pointer-events:none;transform:translateY(140%)}.fatality-overlay{z-index:60;opacity:0;pointer-events:none;background:#0f0f19b8;justify-content:center;align-items:center;padding:20px;transition:opacity .25s;display:flex;position:fixed;inset:0}.fatality-overlay.open{opacity:1;pointer-events:auto}.fatality-card{background:var(--paper);border:2px solid var(--line);box-shadow:0 6px 0 var(--line);text-align:center;border-radius:24px;width:100%;max-width:340px;padding:20px 18px 16px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;transform:scale(.88)translateY(8px)}.fatality-overlay.open .fatality-card{transform:scale(1)translateY(0)}.fatality-title{color:var(--ink);margin-bottom:4px;font-size:22px;font-weight:900}.fatality-sub{color:var(--ink-soft);margin-bottom:14px;font-size:12px;font-weight:800;line-height:1.35}.fatality-stage{width:100%;height:28px;margin:0 0 14px;position:relative}.fatality-status{color:var(--ink);text-align:center;white-space:nowrap;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:800;transition:opacity .2s;display:flex;position:absolute;inset:0}.fatality-status.fade{opacity:0}.fatality-status.fail{color:#ff4b4b}.fatality-timer{opacity:0;pointer-events:none;background:#e5e5e5;border-radius:999px;width:100%;transition:opacity .25s;position:absolute;inset:0;overflow:hidden}.fatality-timer.show{opacity:1;pointer-events:auto}.fatality-timer-fill{background:linear-gradient(#ff8b47 0%,#ff4b4b 55%,#d63a3a 100%);border-radius:999px;width:100%;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 4px #ffffff4d,inset 0 -4px #00000024}.fatality-timer-text{color:#fff;text-shadow:0 1px 1px #00000073;letter-spacing:.3px;z-index:2;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex;position:absolute;inset:0}.fatality-colors{grid-template-columns:1fr 1fr;gap:14px;width:100%;margin:0 0 14px;display:grid}.fatality-color{aspect-ratio:1;border:3px solid var(--fc-d,#ccc);background:var(--fc,#fff);width:100%;box-shadow:0 6px 0 var(--fc-d,#ccc);cursor:pointer;border-radius:24px;transition:transform .12s,filter .15s,box-shadow .15s;position:relative}.fatality-color.lit{filter:brightness(1.15)saturate(1.2);box-shadow:0 0 32px 6px var(--fc,#fff), 0 0 16px 2px var(--fc-d,#ccc), 0 6px 0 var(--fc-d,#ccc);transform:scale(1.04)}.fatality-color:active{box-shadow:0 2px 0 var(--fc-d,#ccc);transform:translateY(4px)}.fatality-colors.idle .fatality-color{filter:grayscale()brightness(.95);pointer-events:none;background:#dcdcdc;border-color:#b0b0b0;transition:background-color .35s,border-color .35s,box-shadow .35s,filter .35s;box-shadow:0 6px #b0b0b0}.fatality-color.wrong{animation:.4s color-wrong}@keyframes color-wrong{0%,to{filter:brightness()saturate();transform:translate(0)}20%{filter:brightness(.6)saturate(.4);transform:translate(-6px)}40%{filter:brightness(1.4)saturate(2);transform:translate(6px)}60%{filter:brightness(.6)saturate(.4);transform:translate(-4px)}80%{filter:brightness(1.2)saturate(1.8);transform:translate(4px)}}@keyframes card-shake{0%,to{transform:translate(0)}15%{transform:translate(-8px,2px)}30%{transform:translate(8px,-2px)}45%{transform:translate(-6px,-2px)}60%{transform:translate(6px,2px)}75%{transform:translate(-3px,1px)}}.fatality-card.shake{animation:.5s card-shake}.fatality-miss{color:#ff4b4b;text-shadow:0 0 20px #ff4b4bcc,0 0 40px #ff4b4b80;pointer-events:none;z-index:5;justify-content:center;align-items:center;font-size:140px;font-weight:900;display:none;position:absolute;inset:0}.fatality-card.missed .fatality-miss{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards miss-pop;display:flex}@keyframes miss-pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}35%{opacity:1;transform:scale(1.1)rotate(8deg)}70%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.9)rotate(0)}}.fatality-buttons{flex-direction:column;gap:10px;display:flex}.fatality-buttons .invisible{visibility:hidden;pointer-events:none}@media (width>=560px){html,body{background:#1a1a1a}body{justify-content:center;align-items:center;padding:24px 0;display:flex}#root{background:var(--bg-0);border-radius:10px;width:100%;max-width:460px;height:calc(100dvh - 48px);overflow:hidden;transform:translateZ(0);box-shadow:0 20px 60px #00000073}}.tb-chip.crystal .tb-chip-ico{color:var(--crystal)}.tb-chip.crystal{cursor:pointer}.lvl-tile.tile-energy{flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;padding:6px 8px;position:relative}.lvl-tile.tile-energy .ico{font-size:18px}.lvl-tile.tile-energy .val{font-size:20px}.lvl-tile.tile-energy .tile-energy-fill{background:var(--bg-0);border:1px solid var(--line);pointer-events:none;border-radius:999px;height:8px;position:absolute;bottom:4px;left:8px;right:8px;overflow:hidden}.lvl-tile.tile-energy .tile-energy-fill>.fill{background:var(--energy-dark);border-radius:999px;transition:width .18s;position:absolute;top:0;bottom:0;left:0}.lvl-tile.tile-energy .val{line-height:1}.lvl-tile .tile-plus{background:var(--green);color:#fff;border:2px solid var(--green-dark);width:32px;height:32px;box-shadow:0 2px 0 var(--green-dark);cursor:pointer;z-index:3;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:22px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.lvl-tile .tile-plus:active{box-shadow:0 0 0 var(--green-dark);transform:translateY(-50%)translateY(2px)}.booster .count-badge{color:#fff;border:2px solid var(--paper);z-index:3;background:#ff3b30;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:12px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-8px;right:-6px;box-shadow:0 2px 4px #0000004d}.booster.active .count-badge{border-color:#1cb0f6}.booster .count-badge.zero{color:#fff;background:#ff3b30;background:var(--green);border-color:var(--green-dark);box-shadow:0 2px 0 var(--green-dark)}.booster.empty{opacity:.85}.booster.empty .ico{filter:grayscale(.5)}.booster .cost{display:none!important}.plus-n{pointer-events:none;z-index:9999;color:#fff;text-shadow:0 3px #0000008c,0 0 8px #00000073,0 4px 18px #0006;letter-spacing:.5px;font-size:42px;font-weight:900;animation:1.1s cubic-bezier(.22,.61,.36,1) forwards plus-n-anim;position:fixed;transform:translate(-50%,-50%)}@keyframes plus-n-anim{0%{opacity:0;transform:translate(-50%,-80%)scale(.65)}18%{opacity:1;transform:translate(-50%,-160%)scale(1.1)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}.tap-to-continue{left:50%;bottom:calc(40px + env(safe-area-inset-bottom));color:#fff;letter-spacing:.3px;z-index:800;pointer-events:none;text-align:center;white-space:nowrap;background:#000000b8;border-radius:999px;min-width:260px;padding:12px 28px;font-size:16px;font-weight:800;animation:1.4s ease-in-out infinite tap-pulse;position:fixed;transform:translate(-50%)}@keyframes tap-pulse{0%,to{opacity:.85;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.05)}}.modal-close{border:2px solid var(--line);background:var(--paper);width:32px;height:32px;color:var(--ink-soft);cursor:pointer;z-index:2;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:8px;right:8px}.modal-card.no-energy-card{text-align:center;max-width:340px;padding-top:28px;position:relative}.no-energy-card .ne-title{color:var(--gold-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:28px;font-weight:900;line-height:1.05}.no-energy-card .ne-subtitle{color:var(--ink-soft);margin-bottom:14px;font-size:13px;line-height:1.3}.no-energy-card .ne-big-icon{justify-content:center;margin:4px 0 18px;display:flex}.no-energy-card .ne-bolt{filter:drop-shadow(0 6px 0 var(--gold-dark)) drop-shadow(0 10px 16px #ffc80059);font-size:64px;animation:2.6s ease-in-out infinite ne-bolt-spin}@keyframes ne-bolt-spin{0%,to{transform:rotate(-6deg)scale(1)}50%{transform:rotate(6deg)scale(1.04)}}.no-energy-card .ne-packs{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.no-energy-card .ne-pack{background:var(--paper);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);cursor:pointer;font:inherit;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.no-energy-card .ne-pack:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.no-energy-card .ne-pack-amount{color:var(--ink);font-size:18px;font-weight:900}.no-energy-card .ne-pack-buy{background:var(--green);color:#fff;border:2px solid var(--green-dark);box-shadow:0 2px 0 var(--green-dark);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:900}.no-energy-card .ne-ad-row{border:2px dashed var(--line);color:var(--ink-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;font-size:13px;display:flex}.no-energy-card .ne-ad-btn{background:var(--gold);color:#5a3c00;border:2px solid var(--gold-dark);box-shadow:0 2px 0 var(--gold-dark);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:900}.no-energy-card .ne-balance{color:var(--ink-soft);font-size:12px}.modal-card.shop-mini-card{text-align:left;max-width:340px;padding-top:22px;position:relative}.shop-mini-title{text-align:center;margin-bottom:4px;font-size:18px;font-weight:900}.shop-mini-balance{color:var(--ink-soft);text-align:center;margin-bottom:12px;font-size:12px}.shop-mini-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.shop-mini-row{border:2px solid var(--line);background:var(--paper);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.shop-mini-row.highlight{border-color:var(--crystal);box-shadow:0 0 0 3px #1cb0f62e}.shop-mini-ico{font-size:26px}.shop-mini-meta{flex:1;min-width:0}.shop-mini-name{color:var(--ink);font-size:14px;font-weight:800}.shop-mini-have{color:var(--ink-soft);font-size:11px}.shop-mini-buy{background:var(--green);color:#fff;border:2px solid var(--green-dark);box-shadow:0 2px 0 var(--green-dark);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:900}.shop-mini-buy.no-funds{background:var(--bg-0);color:var(--ink-soft);border-color:var(--line);box-shadow:0 2px 0 var(--line)}.shop-mini-all{width:100%;color:var(--crystal);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:13px;font-weight:800;display:block}.modal-card.celebrate-card{text-align:center;max-width:360px;padding-top:24px;position:relative}.celebrate-star-strip{justify-content:center;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.celebrate-star-strip .celebrate-star{filter:drop-shadow(0 3px 0 var(--gold-dark));font-size:52px;line-height:1;transition:transform .25s,color .25s,opacity .25s}.celebrate-star-strip .celebrate-star.on{color:var(--gold);animation:.55s cubic-bezier(.34,1.56,.64,1) both star-pop}.celebrate-star-strip .celebrate-star.off{color:var(--line);filter:none;opacity:.85}.celebrate-star-strip .celebrate-star.on:first-child{animation-delay:0s}.celebrate-star-strip .celebrate-star.on:nth-child(2){animation-delay:.15s;transform:scale(1.15)translateY(-4px)}.celebrate-star-strip .celebrate-star.on:nth-child(3){animation-delay:.3s}.celebrate-star-strip .celebrate-star:nth-child(2){font-size:62px;transform:translateY(-6px)}.celebrate-star-strip .celebrate-star:nth-child(2).on{animation-name:star-pop-mid}@keyframes star-pop-mid{0%{opacity:0;transform:scale(.3)translateY(0)rotate(-25deg)}60%{opacity:1;transform:scale(1.3)translateY(-10px)rotate(8deg)}to{opacity:1;transform:scale(1.15)translateY(-6px)rotate(0)}}.celebrate-title{color:var(--ink);margin-bottom:10px;font-size:24px;font-weight:900}.celebrate-subtitle-row{align-items:center;gap:10px;margin:4px 0 14px;display:flex}.celebrate-subdiv{background:var(--line);border-radius:999px;flex:1;height:2px}.celebrate-subtitle{letter-spacing:1.5px;color:var(--ink-soft);text-transform:uppercase;font-size:12px;font-weight:800}.celebrate-tiles{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px;display:flex}.celebrate-tile{border:2px solid var(--line);background:var(--paper);width:80px;height:80px;box-shadow:inset 0 -3px 0 var(--line);border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative}.celebrate-tile-ico{font-size:40px}.celebrate-tile-badge{background:var(--paper);border:2px solid var(--ink);color:var(--ink);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:900;position:absolute;bottom:-8px;right:-8px}.celebrate-empty{color:var(--ink-soft);padding:16px 8px;font-size:13px}.celebrate-painting-title{display:none}.celebrate-claim{width:100%;padding:14px 0;font-size:20px}.celebrate-keep{width:100%;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:10px 0 2px;font-size:13px;text-decoration:underline;display:block}.shop-tab.v2{background:var(--bg-0);flex:1 1 0;min-height:0;padding:12px 14px 24px;overflow-y:auto}.shop-tab.v2 .shop-chips{gap:8px;margin-bottom:14px;display:flex}.shop-section{margin-bottom:22px}.shop-section-title{color:var(--ink);margin-bottom:2px;font-size:20px;font-weight:900}.shop-section-sub{color:var(--ink-soft);margin-bottom:10px;font-size:12px}.shop-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.shop-pack{background:var(--paper);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);cursor:pointer;font:inherit;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:16px 10px 12px;display:flex;position:relative}.shop-pack:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.shop-pack.best{border-color:var(--gold);box-shadow:0 3px 0 var(--gold-dark)}.shop-pack.crystal.has-badge{border-color:var(--crystal);box-shadow:0 3px 0 var(--crystal-dark)}.shop-pack-badge{background:var(--gold);color:#5a3c00;border:2px solid var(--gold-dark);letter-spacing:.5px;white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:900;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.shop-pack.crystal.has-badge .shop-pack-badge{background:var(--crystal);color:#fff;border-color:var(--crystal-dark)}.shop-pack-ico{font-size:36px;line-height:1}.shop-pack-qty{color:var(--ink);font-size:16px;font-weight:900}.shop-pack-name,.shop-pack-have{color:var(--ink-soft);font-size:11px}.shop-pack-buy{background:var(--green);color:#fff;border:2px solid var(--green-dark);box-shadow:0 2px 0 var(--green-dark);border-radius:999px;margin-top:4px;padding:5px 12px;font-size:13px;font-weight:900}.shop-pack-buy.crystal{background:var(--crystal);border-color:var(--crystal-dark);box-shadow:0 2px 0 var(--crystal-dark)}.shop-pack.no-funds .shop-pack-buy{background:var(--bg-0);color:var(--ink-soft);border-color:var(--line);box-shadow:0 2px 0 var(--line)}.shop-disclaimer{color:var(--ink-soft);text-align:center;margin-top:8px;font-size:11px;font-style:italic}