:root{--bg: #0e111b;--surface: #171c2b;--surface-hover: #1e2437;--border: #262d42;--text: #eef1f7;--muted: #9aa3b8;--accent: #35d0ba;--accent-2: #ff5d73;--storm: #ffb547;--storm-2: #8f6bff;--radius: 14px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html.playing,html.playing body{overflow:hidden;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.app{max-width:480px;margin:0 auto;height:var(--app-height, 100dvh);display:flex;flex-direction:column;background:radial-gradient(120% 50% at 50% 0%,rgba(143,107,255,.18),transparent 60%),radial-gradient(90% 40% at 50% 100%,rgba(255,181,71,.1),transparent 70%),var(--bg)}.screen{flex:1;min-height:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.scroll{flex:1;min-height:0;overflow-y:auto;padding:6px 16px 16px;display:flex;flex-direction:column;gap:10px}.bottom{padding:12px 16px 16px;display:grid;gap:10px}.muted{color:var(--muted)}.small{font-size:13px}.spacer{flex:1}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.topbar{display:flex;align-items:center;gap:12px;padding:14px 16px 6px}.topbar h1{flex:1;font-size:20px}.topbar h1 small{display:block;font-size:12px;font-weight:500;color:var(--muted)}.topbar-actions{display:flex}.icon-button{width:44px;height:44px;flex:none;border-radius:12px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center}.icon-button svg{width:20px;height:20px}.button{min-height:52px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:0 18px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;text-align:center}.button svg{width:22px;height:22px}.button.primary{border:0;color:#1a1205;background:linear-gradient(135deg,var(--storm),#ff8a3d);box-shadow:0 8px 24px #ff963c40;font-size:18px;min-height:58px}.button:active,.icon-button:active,.mode:active,.lvl:active{transform:scale(.98)}.link{color:var(--accent);font-weight:600}.legal-links{margin:4px 0}:focus-visible{outline:3px solid var(--storm);outline-offset:2px}.badge{font-size:12px;padding:4px 8px;border-radius:999px;background:var(--surface-hover);color:var(--muted);border:1px solid var(--border);white-space:nowrap}.label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:12px}.hint{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:#171c2bb3;font-size:14px;color:var(--muted);margin:12px 16px 0}.logo{padding:24px 4px 6px;text-align:center}.logo-bricks{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;width:220px;margin:0 auto 18px}.logo-bricks i{height:14px;border-radius:4px;display:block}.logo h1{font-size:44px;letter-spacing:-1px;font-weight:800;line-height:1;background:linear-gradient(135deg,#fff 10%,var(--storm) 55%,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.logo p{margin-top:10px;color:var(--muted);font-size:15px}.modes{display:grid;gap:10px;padding-top:12px}.mode{display:flex;align-items:center;gap:14px;padding:14px;min-height:72px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.mode.disabled{opacity:.55}.mode .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none}.mode .ic svg{width:22px;height:22px}.ic.campaign{background:#ffb54724;color:var(--storm)}.ic.daily{background:#8f6bff29;color:#a88bff}.ic.endless{background:#35d0ba1f;color:var(--accent)}.mode .tx{flex:1;min-width:0}.mode b{display:block}.mode .tx>span{display:block;font-size:13px;color:var(--muted)}.world-head{display:flex;align-items:center;gap:12px;margin:10px 0 2px}.world-head.locked{opacity:.55}.world-head .dot{width:12px;height:12px;border-radius:4px}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.lvl{aspect-ratio:1;border-radius:12px;border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;font-weight:700;font-size:17px}.lvl.current{border-color:var(--storm);box-shadow:0 0 0 2px #ffb54740 inset}.lvl.locked{opacity:.45;font-weight:400}.lvl small{font-size:10px}.stars{display:inline-flex;gap:1px}.stars svg{width:11px;height:11px}.stars svg.on{fill:var(--storm)}.stars svg.off{fill:none;stroke:var(--muted);stroke-width:2}.stars.large{gap:10px;justify-content:center;margin:4px 0 8px}.stars.large svg{width:54px;height:54px}.play{user-select:none;-webkit-user-select:none}.hud{display:flex;align-items:center;gap:14px;padding:10px 12px 4px}.hud .stat{display:flex;flex-direction:column;line-height:1.1}.hud .stat small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.hud .stat b{font-size:20px;font-variant-numeric:tabular-nums}.lives{display:flex;gap:4px;margin-left:auto;margin-right:6px}.lives i{width:18px;height:6px;border-radius:3px;background:var(--storm);display:block}.lives i.off{background:var(--border)}.chips{display:flex;gap:6px;justify-content:center;min-height:24px;padding:0 12px 4px}.chip{display:inline-flex;align-items:center;font-size:12px;padding:3px 9px;border-radius:999px;color:var(--chip);border:1px solid var(--chip);font-variant-numeric:tabular-nums}.stage{flex:1;min-height:0;display:flex;justify-content:center;align-items:flex-start;touch-action:none;position:relative;padding:0 8px 8px}.stage canvas{display:block;touch-action:none;border-radius:12px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0e111bb8;backdrop-filter:blur(3px)}.pause-card{width:min(320px,86%);display:grid;gap:10px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}.pause-card h2{text-align:center;margin-bottom:4px}.pause-card .legal-links{text-align:center;font-size:13px}.result-top{text-align:center;padding:24px 4px 6px}.result-top .lv{color:var(--muted);font-size:14px;letter-spacing:.5px;text-transform:uppercase}.result-top h1{margin:6px 0 12px;font-size:30px}.score-big{font-size:46px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-1px}.record{display:inline-block;margin-top:6px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;color:#1a1205;background:var(--storm)}.breakdown{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.breakdown div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);font-size:15px}.breakdown div:last-child{border-bottom:0;font-weight:700}.breakdown span:last-child{font-variant-numeric:tabular-nums}.result .hint{margin:0}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.setting small{display:block;color:var(--muted);font-size:12px}.setting input[type=checkbox]{width:22px;height:22px;accent-color:var(--storm)}.consent{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:10;max-width:456px;margin:0 auto;padding:14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 30px #00000059;font-size:14px}.consent .row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.consent a{color:var(--accent)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.share{position:relative}.share-note{position:absolute;top:calc(100% + 6px);right:0;z-index:5;white-space:nowrap;padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600}
