:root{--bg-main: #0f0f15;--bg-secondary: #161622;--bg-glass: rgba(22, 22, 34, .75);--bg-glass-card: rgba(30, 30, 46, .65);--accent-cyan: #00f0ff;--accent-cyan-glow: rgba(0, 240, 255, .25);--accent-purple: #9d4edd;--accent-purple-glow: rgba(157, 78, 221, .25);--warning-red: #ff0055;--warning-red-glow: rgba(255, 0, 85, .3);--text-main: #f0f3f8;--text-muted: #8b92b0;--text-dim: #5c627d;--border-color: rgba(255, 255, 255, .1);--border-glow: rgba(0, 240, 255, .3);--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", Courier, monospace;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--thumb-bar-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);touch-action:none;-webkit-text-size-adjust:100%}#app{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;padding-top:var(--safe-area-top);padding-bottom:calc(var(--safe-area-bottom) + var(--thumb-bar-height) + 24px);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000005e}.hud-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-glass-card);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);z-index:10}.game-viewport{flex:1;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.region-banner{--region-accent: var(--accent-cyan);position:absolute;top:16px;left:50%;z-index:5;max-width:min(84%,360px);padding:8px 18px;transform:translate(-50%,-8px);opacity:0;pointer-events:none;color:var(--region-accent);background:#0a0a12e6;border:1px solid var(--region-accent);border-radius:999px;box-shadow:0 0 18px color-mix(in srgb,var(--region-accent) 35%,transparent);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;line-height:1.3;text-align:center;text-wrap:balance}.region-banner--enter{animation:region-banner-enter 2.8s ease-out both}@keyframes region-banner-enter{0%{opacity:0;transform:translate(-50%,-8px)}12%,72%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-2px)}}@media (prefers-reduced-motion: reduce){.region-banner--enter{animation:none;opacity:1;transform:translate(-50%)}}.level-splash{position:absolute;top:30%;left:50%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:min(84%,360px);padding:10px 22px;transform:translate(-50%,6px);opacity:0;pointer-events:none;background:#0a0a12e6;border:1px solid var(--accent-cyan);border-radius:14px;box-shadow:0 0 22px var(--accent-cyan-glow);font-family:var(--font-mono);text-align:center;text-wrap:balance}.level-splash__title{color:var(--accent-cyan);font-size:1rem;letter-spacing:.12em;text-transform:uppercase}.level-splash__gains{color:var(--text-muted);font-size:.72rem;letter-spacing:.06em}.level-splash--enter{animation:level-splash-enter 2.2s ease-out both}@keyframes level-splash-enter{0%{opacity:0;transform:translate(-50%,6px) scale(.94)}14%,70%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-6px) scale(1)}}@media (prefers-reduced-motion: reduce){.level-splash--enter{animation:none;opacity:1;transform:translate(-50%)}}.boss-splash{position:absolute;bottom:12%;left:50%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:3px;max-width:min(88%,420px);padding:12px 24px;transform:translate(-50%,8px);opacity:0;pointer-events:none;background:#0a0a12eb;border:1px solid var(--accent-purple);border-radius:14px;box-shadow:0 0 26px var(--accent-purple-glow);font-family:var(--font-mono);text-align:center;text-wrap:balance}.boss-splash__title{color:var(--accent-purple);font-size:1rem;letter-spacing:.12em;text-transform:uppercase}.boss-splash__line{color:var(--text-main);font-size:.74rem;letter-spacing:.04em;line-height:1.35}.boss-splash__line--muted{color:var(--text-muted)}.boss-splash--enter{animation:boss-splash-enter 3.4s ease-out both}@keyframes boss-splash-enter{0%{opacity:0;transform:translate(-50%,8px) scale(.94)}10%,78%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-6px) scale(1)}}@media (prefers-reduced-motion: reduce){.boss-splash--enter{animation:none;opacity:1;transform:translate(-50%)}}.pickup-hint{position:absolute;bottom:6%;left:50%;z-index:6;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:min(84%,320px);padding:8px 18px;transform:translate(-50%);background:#0a0a12eb;border:1px solid var(--accent-cyan);border-radius:12px;box-shadow:0 0 18px var(--accent-cyan-glow);color:var(--text-main);font-family:var(--font-mono);text-align:center;cursor:pointer}.pickup-hint__key{color:var(--accent-cyan);font-size:.74rem;letter-spacing:.12em}.pickup-hint__name{color:var(--text-muted);font-size:.68rem;letter-spacing:.06em}.grid-container{display:grid;place-items:center;width:100%;height:100%}.thumb-action-bar{position:absolute;bottom:calc(12px + var(--safe-area-bottom));left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:480px;height:var(--thumb-bar-height);display:flex;align-items:center;justify-content:space-around;padding:8px;gap:8px;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 40px #00000080,0 0 20px var(--accent-cyan-glow);z-index:20}.action-btn{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;color:var(--text-main);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.action-btn:hover,.action-btn:active{background:var(--accent-cyan-glow);border-color:var(--accent-cyan);color:var(--accent-cyan)}.action-btn--warning:hover,.action-btn--warning:active{background:var(--warning-red-glow);border-color:var(--warning-red);color:var(--warning-red)}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px var(--accent-cyan-glow)}50%{box-shadow:0 0 25px var(--accent-cyan-glow),0 0 15px var(--accent-purple-glow)}}.hud-stat{display:flex;align-items:baseline;gap:6px;font-family:var(--font-mono);font-size:.95rem}.hud-stat__label{color:var(--text-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.shift-pill{padding:6px 14px;border-radius:999px;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;color:var(--accent-cyan);background:var(--accent-cyan-glow);border:1px solid var(--border-glow)}.shift-pill--danger{color:var(--warning-red);background:var(--warning-red-glow);border-color:var(--warning-red);animation:pulse-danger .9s ease-in-out infinite}.shift-pill--stable{color:var(--text-muted);background:#8b92b026;border-color:var(--text-muted)}.shift-pill--stasis{color:var(--accent-purple);background:var(--accent-purple-glow);border-color:var(--accent-purple)}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.55}}.vitals{display:flex;flex-direction:column;gap:3px;padding:8px 16px 4px}.quick-row{display:flex;align-items:center;gap:8px;margin:0 16px 6px}.potion{align-self:flex-start;display:flex;align-items:center;gap:6px;margin:0;padding:4px 10px;border-radius:8px;border:1px solid rgba(255,0,85,.5);background:#ff005524;color:var(--text-main);font-size:.72rem;text-align:left;cursor:pointer;transition:background .15s ease-out,opacity .15s ease-out}.potion:hover:not(:disabled),.potion:active:not(:disabled){background:#ff005542;border-color:#ff6b8a}.potion:disabled{cursor:default;opacity:.4}.potion__glyph{color:#ff6b8a;font-family:var(--font-mono);font-size:.95rem;font-weight:700;line-height:1}.potion__name{font-weight:600}.potion__count{font-family:var(--font-mono);font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:4px;background:#00000059}.potion__key{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;background:#ffffff1a;font-size:.65rem;color:var(--text-dim)}.armor-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;border:1px solid rgba(143,217,192,.45);background:#8fd9c01f;color:var(--text-main);font-size:.72rem}.armor-chip--empty{border-color:var(--border-color);background:#ffffff0a;color:var(--text-dim)}.armor-chip__glyph{color:#8fd9c0;font-family:var(--font-mono);font-size:.95rem;font-weight:700;line-height:1}.armor-chip--empty .armor-chip__glyph{color:var(--text-dim)}.armor-chip__name{font-weight:600}.armor-compare{display:flex;gap:12px;justify-content:center}.armor-compare__side{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:10px 12px;border-radius:10px;border:1px solid var(--border-color);background:#ffffff0a}.armor-compare__side--new{border-color:#8fd9c080;background:#8fd9c01f}.armor-compare__label{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.armor-compare__name{font-size:.8rem}.armor-compare__value{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:var(--text-main)}.armor-chip--modified{border-color:#ffd1668c}.armor-chip--modified .armor-chip__glyph{color:#ffd166}.armor-compare__mod{font-size:.68rem;font-weight:600;color:#ffd166}.armor-compare__mod--none{color:var(--text-dim);font-weight:400}.armor-compare__mod-desc{font-size:.62rem;line-height:1.35;text-align:center;color:var(--text-dim)}.armor-compare__actions{display:flex;gap:10px}.armor-compare__actions .action-btn{flex:1;height:44px}.bar{position:relative;height:14px;border-radius:7px;background:#00000073;border:1px solid var(--border-color);overflow:hidden}.bar--shield{height:6px}.bar__fill{height:100%;width:100%;transition:width .18s ease-out}.bar--hp .bar__fill{background:linear-gradient(90deg,#f05,#ff6b8a)}.bar--shield .bar__fill{background:var(--accent-purple);width:0}.bar__label{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:.62rem;color:var(--text-main);text-shadow:0 1px 2px rgba(0,0,0,.9)}#game-canvas{display:block;touch-action:none}.log-panel{display:flex;flex-direction:column;justify-content:flex-end;height:92px;overflow:hidden;padding:8px 16px;font-family:var(--font-mono);font-size:.72rem;line-height:1.5;color:var(--text-muted)}.log-line{transition:opacity .3s ease}.legend{padding:2px 16px;font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim);text-align:center}.legend__foes{letter-spacing:.25em;font-weight:700}.legend__hint{color:var(--text-dim);opacity:.7}.legend__warn--close{color:#f05}.legend__warn--open{color:#c99bff}.hotbar{display:flex;gap:6px;padding:0 16px 6px;min-height:34px}.hotbar-slot{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);font-size:.72rem;cursor:pointer}.hotbar-slot:hover,.hotbar-slot:active{background:var(--accent-cyan-glow);border-color:var(--accent-cyan)}.hotbar-slot__key{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;background:#ffffff1a;font-size:.65rem;color:var(--text-dim)}.log-line--combat{color:#ff9db1}.log-line--shift{color:var(--accent-purple)}.log-line--warning{color:var(--warning-red)}.action-btn small{display:block;font-size:.6rem;font-weight:400;color:var(--text-dim);margin-top:2px}.action-btn:disabled{opacity:.35;pointer-events:none}.action-btn.action-btn--holding{opacity:.75;border-color:var(--accent-cyan);color:var(--accent-cyan)}.action-btn.action-btn--cooling{opacity:.6;border-color:#ffb34d80;color:#ffb74d}.action-btn.action-btn--active{background:var(--accent-cyan-glow);border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan-glow)}.sheet{position:absolute;left:50%;bottom:calc(var(--thumb-bar-height) + 24px + var(--safe-area-bottom));transform:translate(-50%);width:calc(100% - 32px);max-width:480px;max-height:55%;display:flex;flex-direction:column;padding:12px;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;z-index:30}.sheet__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sheet__header h2{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.sheet__close{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer}.sheet__list{overflow-y:auto;display:flex;flex-direction:column;gap:6px}.sheet__empty{color:var(--text-dim);font-size:.8rem;padding:12px 4px}.item-row{display:flex;flex-direction:column;gap:2px;padding:10px 12px;text-align:left;background:#ffffff0d;border:1px solid var(--border-color);border-radius:10px;color:var(--text-main);cursor:pointer}.item-row:hover,.item-row:active{border-color:var(--accent-cyan);background:var(--accent-cyan-glow)}.item-row__name{font-weight:600;font-size:.85rem}.item-row__desc{font-size:.7rem;color:var(--text-muted)}.modal{position:absolute;inset:0;display:grid;place-items:center;background:#08080ccc;backdrop-filter:blur(6px);z-index:40}.modal__card{padding:28px 32px;text-align:center;display:flex;flex-direction:column;gap:10px;min-width:260px}.modal__title--win{color:var(--accent-cyan);text-shadow:0 0 14px var(--accent-cyan-glow)}.modal__title--lose{color:var(--warning-red);text-shadow:0 0 14px var(--warning-red-glow)}.modal__cause{color:var(--text-main);font-size:.9rem}.modal__stats{color:var(--text-muted);font-size:.85rem}.modal__seed{color:var(--text-dim);font-family:var(--font-mono);font-size:.7rem}.modal__card .action-btn{height:44px;margin-top:8px}.hidden{display:none!important}.title-screen{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:calc(var(--safe-area-top) + 24px) 24px calc(var(--safe-area-bottom) + 24px);background:radial-gradient(circle at 50% 35%,rgba(157,78,221,.18),transparent 60%),var(--bg-main)}.title-screen__inner{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:320px}.title-screen__mark{margin:0 0 4px;font-family:var(--font-mono);font-size:1.05rem;line-height:1.15;letter-spacing:.22em;color:var(--accent-cyan);text-shadow:0 0 18px var(--accent-cyan-glow)}.title-screen__name{margin:0;font-size:1.5rem;font-weight:700;text-align:center;color:var(--text-main)}.title-screen__tagline{margin:0 0 22px;font-size:.78rem;text-align:center;color:var(--text-dim)}.title-screen__menu{display:flex;flex-direction:column;gap:10px;width:100%}.title-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;padding:8px 16px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;color:var(--text-main);font-family:var(--font-family);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.title-btn small{margin-top:2px;font-size:.6rem;font-weight:400;color:var(--text-dim)}.title-btn:hover:not(:disabled),.title-btn:active:not(:disabled){background:var(--accent-cyan-glow);border-color:var(--border-glow)}.title-btn:disabled{opacity:.4;cursor:default}.title-btn--primary{background:var(--accent-cyan-glow);border-color:var(--border-glow);color:var(--accent-cyan)}.modal__actions{display:flex;gap:10px;margin-top:8px}.modal__actions .action-btn{height:44px;margin-top:0}.setup__heading{margin:0 0 14px;font-size:1.25rem;font-weight:700;color:var(--text-main)}.setup__label{align-self:flex-start;margin-bottom:6px;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.setup__options{display:flex;gap:6px;width:100%;margin-bottom:16px}.setup__options--locked{opacity:.45}.setup-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:46px;padding:6px 4px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:10px;color:var(--text-muted);font-family:var(--font-family);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.setup-btn small{margin-top:2px;font-size:.55rem;font-weight:400;color:var(--text-dim)}.setup-btn:disabled{cursor:default}.setup-btn--on{background:var(--accent-cyan-glow);border-color:var(--border-glow);color:var(--accent-cyan)}.setup__summary{margin:0 0 18px;font-size:.72rem;text-align:center;color:var(--text-muted)}.settings__inner{max-height:100%;overflow-y:auto}.settings__hint{margin:0 0 14px;font-size:.68rem;text-align:center;color:var(--text-dim)}.keybinds{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.keybind{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 2px}.keybind__label{font-size:.74rem;color:var(--text-muted)}.keybind__keys{display:flex;gap:4px}.key-btn{min-width:46px;height:32px;padding:0 6px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);font-family:var(--font-family);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s ease}.key-btn--empty{color:var(--text-dim)}.key-btn--capturing{background:var(--accent-cyan-glow);border-color:var(--border-glow);color:var(--accent-cyan)}.title-btn--danger{border-color:var(--warning-red-glow);color:var(--warning-red)}.coin-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;border:1px solid rgba(247,179,43,.45);background:#f7b32b1f;color:var(--text-main);font-size:.72rem}.coin-chip__glyph{color:#f7b32b;font-family:var(--font-mono);font-size:.95rem;font-weight:700}.coin-chip__count{font-variant-numeric:tabular-nums;font-weight:600}.coin-chip--merchant{border-color:#f7b32b;box-shadow:0 0 12px #f7b32b73}.shop-list{display:flex;flex-direction:column;gap:6px;margin:10px 0}.shop-row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 10px;text-align:left;background:#ffffff0a;border:1px solid var(--border-color);border-radius:10px;color:var(--text-main);font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.shop-row:hover:not(:disabled){border-color:#f7b32b;background:#f7b32b1f}.shop-row:disabled{opacity:.45;cursor:default}.shop-row__name{font-size:.82rem;font-weight:600}.shop-row__desc{grid-column:1 / -1;font-size:.68rem;color:var(--text-muted)}.shop-row__price{color:#f7b32b;font-family:var(--font-mono);font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums}.shop-row__price--sold{color:var(--text-dim)}.shop-purse{color:#f7b32b;font-family:var(--font-mono);font-weight:700}.error-panel{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:calc(var(--safe-area-top) + 24px) 24px calc(var(--safe-area-bottom) + 24px);overflow-y:auto;background:radial-gradient(circle at 50% 35%,rgba(255,0,85,.18),transparent 60%),var(--bg-main)}.error-panel__inner{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:340px}.error-panel__mark{margin:0;font-family:var(--font-mono);font-size:1.05rem;line-height:1.15;letter-spacing:.22em;color:var(--warning-red);text-shadow:0 0 18px var(--warning-red-glow)}.error-panel__title{margin:0;font-size:1.35rem;font-weight:700;text-align:center;color:var(--text-main)}.error-panel__headline{margin:0;font-size:.85rem;text-align:center;color:var(--text-muted)}.error-panel__detail{margin:0 0 8px;padding:8px 10px;max-width:100%;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-glass-card);font-family:var(--font-mono);font-size:.68rem;line-height:1.4;color:var(--text-dim);overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}.settings__inner::-webkit-scrollbar{display:none}.error-panel__note{margin:4px 0 0;font-size:.68rem;line-height:1.5;text-align:center;color:var(--text-dim)}.error-panel .title-btn small{text-align:center}.update-prompt{position:fixed;z-index:70;left:50%;transform:translate(-50%);bottom:calc(var(--safe-area-bottom) + var(--thumb-bar-height) + 16px);width:min(calc(100% - 32px),320px);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.update-prompt__text{margin:0;font-size:.85rem;text-align:center;color:var(--text-main)}.update-prompt__actions{display:flex;gap:10px}.update-prompt__actions .title-btn{flex:1;min-height:46px}.update-prompt__actions .title-btn small{text-align:center}.title-screen__build{position:absolute;right:calc(var(--safe-area-right) + 12px);bottom:calc(var(--safe-area-bottom) + 10px);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.04em;color:var(--text-dim)}.action-btn--quiet{font-size:.72rem;font-weight:400;color:var(--text-muted)}.report-fallback{width:100%;height:120px;margin-top:8px;padding:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);font-family:var(--font-mono);font-size:.6rem;user-select:text;-webkit-user-select:text}.settings__hint--left{text-align:left}.cosmetics{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-bottom:18px}.cosmetic{flex:1 1 46%;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:56px;padding:6px 4px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:10px;color:var(--text-muted);font-family:var(--font-family);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s ease}.cosmetic--on{background:var(--accent-cyan-glow);border-color:var(--border-glow);color:var(--accent-cyan)}.cosmetic__glyph{font-family:var(--font-mono);font-size:1.1rem;line-height:1}.cosmetic__tag{font-size:.5rem;font-weight:400;line-height:1.2;text-align:center;color:var(--text-dim)}.menu-btn{width:34px;height:34px;flex:none;display:grid;place-items:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:9px;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer;transition:all .15s ease}.menu-btn:hover,.menu-btn:active{background:var(--accent-cyan-glow);border-color:var(--border-glow);color:var(--accent-cyan)}.legend{display:block;width:100%;background:none;border:0;cursor:pointer}.legend:hover,.legend:active{color:var(--text-muted)}.help__body{margin:0 0 12px;align-self:flex-start;font-size:.78rem;line-height:1.55;color:var(--text-muted)}.help__body strong{color:var(--text-main);font-weight:700}.help__body--note{padding:8px 10px;border:1px solid var(--border-color);border-left:2px solid var(--accent-purple);border-radius:8px;background:var(--bg-glass-card)}.help__list{display:flex;flex-direction:column;gap:2px;width:100%;margin-bottom:18px}.help__keys{flex:none;font-family:var(--font-mono);font-size:.7rem;color:var(--text-main);text-align:right}.glyph-list{display:flex;flex-direction:column;gap:4px;width:100%;margin-bottom:18px}.glyph-row{display:grid;grid-template-columns:22px 1fr;gap:1px 10px;align-items:baseline;padding:4px 2px}.glyph-row__glyph{font-family:var(--font-mono);font-size:1.05rem;font-weight:700;line-height:1;text-align:center}.glyph-row__label{font-size:.78rem;font-weight:600;color:var(--text-main)}.glyph-row__note{grid-column:2;font-size:.68rem;line-height:1.4;color:var(--text-dim)}.opening{display:flex;flex-direction:column;gap:12px;margin-bottom:18px;text-align:left}.opening p{margin:0;font-size:.8rem;line-height:1.6;color:var(--text-main)}.opening__charge{font-weight:700;color:var(--accent-cyan)}.panel__body{width:100%}.panel__section,.setup__groups{display:flex;flex-direction:column;width:100%}.setup__group{display:flex;flex-direction:column}@media (min-width: 760px){.help__list{display:grid;grid-template-columns:1fr 1fr;gap:2px 24px}.help__body{margin:0 0 8px}.panel__section{margin:0}.title-screen{padding:calc(var(--safe-area-top) + 40px) 40px calc(var(--safe-area-bottom) + 40px)}.title-screen__inner{max-width:440px;gap:8px}.title-screen__menu--main{display:grid;grid-template-columns:1fr 1fr;gap:12px}.title-screen__menu--main .title-btn--primary{grid-column:1 / -1}.title-screen__menu--row{flex-direction:row}.title-screen__menu--row .title-btn{flex:1}.title-screen__inner--wide{max-width:620px}.setup__groups{flex-direction:row;gap:28px}.setup__group{flex:1}.panel__inner{max-width:min(1060px,100%)}.panel__body{columns:2;column-gap:36px}.panel__body>.setup__heading,.panel__body>.setup__heading+.settings__hint{column-span:all}.panel__body>.setup__heading+.settings__hint{text-align:left}.panel__section{break-inside:avoid}.panel__body--split{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;align-items:start;max-width:880px;margin:0 auto}.panel__body--split>.setup__heading,.panel__body--split>.setup__heading+.settings__hint{grid-column:1 / -1}.panel__section>:last-child{margin-bottom:0}.panel__body:has(>.opening){columns:1;max-width:62ch;margin:0 auto}.panel__inner .title-screen__menu{width:100%;max-width:340px}}@media (min-width: 760px) and (min-height: 560px){.title-screen__mark{font-size:1.45rem;margin-bottom:10px}.title-screen__name{font-size:2rem;white-space:nowrap}.title-screen__tagline{font-size:.86rem;margin-bottom:28px}.setup__heading{font-size:1.5rem;margin-bottom:18px}}@media (min-width: 1180px){.panel__body{columns:3}}