:root{--bg:#0b0f14;--fg:#e6edf3;--accent:#4cc2ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#render-canvas{touch-action:none;-webkit-tap-highlight-color:transparent;outline:none;width:100%;height:100%;display:block}.fatal-error{background:var(--bg);text-align:center;place-content:center;gap:.5rem;padding:2rem;display:grid;position:fixed;inset:0}.touch-controls{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}.touch-stick-zone{pointer-events:auto;touch-action:none;width:45%;height:65%;position:absolute;bottom:0;left:0}.touch-stick{left:calc(env(safe-area-inset-left) + 100px);top:calc(100% - 100px - env(safe-area-inset-bottom));opacity:.55;background:#0b0f144d;border:2px solid #ffffff4d;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;transition:opacity .12s;position:absolute}.touch-stick.is-active{opacity:1}.touch-stick-knob{background:#fff9;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000059}.touch-buttons{right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));pointer-events:auto;align-items:flex-end;gap:14px;display:flex;position:absolute}.touch-button{color:#fff;width:76px;height:76px;font:inherit;letter-spacing:.06em;touch-action:none;background:#0b0f148c;border:2px solid #ffffff59;border-radius:50%;place-content:center;padding:0;font-size:.75rem;font-weight:700;transition:transform 80ms,background 80ms;display:grid}.touch-button-throw{margin-bottom:64px}.touch-button-view,.touch-button-fullscreen{width:56px;height:56px;font-size:.65rem}.touch-button-jump{background:#4cc2ff73;width:92px;height:92px}.touch-button.is-pressed{background:#4cc2ffbf;transform:scale(.92)}.rotate-hint{z-index:10;background:var(--bg);text-align:center;pointer-events:auto;place-content:center;justify-items:center;gap:1rem;padding:2rem;display:none;position:fixed;inset:0}.rotate-hint p{margin:0;font-weight:600}.rotate-hint-icon{border:3px solid var(--fg);border-radius:9px;width:44px;height:72px;animation:1.8s ease-in-out infinite rotate-phone}@keyframes rotate-phone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait){.rotate-hint{display:grid}}@media (prefers-reduced-motion:reduce){.rotate-hint-icon{animation:none;transform:rotate(-90deg)}}.quiz{padding:16px 16px calc(20px + env(safe-area-inset-bottom));z-index:5;background:#00000073;place-items:end center;display:grid;position:fixed;inset:0}.quiz[hidden]{display:none}.quiz-card{color:#2b1d10;background:#fff8e8;border-radius:18px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:20px 22px;overflow-y:auto;box-shadow:0 16px 40px #0006}.quiz-card h2{margin:0 0 8px;font-size:1.5rem}.quiz-greeting,.quiz-question{margin:0 0 14px;font-size:1.1rem;line-height:1.4}.quiz-question{font-weight:700}.quiz-answers{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quiz-card button{min-height:48px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border:2px solid #d9c49a;border-radius:12px;padding:10px 14px;font-size:1rem;font-weight:600}.quiz-card button:hover:not(:disabled),.quiz-card button:focus-visible{border-color:#e0a02a;outline:none}.quiz-answer.is-right{background:#d3f9d8;border-color:#2f9e44}.quiz-answer.is-wrong{opacity:.7;background:#ffe3e3;border-color:#e03131;text-decoration:line-through}.quiz-feedback{min-height:1.4em;margin:12px 0 0;font-weight:600}.quiz-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.quiz-card .quiz-primary{background:#ffc933;border-color:#e0a02a}.quiz-card .quiz-secondary{background:0 0}.quiz-progress{gap:6px;margin-bottom:10px;display:flex}.quiz-progress span{background:#e6d6b5;border-radius:50%;width:12px;height:12px}.quiz-progress .is-done{background:#2f9e44}.quiz-progress .is-current{background:#e0a02a}@media (max-height:500px){.quiz-card{padding:12px 16px}.quiz-greeting,.quiz-question{margin-bottom:8px;font-size:1rem}}.minimap{z-index:1;left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));cursor:pointer;justify-items:center;gap:2px;display:grid;position:fixed}.has-touch .minimap{top:calc(74px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));bottom:auto;left:auto}.minimap-canvas{width:150px;height:150px;box-shadow:0 0 0 6px var(--sp-rim,#9a6333), 0 0 0 9px var(--sp-frame-edge,#4a2a12), 0 8px 20px #0006;border-radius:50%;display:block}.minimap-north{z-index:1;border:2px solid var(--sp-rim,#9a6333);background:var(--sp-frame-edge,#4a2a12);color:#fff;width:26px;height:26px;font:800 .8rem/1 var(--sp-font,system-ui);border-radius:50%;place-items:center;display:grid;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.minimap:after{content:var(--sp-decor,none);pointer-events:none;font-size:1.8rem;position:absolute;bottom:18px;left:-14px;transform:rotate(-35deg)}.minimap.is-open .minimap-north,.minimap.is-open:after{display:none}.has-touch .minimap-canvas{width:110px;height:110px}@media (max-height:340px){.has-touch .minimap-canvas{width:92px;height:92px}}.minimap-hint{color:var(--fg);background:#0b0f1499;border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:600}.minimap.is-open{z-index:4;background:#0000008c;place-content:center;inset:0}.minimap.is-open .minimap-canvas{width:min(88vw,88vh,560px);height:min(88vw,88vh,560px)}.minimap.is-open .minimap-hint{font-size:.85rem}[data-skin=wood]{--sp-font:"Fredoka", "Nunito", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--sp-radius:26px;--sp-border-width:3px;--sp-text:#fff6e4;--sp-shadow:0 6px 0 #3b220f, 0 12px 26px #00000073;--sp-glow:0 0 0 3px #bfe6ff, 0 0 18px 4px #40aaffbf;--sp-decor:"🌿";--sp-frame-edge:#4a2a12;--sp-frame-bg:repeating-linear-gradient(178deg, #ffffff0d 0 3px, transparent 3px 11px, #0000000f 11px 13px, transparent 13px 22px), linear-gradient(180deg, #9a6333 0%, #7a4a22 55%, #633a1a 100%);--sp-tab-edge:#4a2a12;--sp-tab-bg:repeating-linear-gradient(90deg, #0000000d 0 2px, transparent 2px 14px), linear-gradient(180deg, #8d5a2e, #6d4220);--sp-tab-inset:inset 0 2px 0 #ffffff24, inset 0 -3px 0 #00000040;--sp-tab-text:#f5dfb8;--sp-tab-active-edge:#e8f6ff;--sp-tab-active-bg:linear-gradient(180deg, #4fb6ff 0%, #1f7fe0 100%);--sp-tab-active-text:#fff;--sp-menu-edge:#5a3515;--sp-menu-bg:#f0d6a6;--sp-menu-text:#6b4220;--sp-menu-active-edge:#1f7a35;--sp-menu-active-bg:linear-gradient(180deg, #5fd06f, #2f9e44);--sp-menu-active-text:#fff;--sp-shelf-bg:linear-gradient(180deg, #5b3517, #6e421f);--sp-shelf-inset:inset 0 4px 10px #0006, inset 0 -2px 0 #ffffff14;--sp-card-edge:#c89c62;--sp-card-bg:linear-gradient(180deg, #f7e4bf, #e9cc97);--sp-card-shadow:0 4px 0 #9b7240, 0 6px 12px #0000004d;--sp-card-text:#5a3515;--sp-card-muted:#8a6238;--sp-art-bg:radial-gradient(circle at 50% 40%, #fff3d6, #efd29f 70%);--sp-selected:#3aa5ff;--sp-check-bg:#2fbf4f;--sp-spark:#ffd23f;--sp-rim:#9a6333;--sp-bubble-bg:#fff7e6;--sp-bubble-text:#4a2a12;--sp-tone-info:linear-gradient(180deg, #4fb6ff, #1f7fe0);--sp-tone-warning:linear-gradient(180deg, #ffc043, #e8870e);--sp-tone-danger:linear-gradient(180deg, #ff6b5b, #d8322a);--sp-tone-success:linear-gradient(180deg, #ffd84a, #e0a800);--sp-edge-warning:#f5a524;--sp-edge-danger:#ff5446;--sp-edge-success:#f2c200;--sp-arrow-bg:radial-gradient(circle at 40% 35%, #b77a42, #7a4a22 75%);--sp-arrow-text:#fff1d6}[data-skin=night]{--sp-font:"Nunito", ui-rounded, system-ui, sans-serif;--sp-radius:20px;--sp-border-width:2px;--sp-text:#eef2ff;--sp-shadow:0 10px 30px #0000008c;--sp-glow:0 0 0 2px #f5d0fe, 0 0 20px 4px #c084fcb3;--sp-decor:"✨";--sp-frame-edge:#a5b4fc73;--sp-frame-bg:radial-gradient(circle at 12% 20%, #ffffff40 0 1px, transparent 2px), radial-gradient(circle at 72% 12%, #fff3 0 1px, transparent 2px), radial-gradient(circle at 44% 80%, #ffffff2e 0 1px, transparent 2px), linear-gradient(160deg, #1e1b4beb, #0f172af0);--sp-tab-edge:#a5b4fc4d;--sp-tab-bg:#312e81b3;--sp-tab-inset:inset 0 1px 0 #ffffff1f;--sp-tab-text:#c7d2fe;--sp-tab-active-edge:#f5d0fe;--sp-tab-active-bg:linear-gradient(180deg, #c084fc, #7c3aed);--sp-tab-active-text:#fff;--sp-menu-edge:#a5b4fc59;--sp-menu-bg:#1e1b4bb3;--sp-menu-text:#c7d2fe;--sp-menu-active-edge:#fde68a;--sp-menu-active-bg:linear-gradient(180deg, #fbbf24, #d97706);--sp-menu-active-text:#1e1b4b;--sp-shelf-bg:#0206178c;--sp-shelf-inset:inset 0 2px 12px #00000080;--sp-card-edge:#a5b4fc59;--sp-card-bg:linear-gradient(180deg, #4338ca8c, #1e1b4bcc);--sp-card-shadow:0 6px 14px #0006;--sp-card-text:#eef2ff;--sp-card-muted:#a5b4fc;--sp-art-bg:radial-gradient(circle at 50% 35%, #4338ca, #1e1b4b 75%);--sp-selected:#e879f9;--sp-check-bg:#22c55e;--sp-spark:#fde68a;--sp-rim:#4c1d95;--sp-bubble-bg:#eef2ff;--sp-bubble-text:#1e1b4b;--sp-tone-info:linear-gradient(180deg, #818cf8, #4f46e5);--sp-tone-warning:linear-gradient(180deg, #fbbf24, #d97706);--sp-tone-danger:linear-gradient(180deg, #fb7185, #e11d48);--sp-tone-success:linear-gradient(180deg, #fde047, #ca8a04);--sp-edge-warning:#fbbf24;--sp-edge-danger:#fb7185;--sp-edge-success:#fde047;--sp-arrow-bg:#4c1d95d9;--sp-arrow-text:#f5d0fe}.style-toggle{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));border:var(--sp-border-width) solid var(--sp-frame-edge);background:var(--sp-tab-bg);box-shadow:var(--sp-shadow);color:var(--sp-tab-text);font:700 .95rem/1 var(--sp-font);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 10px;display:inline-flex;position:fixed}.style-toggle span{font-size:1.3rem}.style-toggle:hover,.style-toggle:focus-visible,.style-toggle[aria-expanded=true]{background:var(--sp-tab-active-bg);color:var(--sp-tab-active-text)}.style-panel{--sp-card:132px;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));z-index:4;width:min(1120px, calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)));border:var(--sp-border-width) solid var(--sp-frame-edge);border-radius:var(--sp-radius);background:var(--sp-frame-bg);box-shadow:var(--sp-shadow);color:var(--sp-text);font-family:var(--sp-font);-webkit-user-select:none;user-select:none;gap:10px;padding:12px 14px 14px;animation:.22s ease-out style-panel-in;display:grid;position:fixed;transform:translate(-50%)}.style-panel[hidden]{display:none}@keyframes style-panel-in{0%{opacity:0;transform:translate(-50%,24px)}}@media (prefers-reduced-motion:reduce){.style-panel{animation:none}}.style-panel:before,.style-panel:after{content:var(--sp-decor,none);pointer-events:none;font-size:1.9rem;position:absolute;top:-18px}.style-panel:before{left:-8px;transform:rotate(-25deg)}.style-panel:after{right:34px;transform:scaleX(-1)rotate(-25deg)}.style-close{border:var(--sp-border-width) solid var(--sp-frame-edge);background:var(--sp-arrow-bg);width:36px;height:36px;color:var(--sp-arrow-text);font:700 1rem/1 var(--sp-font);box-shadow:var(--sp-shadow);cursor:pointer;border-radius:50%;position:absolute;top:-14px;right:-10px}.style-tabs{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.style-tabs::-webkit-scrollbar{display:none}.style-tab{border:var(--sp-border-width) solid var(--sp-tab-edge);border-radius:calc(var(--sp-radius) * .6);background:var(--sp-tab-bg);min-width:118px;box-shadow:var(--sp-tab-inset);color:var(--sp-tab-text);font:800 .95rem/1 var(--sp-font);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;flex:1 0 auto;justify-content:center;align-items:center;gap:10px;padding:9px 14px;transition:transform .1s,background .12s;display:inline-flex}.style-tab-icon{font-size:1.45rem}.style-tab:hover{transform:translateY(-1px)}.style-tab.is-active{border-color:var(--sp-tab-active-edge);background:var(--sp-tab-active-bg);box-shadow:var(--sp-glow);color:var(--sp-tab-active-text)}.style-menus{scrollbar-width:none;justify-content:center;gap:8px;display:flex;overflow-x:auto}.style-menus[hidden]{display:none}.style-menus::-webkit-scrollbar{display:none}.style-menu{border:2px solid var(--sp-menu-edge);background:var(--sp-menu-bg);color:var(--sp-menu-text);font:800 .8rem/1 var(--sp-font);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.style-menu.is-active{border-color:var(--sp-menu-active-edge);background:var(--sp-menu-active-bg);color:var(--sp-menu-active-text)}.style-menu-icon{font-size:1rem}.style-shelf{border-radius:calc(var(--sp-radius) * .7);background:var(--sp-shelf-bg);box-shadow:var(--sp-shelf-inset);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 8px;display:grid}.style-arrow{border:var(--sp-border-width) solid var(--sp-frame-edge);background:var(--sp-arrow-bg);width:48px;height:48px;box-shadow:var(--sp-shadow);color:var(--sp-arrow-text);font:800 2rem/1 var(--sp-font);cursor:pointer;border-radius:50%;transition:transform .1s}.style-arrow:active{transform:scale(.9)}.style-track{scroll-snap-type:x proximity;scrollbar-width:none;overflow-x:auto}.style-track::-webkit-scrollbar{display:none}.style-row{gap:12px;width:max-content;padding:8px 6px;display:flex}.style-row[hidden]{display:none}.style-card{grid-template-rows:var(--sp-card) auto auto;width:var(--sp-card);border:var(--sp-border-width) solid var(--sp-card-edge);border-radius:calc(var(--sp-radius) * .6);background:var(--sp-card-bg);box-shadow:var(--sp-card-shadow);color:var(--sp-card-text);font-family:var(--sp-font);scroll-snap-align:center;cursor:pointer;justify-items:center;gap:4px;padding:0 0 8px;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.style-card:hover{transform:translateY(-3px)}.style-card-art{border-radius:calc(var(--sp-radius) * .6 - 3px) calc(var(--sp-radius) * .6 - 3px) 0 0;background:var(--sp-art-bg) center / cover no-repeat;width:100%;height:100%;font-size:calc(var(--sp-card) * .45);place-items:center;display:grid}.style-card-art[data-skin]{background:var(--sp-frame-bg)}.style-card-art.has-picture{background-size:cover}.style-card-label{text-align:center;padding:0 6px;font-size:.8rem;font-weight:800;line-height:1.15}.style-card-hint{color:var(--sp-card-muted);text-align:center;padding:0 6px;font-size:.66rem;line-height:1.2}.style-card-hint:empty{display:none}.style-card-check{background:var(--sp-check-bg);color:#fff;width:30px;height:30px;font:900 1rem/1 var(--sp-font);border:3px solid #fff;border-radius:50%;place-items:center;display:none;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 6px #00000059}.style-card.is-selected{border-color:var(--sp-selected);box-shadow:var(--sp-glow)}.style-card.is-selected .style-card-check{display:grid}.style-card.is-locked{cursor:not-allowed}.style-card.is-locked .style-card-art{filter:grayscale()brightness(.8);opacity:.6}.style-card.is-locked:hover{transform:none}@media (max-height:500px),(max-width:640px){.style-panel{--sp-card:70px;bottom:calc(4px + env(safe-area-inset-bottom));gap:5px;padding:6px 8px 8px}.style-panel:before,.style-panel:after{font-size:1.3rem}.style-close{width:28px;height:28px;font-size:.8rem;top:-10px;right:-6px}.style-tabs{gap:4px;padding-right:20px}.style-tab{letter-spacing:.02em;flex:1 1 0;gap:4px;min-width:0;padding:5px 6px;font-size:.62rem}.style-tab-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.style-tab-icon{flex:none;font-size:1.1rem}.style-shelf{padding:4px}.style-menu{padding:4px 10px;font-size:.68rem}.style-arrow{width:30px;height:30px;font-size:1.3rem}.style-row{gap:8px;padding:6px 4px}.style-card{padding-bottom:4px}.style-card-check{width:22px;height:22px;font-size:.75rem;top:-7px;right:-7px}.style-card-label{font-size:.64rem}.style-card-hint{display:none}}.style-open .touch-controls,.style-open .minimap{display:none}.guide{z-index:8;background:#00000073;place-items:center;padding:16px;animation:.18s ease-out guide-fade;display:grid;position:fixed;inset:0}@keyframes guide-fade{0%{opacity:0}}.guide-card{border:var(--sp-border-width) solid var(--sp-frame-edge);border-radius:var(--sp-radius);background:var(--sp-frame-bg);width:min(520px,100%);max-height:calc(100vh - 32px);box-shadow:var(--sp-shadow);color:var(--sp-text);font-family:var(--sp-font);gap:12px;padding:20px 22px 18px;animation:.24s cubic-bezier(.2,1.4,.4,1) guide-pop;display:grid;position:relative;overflow-y:auto}@keyframes guide-pop{0%{transform:scale(.9)translateY(12px)}}@media (prefers-reduced-motion:reduce){.guide,.guide-card{animation:none}}.guide-card:before{content:var(--sp-decor,none);pointer-events:none;font-size:1.9rem;position:absolute;top:-18px;left:-8px;transform:rotate(-25deg)}.guide-header{align-items:center;gap:12px;display:flex}.guide-icon{border:var(--sp-border-width) solid var(--sp-tab-active-edge);background:var(--sp-tab-active-bg);width:52px;height:52px;box-shadow:var(--sp-glow);border-radius:50%;flex:none;place-items:center;font-size:1.7rem;display:grid}.guide-title{letter-spacing:.02em;margin:0;font-size:1.35rem;font-weight:800;line-height:1.15}.guide-art{border-radius:calc(var(--sp-radius) * .7);background:var(--sp-shelf-bg);box-shadow:var(--sp-shelf-inset);justify-items:center;gap:8px;padding:14px;display:grid}.guide-art.is-emoji{font-size:3.2rem;line-height:1.1}.guide-keys{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.guide-key{border:2px solid var(--sp-card-edge);background:var(--sp-card-bg);min-width:46px;height:46px;box-shadow:var(--sp-card-shadow);color:var(--sp-card-text);font:800 1.05rem/1 var(--sp-font);border-radius:10px;place-items:center;padding:0 10px;display:grid}.guide-key.is-wide{min-width:78px;font-size:.85rem}.guide-pad{color:#fff;width:66px;height:66px;font:800 .72rem/1 var(--sp-font);letter-spacing:.06em;background:#4cc2ff8c;border:2px solid #ffffff73;border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 10px #00000059}.guide-body{margin:0;font-size:1rem;line-height:1.45}.guide-tip{color:var(--sp-tab-text);margin:-4px 0 0;font-size:.85rem;line-height:1.4}.guide-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.guide-dots{gap:6px;display:flex}.guide-dot{background:var(--sp-menu-bg);opacity:.55;border-radius:50%;width:9px;height:9px}.guide-dot.is-active{background:var(--sp-menu-active-bg);opacity:1;border-radius:999px;width:22px}.guide-buttons{gap:8px;display:flex}.guide-button{border:var(--sp-border-width) solid var(--sp-tab-edge);background:var(--sp-tab-bg);box-shadow:var(--sp-tab-inset);color:var(--sp-tab-text);font:800 .85rem/1 var(--sp-font);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:10px 16px}.guide-skip{box-shadow:none;background:0 0;border-color:#0000}.guide-next{border-color:var(--sp-menu-active-edge);background:var(--sp-menu-active-bg);color:var(--sp-menu-active-text)}@media (max-height:500px){.guide-card{gap:8px;width:min(620px,100%);padding:14px 18px 12px}.guide-icon{width:40px;height:40px;font-size:1.3rem}.guide-title{font-size:1.1rem}.guide-art{padding:8px}.guide-art.is-emoji{font-size:2.2rem}.guide-key{min-width:36px;height:36px}.guide-pad{width:52px;height:52px}.guide-body{font-size:.9rem}}.tip-badge:after,.bubble-badge:after,.help-button:after{content:"";background:linear-gradient(var(--sp-spark), var(--sp-spark)) 0 100% / 5px 12px no-repeat, linear-gradient(var(--sp-spark), var(--sp-spark)) 100% 70% / 12px 5px no-repeat;pointer-events:none;border-radius:3px;width:22px;height:20px;position:absolute;top:-10px;right:-12px;transform:rotate(20deg)}.corner-stack{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));z-index:3;pointer-events:none;flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:fixed}.status-bar{border:var(--sp-border-width) solid var(--sp-frame-edge);background:var(--sp-frame-bg);box-shadow:var(--sp-shadow);color:var(--sp-text);font-family:var(--sp-font);border-radius:999px;flex-wrap:wrap;order:0;align-items:center;gap:6px;padding:6px 8px;display:flex}.status-bar[hidden]{display:none}.status-item{background:var(--sp-shelf-bg);box-shadow:var(--sp-shelf-inset);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:1rem;font-weight:800;display:inline-flex}.status-item[data-tone=danger]{box-shadow:0 0 0 2px var(--sp-edge-danger), var(--sp-shelf-inset)}.status-item[data-tone=success]{box-shadow:0 0 0 2px var(--sp-edge-success), var(--sp-shelf-inset)}.status-item.is-bumped{animation:.42s cubic-bezier(.2,1.6,.4,1) status-bump}@keyframes status-bump{40%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.status-item.is-bumped{animation:none}}.status-icon{font-size:1.15rem;line-height:1}.status-text{letter-spacing:.04em}.status-meter{background:#00000059;border-radius:999px;width:96px;height:12px;position:relative;overflow:hidden}.status-meter-fill{border-radius:inherit;background:var(--sp-tone-info);transition:width .24s linear;position:absolute;inset:0 auto 0 0}.tip-banner{border:var(--sp-border-width) solid var(--sp-frame-edge);border-radius:calc(var(--sp-radius) * .8);background:var(--sp-frame-bg);max-width:min(460px,100vw - 190px);box-shadow:var(--sp-shadow);color:var(--sp-text);font-family:var(--sp-font);pointer-events:none;order:1;align-items:center;gap:16px;padding:12px 22px 12px 12px;display:flex;position:relative}.tip-banner[hidden]{display:none}.tip-banner.is-new{animation:.38s cubic-bezier(.2,1.4,.4,1) hint-drop}@keyframes hint-drop{0%{opacity:0;transform:translateY(-24px)}}.tip-banner:before{content:var(--sp-decor,none);font-size:1.7rem;position:absolute;top:-14px;right:-10px;transform:scaleX(-1)rotate(-20deg)}.tip-badge,.bubble-badge{background:var(--sp-card-bg);box-shadow:0 0 0 4px var(--sp-rim), 0 0 0 6px var(--sp-frame-edge);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.tip-badge{width:72px;height:72px;font-size:2.9rem}.tip-content{justify-items:start;gap:6px;display:grid}.tip-label{background:var(--sp-menu-active-bg);color:var(--sp-menu-active-text);letter-spacing:.06em;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:800}.tip-banner[data-tone=info] .tip-label{background:var(--sp-tone-info)}.tip-banner[data-tone=warning] .tip-label{background:var(--sp-tone-warning)}.tip-banner[data-tone=danger] .tip-label{background:var(--sp-tone-danger)}.tip-banner[data-tone=success] .tip-label{background:var(--sp-tone-success)}.tip-banner[data-tone=warning]{box-shadow:0 0 0 3px var(--sp-edge-warning), var(--sp-shadow)}.tip-banner[data-tone=danger]{box-shadow:0 0 0 3px var(--sp-edge-danger), var(--sp-shadow)}.tip-banner[data-tone=danger].is-new{animation:.38s cubic-bezier(.2,1.4,.4,1) hint-drop,.42s ease-in-out .38s hint-shake}@keyframes hint-shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.tip-text{text-shadow:0 2px #00000040;margin:0;font-size:1.1rem;font-weight:800;line-height:1.3}.speech-bubble{z-index:2;background:var(--sp-bubble-bg);color:var(--sp-bubble-text);font-family:var(--sp-font);white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:12px;padding:8px 20px 8px 8px;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 16px));box-shadow:0 6px 18px #0000004d}.speech-bubble[hidden]{display:none}.speech-bubble:after{content:"";border:12px solid #0000;border-top-color:var(--sp-bubble-bg);border-bottom:0;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.bubble-badge{width:46px;height:46px;box-shadow:none;font-size:1.9rem}.bubble-text{align-items:center;margin:0;font-size:1.05rem;font-weight:800;display:flex}.bubble-key{background:var(--sp-tab-active-bg);color:#fff;min-width:36px;height:36px;font:800 1.1rem/1 var(--sp-font);border-radius:9px;place-items:center;padding:0 8px;display:inline-grid;box-shadow:inset 0 -3px #00000040,0 2px 4px #00000040}.bubble-pad{color:#fff;height:36px;font:800 .75rem/1 var(--sp-font);letter-spacing:.06em;background:#4cc2ffd9;border-radius:999px;place-items:center;padding:0 12px;display:inline-grid}.step-tracker{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:3;border:var(--sp-border-width) solid var(--sp-frame-edge);border-radius:var(--sp-radius);background:var(--sp-frame-bg);box-shadow:var(--sp-shadow);color:var(--sp-text);font-family:var(--sp-font);pointer-events:none;order:2;align-items:center;gap:6px;margin:0;padding:10px 14px;list-style:none;display:flex;position:fixed;transform:translate(-50%)}.step-tracker[hidden]{display:none}.step-tracker:before,.step-tracker:after{content:var(--sp-decor,none);font-size:1.6rem;position:absolute;top:-16px}.step-tracker:before{left:-10px;transform:rotate(-25deg)}.step-tracker:after{right:-10px;transform:scaleX(-1)rotate(-25deg)}.tracker-step{border:var(--sp-border-width) solid var(--sp-tab-edge);border-radius:calc(var(--sp-radius) * .6);background:var(--sp-tab-bg);min-width:128px;box-shadow:var(--sp-tab-inset);color:var(--sp-tab-text);justify-items:center;gap:6px;padding:8px 12px;transition:background .2s,transform .2s;display:grid}.tracker-step.is-current{border-color:var(--sp-selected);background:var(--sp-card-bg);box-shadow:var(--sp-glow);color:var(--sp-card-text);transform:translateY(-3px)}.tracker-step.is-done{opacity:.75}.tracker-art{justify-items:center;gap:3px;display:grid}.tracker-art.is-emoji{font-size:2rem;line-height:1.1}.tracker-art .guide-keys{gap:3px}.tracker-art .guide-key{border-radius:6px;min-width:26px;height:26px;padding:0 6px;font-size:.8rem}.tracker-art .guide-pad{width:44px;height:44px;font-size:.6rem}.tracker-label{align-items:center;gap:8px;font-size:1.05rem;font-weight:800;display:flex}.tracker-number{background:var(--sp-menu-bg);width:26px;height:26px;color:var(--sp-menu-text);border-radius:50%;place-items:center;font-size:.9rem;display:grid}.tracker-step.is-current .tracker-number,.tracker-step.is-done .tracker-number{background:var(--sp-menu-active-bg);color:var(--sp-menu-active-text)}.tracker-arrow{color:var(--sp-tab-text);font-size:1.8rem;font-weight:800}.help-button{right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:3;border:var(--sp-border-width) solid var(--sp-frame-edge);background:var(--sp-arrow-bg);width:92px;height:92px;box-shadow:0 0 0 4px var(--sp-rim), var(--sp-shadow);color:var(--sp-arrow-text);font-family:var(--sp-font);cursor:pointer;border-radius:50%;place-content:center;justify-items:center;transition:transform .12s;display:grid;position:fixed}.help-button:hover,.help-button:focus-visible{transform:scale(1.06)}.help-button:before{content:var(--sp-decor,none);font-size:1.6rem;position:absolute;bottom:-10px;left:-14px;transform:rotate(-30deg)}.help-icon{font-size:2rem;line-height:1}.help-label{text-shadow:0 2px #0000004d;font-size:1rem;font-weight:800}.style-open .corner-stack,.style-open .speech-bubble,.style-open .step-tracker,.style-open .help-button{display:none}.has-touch .step-tracker{top:calc(8px + env(safe-area-inset-top));bottom:auto}.has-touch .help-button{top:calc(12px + env(safe-area-inset-top));right:calc(150px + env(safe-area-inset-right));width:44px;height:44px;bottom:auto}.has-touch .help-label{display:none}.has-touch .help-icon{font-size:1.3rem}@media (max-height:500px),(max-width:640px){.tip-banner{gap:10px;max-width:32vw;padding:6px 12px 6px 6px}.tip-badge{width:40px;height:40px;font-size:1.6rem}.tip-label{padding:2px 8px;font-size:.65rem}.tip-text{font-size:.78rem}.step-tracker{border-radius:999px;gap:3px;padding:4px 6px}.step-tracker:before,.step-tracker:after{font-size:1rem;top:-10px}.corner-stack{gap:6px}.status-bar{gap:3px;padding:3px 4px}.status-item{gap:3px;padding:2px 7px;font-size:.72rem}.status-icon{font-size:.85rem}.status-meter{width:56px;height:8px}.corner-stack .step-tracker{position:static;transform:none}.tracker-step{grid-auto-flow:column;align-items:center;gap:4px;min-width:0;padding:3px 9px}.tracker-step.is-current{transform:none}.tracker-art,.tracker-step:not(.is-current) .tracker-name{display:none}.tracker-step:not(.is-current){padding:3px}.tracker-art .guide-key{min-width:18px;height:18px;padding:0 4px;font-size:.6rem}.tracker-art .guide-pad{width:30px;height:30px;font-size:.45rem}.tracker-art.is-emoji{font-size:1.3rem}.tracker-label{gap:4px;font-size:.7rem}.tracker-number{width:18px;height:18px;font-size:.65rem}.tracker-arrow{font-size:1.1rem}.speech-bubble{gap:8px;padding:5px 12px 5px 5px}.bubble-badge{width:30px;height:30px;font-size:1.2rem}.bubble-text{font-size:.8rem}.bubble-key,.bubble-pad{min-width:26px;height:26px;font-size:.8rem}}.settings{z-index:9;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));font-family:var(--sp-font);background:#00000073;place-items:center;animation:.2s ease-out guide-fade;display:grid;position:fixed;inset:0;overflow-y:auto}.settings[hidden]{display:none}.settings-card{--sp-card:84px;width:min(900px,100%);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border:var(--sp-border-width) solid var(--sp-frame-edge);border-radius:var(--sp-radius);background:linear-gradient(180deg, #0000000d, #00000059), var(--settings-picture) center / cover no-repeat, var(--sp-frame-bg);box-shadow:0 0 0 4px var(--sp-rim), var(--sp-shadow);color:var(--sp-text);grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:16px 18px 14px;animation:.26s cubic-bezier(.2,1.4,.4,1) guide-pop;display:grid;position:relative}.settings-card:before{content:var(--sp-decor,none);pointer-events:none;font-size:1.9rem;position:absolute;top:-18px;left:-8px;transform:rotate(-25deg)}.settings-title{border:var(--sp-border-width) solid var(--sp-frame-edge);background:var(--sp-frame-bg);box-shadow:var(--sp-shadow);letter-spacing:.03em;border-radius:999px;justify-self:center;margin:0;padding:6px 20px;font-size:1.3rem;font-weight:800}.settings-body{grid-template-columns:1fr 1fr;grid-template-areas:"name sound""language graphics";align-content:start;gap:10px;min-height:0;padding:2px;display:grid;overflow-y:auto}.settings-section.is-name{grid-area:name}.settings-section.is-language{grid-area:language}.settings-section.is-sound{grid-area:sound}.settings-section.is-graphics{grid-area:graphics}.settings-footer{justify-items:center;gap:6px;display:grid}.settings-section{border:2px solid var(--sp-frame-edge);border-radius:calc(var(--sp-radius) * .7);background:var(--sp-frame-bg);box-shadow:var(--sp-shadow);align-content:start;gap:6px;padding:10px 12px;display:grid}.settings-heading{color:var(--sp-tab-text);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:800}.settings-section .style-row{flex-wrap:wrap;width:auto;padding:6px 2px}.settings-sliders{gap:8px;padding:4px 2px;display:grid}.panel-slider,.panel-field{grid-template-columns:auto 1fr 2fr auto;align-items:center;gap:10px;font-weight:800;display:grid}.panel-field{grid-template-columns:auto 1fr}.panel-slider-icon{font-size:1.3rem}.panel-slider-value{min-width:3.2em;color:var(--sp-tab-text);text-align:right;font-size:.85rem}.panel-slider-input{background:linear-gradient(90deg, var(--sp-edge-success) 0 var(--fill,50%), #00000059 var(--fill,50%) 100%);cursor:pointer;appearance:none;border-radius:999px;width:100%;height:14px;margin:0}.panel-slider-input::-webkit-slider-thumb{border:3px solid var(--sp-card-edge);background:var(--sp-card-bg);appearance:none;border-radius:50%;width:26px;height:26px;box-shadow:0 2px 6px #0006}.panel-slider-input::-moz-range-thumb{border:3px solid var(--sp-card-edge);background:var(--sp-card-bg);border-radius:50%;width:22px;height:22px}.panel-field-input{border:2px solid var(--sp-card-edge);background:var(--sp-card-bg);width:100%;min-width:0;color:var(--sp-card-text);font:800 1rem/1.2 var(--sp-font);border-radius:999px;padding:8px 14px}.panel-field-input::placeholder{color:var(--sp-card-muted);opacity:.8}.panel-field-input:focus{outline:3px solid var(--sp-selected);outline-offset:1px}.settings-note{text-align:center;background:#0006;border-radius:999px;justify-self:center;margin:0;padding:4px 12px;font-size:.8rem}.settings-back{justify-self:center;padding:12px 32px;font-size:1rem}.settings.is-restarting .settings-card{opacity:.7;pointer-events:none}@media (max-width:600px){.settings-body{grid-template-columns:1fr;grid-template-areas:"name""language""sound""graphics"}}@media (max-height:500px){.settings{padding:calc(8px + env(safe-area-inset-top)) 12px calc(8px + env(safe-area-inset-bottom))}.settings-card{--sp-card:50px;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));gap:6px;padding:8px 12px 10px}.settings-title{padding:3px 14px;font-size:.95rem}.settings-body{gap:6px}.settings-section{gap:3px;padding:5px 8px}.settings-heading{font-size:.68rem}.settings-section .style-row{flex-wrap:nowrap;gap:4px;padding:4px 1px}.settings-section .style-card-hint{display:none}.settings-section .style-card-label{letter-spacing:-.02em;white-space:nowrap;padding:0 2px;font-size:.5rem}.settings-sliders{gap:4px}.panel-slider{gap:6px;font-size:.75rem}.panel-slider-icon{font-size:1rem}.panel-slider-input::-webkit-slider-thumb{width:20px;height:20px}.panel-field-input{padding:5px 10px;font-size:.85rem}.settings-note{display:none}.settings-back{padding:8px 26px;font-size:.85rem}}.help-button.is-settings{top:calc(12px + env(safe-area-inset-top));right:calc(150px + env(safe-area-inset-right));width:44px;height:44px;bottom:auto}.help-button.is-settings .help-label{display:none}.help-button.is-settings .help-icon{font-size:1.3rem}.has-touch .help-button.is-settings{right:calc(202px + env(safe-area-inset-right))}