:root{--z-controls:10;--z-scene-fallback:20;--z-shell-card:45;--z-pause:50;--z-modal:60;--sp-bg:#fdeff6;--sp-btn:#ffffff59;--sp-btn-border:#ffffff8c;--sp-btn-active:#fff9}*{box-sizing:border-box;margin:0;padding:0}.sp-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sp-noscript-note{z-index:1;text-align:center;color:#5a4a6a;padding:16px;font-family:system-ui,sans-serif;position:relative}html,body,#game-shell,#app,#app canvas,#controls,#joy-zone,#keys-layer,.ctl-btn,.dom-btn,.pause-overlay,.pause-btn,.cfg-overlay,.cfg-bar,.cfg-btn{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#game-shell,#app,#app canvas,#controls,#joy-zone,#keys-layer,.ctl-btn,.dom-btn,.pause-overlay,.pause-btn,.cfg-overlay,.cfg-bar,.cfg-btn{touch-action:none}html,body{background:var(--sp-bg);overscroll-behavior:none;width:100%;height:100dvh;overflow:hidden}#game-shell{width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}@media (orientation:portrait){#game-shell{transform-origin:0 0;width:100vh;height:100vw;position:absolute;top:100%;left:0;transform:rotate(-90deg)}html.sp-rot-cw #game-shell{top:0;left:100%;transform:rotate(90deg)}html.sp-desktop #game-shell{width:100vw;height:100vh;position:fixed;top:0;left:0;transform:none}}.learning-coachmark-layer{top:max(12px, env(safe-area-inset-top,0px));z-index:var(--z-shell-card);pointer-events:none;width:min(320px,100vw - 24px);height:auto;font-family:system-ui,sans-serif;position:fixed;left:50%;transform:translate(-50%)}.learning-coachmark-card{color:#3a3a4a;pointer-events:auto;background:#fffffff0;border:1px solid #7a5fb83d;border-radius:14px;position:relative;box-shadow:0 4px 14px #3a3a4a24}.learning-coachmark-card.is-success{border-color:#287c636b}.learning-focus,.guidance-focus{z-index:2;animation:1.1s ease-in-out 3 learning-focus-pulse;position:relative;box-shadow:0 0 0 3px #ffd166d1}.learning-focus:after,.guidance-focus:after{border-radius:inherit;content:"";pointer-events:none;border:2px solid #ffd166c7;animation:1.1s ease-in-out 3 learning-focus-ring;position:absolute;inset:-4px}#joy-zone.learning-focus:after{border-radius:50%;width:78px;height:78px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.learning-control-strip{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;margin-top:4px;display:flex}.learning-control-token{color:#4d4660;white-space:nowrap;background:#fffc;border:1px solid #7a5fb838;border-radius:999px;align-items:center;gap:4px;min-height:24px;padding:2px 6px 2px 3px;font:700 9px/1.1 system-ui,sans-serif;display:inline-flex}.learning-control-glyph{border:1px solid #ffffffc7;border-radius:50%;flex:0 0 20px;width:20px;height:20px;display:block;position:relative;box-shadow:inset 0 1px 2px #3a3a4a1f}.learning-control-token[data-control-token=joystick] .learning-control-glyph{background:#ffffff2e;border:2px solid #bff3e0f2}.learning-control-token[data-control-token=joystick] .learning-control-glyph:after{content:"";background:#5fc2a6c7;border-radius:50%;position:absolute;inset:5px}.learning-control-token[data-control-token=jump] .learning-control-glyph{background:#8ce0be8c;border-color:#ffffffe6}.learning-control-token[data-control-token=jump] .learning-control-glyph:after{clip-path:polygon(50% 0%,100% 62%,68% 62%,68% 100%,32% 100%,32% 62%,0% 62%);content:"";background:#fffffff2;position:absolute;inset:4px 5px}.learning-control-token[data-control-token=action] .learning-control-glyph{background:#ffa0be8c;border-color:#ffffffe6}.learning-control-token[data-control-token=action] .learning-control-glyph:after{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";background:#fffffff2;position:absolute;inset:4px}.learning-control-token[data-control-token=transform] .learning-control-glyph,.learning-control-token[data-control-token=starburst] .learning-control-glyph{background:#ffd678d1;border-color:#ffffffeb}.learning-control-token[data-control-token=transform] .learning-control-glyph:after{content:"";background:#c8dcf5f5;border:1px solid #fffffff2;border-radius:50%;position:absolute;inset:5px}.learning-control-token[data-control-token=starburst] .learning-control-glyph:after{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";background:#fffffff2;position:absolute;inset:4px}@keyframes learning-focus-pulse{0%,to{box-shadow:0 0 0 2px #ffd16675}50%{box-shadow:0 0 0 5px #ffd16629}}@keyframes learning-focus-ring{0%,to{opacity:.86}50%{opacity:.24}}.learning-coachmark-layer.learning-entry-layer{z-index:var(--z-shell-card)}.learning-entry-popover{width:100%;padding:12px;display:block}.learning-entry-popover .tutorial-choice-actions{display:grid}.control-hints-overlay{display:none!important}.orientation-coachmark-layer{top:max(64px, calc(env(safe-area-inset-top,0px) + 12px));z-index:var(--z-shell-card);pointer-events:none;width:min(300px,100vw - 24px);font-family:system-ui,sans-serif;position:fixed;left:50%;transform:translate(-50%)}.orientation-coachmark{color:#3a3a4a;pointer-events:auto;background:#fffffff0;border:1px solid #7a5fb83d;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;display:grid;box-shadow:0 4px 14px #3a3a4a24}.orientation-coachmark-visual{background:#bff3e06b;border-radius:12px;place-items:center;width:42px;height:40px;display:grid}.orientation-phone{transform-origin:50%;background:#ffffffe0;border:2px solid #7a5fb8;border-radius:5px;width:18px;height:30px;animation:2.8s ease-in-out infinite orientation-phone-rotate;display:block;position:relative}.orientation-phone:before{content:"";background:#7a5fb8;border-radius:2px;width:7px;height:2px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.orientation-phone:after{content:"";background:#ffb7a0;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;right:4px}.orientation-phone-screen{background:linear-gradient(160deg,#bff3e0,#ffd166);border-radius:2px;position:absolute;inset:7px 3px 8px}@keyframes orientation-phone-rotate{0%,18%{transform:rotate(0)}45%,62%{transform:rotate(90deg)}82%,to{transform:rotate(0)}}.orientation-coachmark-copy{min-width:0}.orientation-coachmark-title{font-size:13px;line-height:1.25;display:block}.orientation-coachmark-desc{color:#5a5a6e;margin-top:2px;font-size:11px;line-height:1.35}.orientation-coachmark-button{color:#3a3a4a;white-space:nowrap;pointer-events:auto;background:#bff3e0;border:1px solid #7a5fb857;border-radius:10px;min-width:44px;min-height:44px;padding:5px 8px;font:700 11px system-ui,sans-serif}@media (prefers-reduced-motion:reduce){.learning-focus,.guidance-focus,.learning-focus:after,.guidance-focus:after{animation:none}.orientation-phone{animation:none;transform:rotate(90deg)}}@media (orientation:landscape){.learning-coachmark-layer.guided-tutorial-overlay{width:min(256px,50vw - 20px)}.learning-coachmark-layer.guidance-angel-layer{width:min(240px,100vw - 24px)}}.guidance-angel-layer{top:max(12px, env(safe-area-inset-top,0px));z-index:var(--z-shell-card);pointer-events:none;width:min(300px,100vw - 24px);font-family:system-ui,sans-serif;position:fixed;left:50%;transform:translate(-50%)}.guidance-angel-card{pointer-events:none;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;column-gap:6px;min-height:52px;padding:6px 7px;display:grid}.guidance-angel-card.is-success{border-color:#287c636b}.guidance-angel-avatar{object-fit:contain;width:32px;height:32px}.guidance-angel-body{grid-column:2;min-width:0}.guidance-angel-eyebrow{color:#7a5fb8;font-size:9px;font-weight:800;line-height:1.2;display:block}.guidance-angel-title{margin-top:1px;font-size:13px;line-height:1.25;display:block}.guidance-angel-instruction{overflow-wrap:anywhere;margin-top:2px;font-size:11px;line-height:1.35}.guidance-angel-tip{color:#6b5b82;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.guidance-angel-dismiss{color:#7a5fb8;pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-area:1/3;width:32px;min-height:32px;padding:0;font-size:18px;line-height:1}.guidance-angel-dismiss:focus-visible,.guidance-focus:focus-visible{outline-offset:2px;outline:3px solid #ffb7a0}@media (height<=520px){.guidance-angel-layer{top:max(5px, env(safe-area-inset-top,0px));width:min(300px,100vw - 16px)}.guidance-angel-card{min-height:48px;padding:5px 6px}.guidance-angel-avatar{width:28px;height:28px}.guidance-angel-instruction{font-size:10px}}html.sp-desktop #controls.is-active{display:none}#app{place-items:center;display:grid;position:fixed;inset:0}#app canvas{display:block}#controls{z-index:10;pointer-events:none;display:none;position:fixed;inset:0}#controls.is-active{display:block}#joy-zone{top:20px;bottom:0;left:env(safe-area-inset-left,0px);pointer-events:auto;width:50%;position:absolute}.joy-ring,.joy-thumb{opacity:0;will-change:transform;border-radius:50%;transition:opacity .18s ease-out;position:absolute;top:0;left:0}.joy-ring{border:2px solid var(--sp-btn-border);background:#ffffff24;width:120px;height:120px}.joy-thumb{background:#ffffff73;border:2px solid #ffffffb3;width:48px;height:48px}#joy-zone.is-engaged .joy-ring,#joy-zone.is-engaged .joy-thumb{opacity:1}#keys-layer{top:max(20px, env(safe-area-inset-top,0px));right:max(12px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));left:max(12px, env(safe-area-inset-left,0px));pointer-events:none;position:absolute}.ctl-btn{border:2px solid var(--sp-btn-border);pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:50%;transition:transform 80ms ease-out;position:absolute;transform:translate(-50%,-50%)}.ctl-btn:after{content:"";background:#ffffffeb;margin:auto;position:absolute;inset:0}.ctl-btn-a{width:calc(76px * var(--sp-key-scale,1));height:calc(76px * var(--sp-key-scale,1));background:#8ce0be8c;top:78%;left:92%}.ctl-btn-a:after{width:calc(30px * var(--sp-key-scale,1));height:calc(28px * var(--sp-key-scale,1));clip-path:polygon(50% 0%,100% 62%,68% 62%,68% 100%,32% 100%,32% 62%,0% 62%)}.ctl-btn-b{width:calc(72px * var(--sp-key-scale,1));height:calc(72px * var(--sp-key-scale,1));background:#ffa0be8c;top:34%;left:92%}.ctl-btn-b:after{width:calc(30px * var(--sp-key-scale,1));height:calc(30px * var(--sp-key-scale,1));clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.ctl-btn-tf,.ctl-btn-sp{width:calc(52px * var(--sp-key-scale,1));height:calc(52px * var(--sp-key-scale,1));opacity:0;pointer-events:none;background:#ffd67880 url(/starpuff/assets/ui-hud-sp-Bf4pylDN.webp) 50%/240% no-repeat;transition:opacity .15s ease-out,transform 80ms ease-out}.ctl-btn-tf:after,.ctl-btn-sp:after{content:none}#controls.is-config .ctl-btn-tf,#controls.is-config .ctl-btn-sp,.ctl-btn-tf.is-sp-on,.ctl-btn-sp.is-sp-on{opacity:1;pointer-events:auto}.ctl-btn-sp .sp-hint{color:#ffe9a8;white-space:nowrap;pointer-events:none;opacity:0;background:#3a2a10b8;border-radius:8px;padding:1px 6px;font:700 11px/1.4 system-ui,sans-serif;transition:opacity .15s ease-out;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.ctl-btn-sp.is-crystallize .sp-hint{opacity:1}.ctl-btn-sp.is-crystallize{animation:1.1s ease-in-out infinite sp-crystallize-pulse}@keyframes sp-crystallize-pulse{0%,to{box-shadow:0 0 #ffd678bf}50%{box-shadow:0 0 0 7px #ffd67800}}@media (prefers-reduced-motion:reduce){.ctl-btn-sp.is-crystallize{animation:none;box-shadow:0 0 0 3px #ffd67899}}.ctl-btn-tf .sp-glyph,.ctl-btn-sp .sp-glyph{width:100%;height:100%;position:absolute;inset:0}.ctl-btn-b.is-form-skill{background-position:50%;background-repeat:no-repeat;background-size:115%}.ctl-btn-b.is-form-skill:after{content:none}.ctl-btn.is-pressed{background:var(--sp-btn-active);transform:translate(-50%,-50%)scale(.9)}.ctl-btn-a.is-drop-ready{background:#ffbe69b8;border-color:#ffebc8f2}.ctl-btn-a.is-drop-ready:after{transform:rotate(180deg)}@media (orientation:portrait){#joy-zone{left:env(safe-area-inset-bottom,0px)}#keys-layer{top:max(20px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-top,0px));bottom:max(12px, env(safe-area-inset-right,0px));left:max(12px, env(safe-area-inset-bottom,0px))}html.sp-rot-cw #joy-zone{left:env(safe-area-inset-top,0px)}html.sp-rot-cw #keys-layer{top:max(20px, env(safe-area-inset-right,0px));right:max(12px, env(safe-area-inset-bottom,0px));bottom:max(12px, env(safe-area-inset-left,0px));left:max(12px, env(safe-area-inset-top,0px))}.ctl-btn-a{top:82%;left:14%}.ctl-btn-b{top:80%;left:32%}html.sp-rot-cw .ctl-btn-a{top:18%;left:86%}html.sp-rot-cw .ctl-btn-b{top:20%;left:68%}}.dom-btn{z-index:20;pointer-events:auto;cursor:pointer;background:0 0;border:0;position:absolute}.pause-overlay{z-index:var(--z-pause);pointer-events:auto;background:#3a3a4a8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-card{overscroll-behavior:contain;background:#fdeff6f5;border:2px solid #7a5fb859;border-radius:20px;flex-direction:column;align-items:center;gap:12px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px 30px;display:flex;overflow-y:auto}.pause-title{color:#3a3a4a;font:700 22px system-ui,sans-serif}.pause-btn{color:#3a3a4a;cursor:pointer;background:#fff;border:2px solid #7a5fb866;border-radius:14px;min-width:200px;min-height:48px;font:700 18px system-ui,sans-serif}.pause-btn[data-pause=resume]{background:#bff3e0}.pause-btn[data-pause=restart]{background:#ffd1e0}.pause-btn:active{transform:scale(.96)}.cfg-overlay{width:100vw;height:100vh;min-height:100svh;z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);pointer-events:none;background:#3a3a4a9e;position:fixed;inset:0}.cfg-bar{z-index:calc(var(--z-modal) + 1);top:max(16px, env(safe-area-inset-top,0px));overscroll-behavior:contain;pointer-events:auto;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);display:flex;position:fixed;left:50%;overflow-y:auto;transform:translate(-50%)}.cfg-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.cfg-hint{color:#fff;text-shadow:0 1px 3px #00000073;white-space:nowrap;font:600 15px system-ui,sans-serif}.cfg-btn{color:#3a3a4a;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #7a5fb866;border-radius:12px;flex-shrink:0;min-height:44px;padding:0 18px;font:700 15px system-ui,sans-serif}.cfg-btn[data-cfg=save]{background:#bff3e0}#controls.is-config{display:block}#game-shell.is-configuring .dom-btn{pointer-events:none}.ctl-btn.is-dragging{border-color:#ffd966;box-shadow:0 0 0 4px #ffd96673}.install-overlay{width:100vw;height:100dvh;min-height:100svh;z-index:var(--z-shell-card);pointer-events:none;position:fixed;inset:0}.install-card{top:max(12px, env(safe-area-inset-top,0px));left:max(12px, env(safe-area-inset-left,0px));width:min(380px, calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;pointer-events:auto;background:#fdeff6f7;border:2px solid #7a5fb859;border-radius:20px;flex-direction:column;gap:8px;padding:14px 18px;display:flex;position:absolute;overflow-y:auto;box-shadow:0 6px 24px #3a3a4a40}.install-card-embedded-browser{gap:7px;width:min(360px,100vw - 24px)}.install-card-embedded-browser:before{content:"";background:radial-gradient(circle at 8px 7px,#ffb7a0 0 2px,#0000 3px),linear-gradient(#bff3e0e6 0 8px,#ffffffe0 8px);border:2px solid #7a5fb8;border-radius:8px;width:44px;height:30px;display:block;box-shadow:inset 0 0 0 2px #ffffffb3}.install-title{color:#3a3a4a;font:700 20px system-ui,sans-serif}.install-desc{color:#5a5a6e;font:500 14px/1.5 system-ui,sans-serif}.install-illustration{object-fit:contain;border-radius:14px;width:100%;max-height:116px;animation:3.2s ease-in-out infinite sp-onboarding-float;display:block}.install-steps{color:#3a3a4a;flex-direction:column;gap:4px;margin:0;padding-left:22px;font:600 14px system-ui,sans-serif;display:flex}.install-btn{color:#3a3a4a;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #7a5fb866;border-radius:14px;min-height:44px;font:700 16px system-ui,sans-serif}.install-btn-primary{background:#bff3e0}.install-btn:active{transform:scale(.96)}.settings-overlay{width:100vw;height:100dvh;min-height:100svh;z-index:var(--z-modal);pointer-events:auto;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));touch-action:pan-y;background:#3a3a4a73;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.settings-card{width:min(420px,100%);max-width:100%;max-height:min(560px, calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));overscroll-behavior:contain;touch-action:pan-y;gap:10px;position:relative;top:auto;left:auto;overflow-y:auto;transform:none}.settings-actions{background:linear-gradient(#fdeff6b3,#fdeff6fc 24%);gap:8px;margin:2px -2px 0;padding:10px 2px 2px;display:grid;position:relative}.settings-notice{color:#5a5a6e;background:#ffffff85;border:1px solid #7a5fb82e;border-radius:12px;gap:6px;padding:8px 10px;font:500 11px/1.45 system-ui,sans-serif;display:grid}.settings-notice summary{color:#4d4660;cursor:pointer;min-height:48px;padding:12px 0;font-weight:700;line-height:24px}.settings-notice p{margin:0}.tutorial-choice-overlay,.guided-tutorial-overlay{z-index:var(--z-modal);pointer-events:none;font-family:system-ui,sans-serif;position:fixed;inset:auto}.tutorial-choice-overlay{display:block}.tutorial-choice-card{pointer-events:auto;width:min(300px,100%);padding:12px}.tutorial-choice-title{margin:0;font:700 18px/1.25 system-ui,sans-serif}.tutorial-choice-desc{margin:8px 0 0;font:500 13px/1.4 system-ui,sans-serif}.tutorial-choice-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.guided-tutorial-overlay{width:min(292px,100vw - 24px);display:block}.guided-tutorial-card{pointer-events:none;grid-template-rows:auto auto auto;grid-template-columns:48px minmax(0,1fr);align-items:start;column-gap:8px;width:100%;padding:9px 10px 7px;display:grid}.guided-tutorial-card button{pointer-events:auto;grid-column:1/-1}.guided-tutorial-card>.guided-tutorial-btn{margin-top:5px}.guided-tutorial-progress{color:#7a5fb8;text-align:right;white-space:nowrap;grid-area:1/2;justify-self:end;min-width:0;margin:0 0 2px;font:700 10px system-ui,sans-serif}.guided-tutorial-art{object-fit:contain;grid-area:1/1/span 3;align-self:center;width:48px;height:46px;margin:0}.guided-tutorial-title{overflow-wrap:anywhere;grid-area:2/2;min-width:0;margin:0;font:700 14px/1.25 system-ui,sans-serif}.guided-tutorial-instruction{overflow-wrap:break-word;grid-area:3/2;min-width:0;margin:3px 0 0;font:500 12px/1.35 system-ui,sans-serif}.guided-tutorial-card>.learning-control-strip{grid-column:1/-1;margin-top:4px}.guided-tutorial-card.is-success .guided-tutorial-instruction,.guided-tutorial-card.is-success>.learning-control-strip,.guided-tutorial-card.is-success .guided-tutorial-tip{display:none}.guided-tutorial-tip{background:#bff3e033;border:1px solid #7a5fb838;border-radius:10px;grid-column:1/-1;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:6px;min-width:0;margin-top:4px;padding:5px 6px;display:grid}.guided-tutorial-tip-art{object-fit:contain;flex:0 0 44px;grid-area:1/1;width:44px;height:36px}.guided-tutorial-tip>div{grid-area:1/2;min-width:0}.guided-tutorial-tip>.learning-control-strip{grid-area:2/1/auto/-1;margin-top:0}.guided-tutorial-tip-title{color:#7a5fb8;margin:0;font:700 10px/1.25 system-ui,sans-serif}.guided-tutorial-tip-text{overflow-wrap:break-word;margin:2px 0 0;font:500 11px/1.35 system-ui,sans-serif}.guided-tutorial-success{color:#287c63;grid-column:1/-1;margin:4px 0 0;font:700 12px/1.35 system-ui,sans-serif}.guided-tutorial-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:5px;display:grid}.guided-tutorial-actions .guided-tutorial-btn{min-height:44px}.guided-tutorial-btn{color:#3a3a4a;cursor:pointer;background:#fff;border:1px solid #7a5fb857;border-radius:11px;min-height:44px;padding:4px 7px;font:700 12px system-ui,sans-serif}.guided-tutorial-primary{background:#bff3e0}.guided-tutorial-utility{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;margin-top:3px;display:flex}.guided-tutorial-utility .guided-tutorial-btn{border-radius:9px;min-height:48px;padding:3px 7px;font-size:10px}.guided-tutorial-secondary,.guided-tutorial-leave{color:#7a5fb8;background:0 0;border:1px solid #7a5fb829;min-height:32px;font-size:11px}@media (height<=520px){.guided-tutorial-card{padding:7px 8px 5px}.guided-tutorial-art{width:42px;height:40px}.guided-tutorial-instruction{font-size:11px}.guided-tutorial-tip-art{width:38px;height:32px}.guided-tutorial-tip-text{font-size:10px}.learning-control-token{min-height:22px;font-size:8px}}.settings-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-label{color:#3a3a4a;white-space:nowrap;font:600 15px system-ui,sans-serif}.settings-seg{gap:8px;display:flex}.settings-btn{color:#3a3a4a;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #7a5fb866;border-radius:12px;min-width:56px;min-height:44px;padding:0 14px;font:700 14px system-ui,sans-serif}.settings-btn.is-on{background:#bff3e0}.settings-btn:active{transform:scale(.96)}@media (orientation:landscape){.install-card:not(.settings-card){width:min(390px, calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));gap:6px;padding:12px 16px}.install-card:not(.settings-card) .install-title{font-size:18px}.install-card:not(.settings-card) .install-desc{font-size:13px;line-height:1.4}.install-card:not(.settings-card) .install-illustration{max-height:92px}.install-card:not(.settings-card) .install-steps{gap:2px;font-size:13px;line-height:1.35}.pause-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;width:min(520px,100vw - 24px);padding:16px 20px;display:grid}.pause-title{grid-column:1/-1}.pause-btn{width:100%;min-width:0}.settings-card{width:min(650px, calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px 14px;padding:14px 18px;display:grid}.settings-card>.install-title,.settings-card>.settings-notice,.settings-card>.settings-actions{grid-column:1/-1}.settings-card .settings-label{white-space:normal}.settings-card .settings-actions{margin-bottom:0}}@media (orientation:landscape) and (height<=520px){.settings-card{max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));gap:4px 10px;padding:8px 12px}.settings-row{gap:6px}.settings-label{font-size:13px}.settings-seg{gap:4px}.settings-btn{min-width:52px;min-height:44px;padding:0 8px;font-size:12px}.settings-notice{gap:2px;padding:4px 8px}.settings-notice summary{min-height:48px;padding:8px 0;font-size:12px}.settings-actions{align-items:center;gap:4px;padding:4px 2px 2px;display:flex}.settings-actions .install-btn{flex:1 1 0;min-width:0;min-height:44px;padding:0 8px;font-size:12px}}@media (orientation:portrait){.install-overlay.settings-overlay{padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));place-items:center;display:grid}.install-overlay:not(.settings-overlay){padding:0;display:block}.install-card{width:min(360px, calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));position:relative;inset:auto}.install-card:not(.settings-card){top:auto;right:max(12px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));left:max(12px, env(safe-area-inset-left,0px));border-radius:16px;gap:6px;width:auto;max-width:none;max-height:min(230px,100dvh - 24px);padding:10px 12px;position:absolute}.install-card:not(.settings-card) .install-title{font-size:16px}.install-card:not(.settings-card) .install-desc{font-size:12px;line-height:1.35}.install-card:not(.settings-card) .install-illustration{max-height:56px}.install-card:not(.settings-card) .install-steps{gap:2px;padding-left:18px;font-size:12px;line-height:1.3}.install-card.install-card-embedded-browser{top:max(12px, env(safe-area-inset-top,0px));right:max(12px, env(safe-area-inset-right,0px));bottom:auto;left:max(12px, env(safe-area-inset-left,0px));width:auto;max-width:none;max-height:min(260px,100dvh - 24px)}}