:root{--bg:#07051a;--panel:#140a28e6;--text:#fff4e6;--muted:#cbb8e8;--accent:#ff8a1f;--accent-2:#b06bff;--good:gold;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;margin:0;overflow:hidden}#app,#game-container{position:fixed;inset:0}#game-container canvas{touch-action:none}#ui-root{pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.screen{pointer-events:auto;border:3px solid var(--accent);background:var(--panel);text-align:center;border-radius:24px;width:min(460px,100vw - 24px);max-height:calc(100dvh - 24px);padding:20px 24px;overflow:auto;box-shadow:0 0 40px #ff8a1f59}.screen h1{color:var(--accent);text-shadow:0 2px #000;margin:0 0 6px;font-size:clamp(1.6rem,6vw,2.4rem)}.screen p{color:var(--muted);margin:0 0 14px;font-size:1.15rem}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:14px;font-size:1.6rem;display:flex}.btn{font:inherit;border:3px solid var(--accent-2);min-height:56px;color:var(--text);cursor:pointer;white-space:nowrap;background:#ffffff0f;border-radius:16px;padding:10px 20px;font-size:1.2rem;font-weight:700}.pager{align-items:center;gap:10px;margin-bottom:10px;display:flex}.btn.arrow{flex:none;width:60px;min-height:60px;padding:0;font-size:1.6rem;line-height:1}.pager-title{flex:1;min-width:0}.pager-title h2{color:var(--text);margin:0;font-size:1.35rem}.dots{justify-content:center;gap:8px;margin-top:6px;display:flex}.dot{border:2px solid var(--accent-2);cursor:pointer;background:0 0;border-radius:50%;width:12px;height:12px;padding:0}.dot[aria-current=true]{background:var(--accent-2)}.pages{touch-action:pan-y;margin-bottom:14px;display:grid}.page{flex-direction:column;grid-area:1/1;gap:10px;display:flex}.page[inert]{visibility:hidden}.option{text-align:left;justify-content:space-between;align-items:center;gap:12px;font-size:1.15rem;font-weight:700;display:flex}.option>span{white-space:nowrap}.option select{width:11.5rem;max-width:58%;min-height:52px;font:inherit;color:var(--text);border:3px solid var(--accent-2);appearance:none;cursor:pointer;background:#ffffff0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23fff4e6' stroke-width='2'/%3E%3C/svg%3E") right 14px center/14px 10px no-repeat;border-radius:14px;flex:none;padding:8px 40px 8px 14px;font-size:1.1rem}.option select:focus-visible{outline:3px solid var(--text);outline-offset:2px}.option option{color:var(--text);background:#1c0f38}@media (max-width:420px){.screen{padding:16px 12px}.row{gap:8px}.option{font-size:1.05rem}}@media (max-width:360px){.btn{min-height:48px;padding:8px 12px;font-size:1rem}.btn.arrow{width:52px;min-height:52px}.option{gap:8px}.option select{width:9.5rem;padding-right:34px;font-size:1rem}.btn.start{min-height:60px;font-size:1.5rem}}@media (max-height:500px){.screen{width:min(560px,100vw - 24px);padding:10px 18px}.screen h1{margin-bottom:6px;font-size:1.5rem}.screen .intro{display:none}.pager{margin-bottom:6px}.btn.arrow{width:52px;min-height:48px}.pages{margin-bottom:8px}.page{gap:6px}.option select{min-height:44px;padding-top:4px;padding-bottom:4px}.btn.start{min-height:56px;margin-bottom:4px;font-size:1.5rem}.screen .best{margin-bottom:0}}@media (max-height:500px) and (orientation:landscape){.screen.menu{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title title""pager start""pages start""pages best""pages help";align-items:center;column-gap:20px;width:min(760px,100vw - 24px);display:grid}.menu h1{grid-area:title}.menu .pager{grid-area:pager}.menu .pages{grid-area:pages;align-self:start;margin-bottom:0}.menu .start{grid-area:start;align-self:end}.menu .best{grid-area:best;align-self:start}.menu .help{grid-area:help;place-self:start center}}@media (max-height:340px){.screen h1{margin-bottom:4px;font-size:1.2rem}.pager-title h2{font-size:1.15rem}.option{font-size:1rem}.option select{width:9.5rem;min-height:40px;padding-right:34px;font-size:1rem}.btn.start{min-height:48px}}.btn:hover,.btn:focus-visible{outline:3px solid var(--text);outline-offset:2px}.btn:disabled{opacity:.4;cursor:default}.btn[aria-pressed=true]{background:var(--accent-2);color:#fff}.btn.start{border-color:var(--accent);background:var(--accent);color:#1a0a00;min-height:72px;margin-bottom:8px;padding:10px 36px;font-size:1.8rem}.best,.new-best{font-weight:700}.screen .new-best{color:var(--good);font-size:1.4rem}.screen .final-score{color:var(--text);font-size:3rem;font-weight:800}.screen .stars{letter-spacing:.1em;margin-bottom:0;font-size:3.2rem}.star{color:#ffffff2e}.star.on{color:var(--good);text-shadow:0 0 16px #ffd700b3}.screen .rotate-hint{font-size:1rem;display:none}.btn.help{border-color:var(--muted);min-height:44px;color:var(--muted);padding:6px 16px;font-size:1rem}.screen.rules h2{color:var(--muted);text-align:left;margin:14px 0 6px;font-size:1.15rem}.rule-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rule{text-align:left;background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;font-size:1.05rem;display:flex}.rule-icon{flex:none;font-size:1.5rem}.trick-icon{vertical-align:-.2em;filter:drop-shadow(0 0 3px #39ff14);width:1.15em;height:1.15em;display:inline-block}.trick-icon:before{content:"";clip-path:polygon(50% 0%,60% 25%,85% 15%,75% 40%,100% 50%,75% 60%,85% 85%,60% 75%,50% 100%,40% 75%,15% 85%,25% 60%,0% 50%,25% 40%,15% 15%,40% 25%);background:radial-gradient(circle,#0b1a08 0 26%,#39ff14 34%,#8dff6e 100%);width:100%;height:100%;display:block}.rule-text{flex:1}.rule-points{white-space:nowrap;flex:none;font-weight:800}.rule-points.plus{color:var(--good)}.rule-points.minus{color:#ff6b6b}.screen .rule-note{text-align:left;margin:12px 0;font-size:.95rem}@media (max-width:360px){.rule-list{gap:4px}.screen.rules h2{margin:8px 0 4px}.rule{padding:4px 8px;font-size:.95rem}.rule-icon{font-size:1.25rem}.screen .rule-note{margin:8px 0;font-size:.85rem}}@media (max-height:500px) and (orientation:landscape){.screen.rules{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title title""plus streak""minus streak""note nightmare""back back";align-items:start;column-gap:16px;width:min(820px,100vw - 24px);display:grid}.rules .rule-streak{grid-area:streak}.rules h1{grid-area:title}.rules .rule-list.plus{grid-area:plus}.rules .rule-minus{grid-area:minus}.rules .rule-minus h2{margin-top:0}.rules .rule-note{margin:6px 0 0;font-size:.85rem}.rules .rule-note.general{grid-area:note}.rules .rule-nightmare{grid-area:nightmare}.rules .rule-nightmare h2{margin-top:0}.rules .start{grid-area:back;justify-self:center;margin-top:8px}.rule{padding:3px 8px;font-size:.95rem}.rule-icon{font-size:1.2rem}}@media (max-height:340px) and (orientation:landscape){.rules h1{margin-bottom:4px;font-size:1.2rem}.rule{font-size:.85rem}.rules .rule-note{font-size:.78rem}.rules .btn.start{min-height:44px;font-size:1.2rem}}@media (max-height:500px) and (orientation:landscape){.screen.over.with-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title title""summary stats""buttons buttons";align-items:center;column-gap:16px;width:min(760px,100vw - 24px);display:grid}.over h1{grid-area:title;margin-bottom:4px}.over .over-summary{grid-area:summary}.over .stats{grid-area:stats;margin:0}.over .over-buttons{grid-area:buttons;margin:8px 0 0}.over .stars{font-size:2.2rem}.over .final-score{margin-bottom:4px;font-size:2.2rem}.over .stat{padding:4px 6px}.over .stat dd{font-size:1.2rem}}@media (max-height:340px) and (orientation:landscape){.over .stars,.over .final-score{font-size:1.8rem}.over .stat dt{font-size:.75rem}.over .stat dd{font-size:1.05rem}.over .over-buttons .btn{min-height:44px}.over .over-buttons .btn.start{font-size:1.3rem}}@media (max-width:360px){.over .stars{font-size:2.4rem}.over .final-score{margin-bottom:6px;font-size:2.4rem}.stat dd{font-size:1.2rem}.stats{gap:6px;margin-bottom:8px}.over .best,.over .new-best{margin-bottom:8px}}.streak-pop{border:3px solid var(--accent);color:var(--good);white-space:nowrap;pointer-events:none;background:#140a28cc;border-radius:999px;padding:8px 18px;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:800;animation:1.4s ease-out forwards streak-pop;position:fixed;top:18%;left:50%;transform:translate(-50%)}@keyframes streak-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.1)}30%{transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-30px)}}.app-version{right:max(10px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));color:var(--muted);opacity:.8;margin:0;font-size:.75rem;font-style:italic;position:fixed}@media (orientation:portrait) and (pointer:coarse){.screen .rotate-hint{display:block}}.hud{top:max(10px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));text-shadow:0 2px 3px #000;pointer-events:none;justify-content:space-between;align-items:center;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800;display:flex;position:fixed}.hud-left{align-items:center;gap:14px;display:flex}.hud-streak{color:var(--good)}.hud-streak[hidden]{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px;display:grid}.stat{background:#ffffff0f;border-radius:12px;padding:6px 8px}.stat dt{color:var(--muted);font-size:.85rem}.stat dd{margin:2px 0 0;font-size:1.4rem;font-weight:800}.hud[hidden]{display:none}.hud-time{align-items:center;gap:10px;display:flex}.hud-time-bar{border:2px solid var(--text);background:#0006;border-radius:9px;width:clamp(90px,22vw,220px);height:18px;overflow:hidden}.hud-time-fill{background:linear-gradient(90deg, var(--accent), var(--good));transform-origin:0;height:100%;display:block}.hud-time-value{text-align:right;min-width:2ch}.hud-time[data-low]{color:#ff5a5a;animation:.5s ease-in-out infinite alternate pulse}.hud-time[data-low] .hud-time-fill{background:#ff5a5a}.countdown{color:var(--accent);text-shadow:0 0 30px #ff8a1fcc,0 4px #000;pointer-events:none;place-items:center;font-size:clamp(5rem,22vw,12rem);font-weight:900;display:grid;position:fixed;inset:0}.countdown[hidden]{display:none}.countdown.tick{animation:.6s ease-out zoom}@keyframes zoom{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{to{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.countdown.tick,.hud-time[data-low]{animation:none}}.option:has(select:disabled){opacity:.45}.menu-more{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:8px;display:flex}.hud-lives{font-weight:700}.hud-lives[data-low]{color:#ff6b6b}.scores-body{max-height:45vh;margin-bottom:12px;overflow-y:auto}.scores-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.scores-table th,.scores-table td{text-align:right;padding:4px 8px}.scores-table th:first-child,.scores-table td:first-child{text-align:left}@media (max-height:500px) and (orientation:landscape){.screen.menu{grid-template-areas:"title title""pager start""pages start""pages more""pages best""pages help"}.menu .menu-more{grid-area:more;margin-bottom:4px}.menu-more .btn{min-height:44px;padding:6px 10px;font-size:1rem}.scores-body{max-height:38vh}}