*{box-sizing:border-box;margin:0;padding:0}body,body[data-variant="vault"]{--page-bg:#0a0b0e;--page-fg:#ffffff;--font-ui:'Space Grotesk',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;--accent:#c8ff00;--stage-card-bg:#101218;--stage-card-border:#212533;--stage-card-radius:18px;--stage-tile-bg:#171a24;--stage-tile-border:#232838;--stage-hint-fg:#7d8599;--stage-key-bg:#14161e;--stage-key-border:#262b3b;--stage-key-fg:#c8ff00;--menu-bg:#14161f;--menu-border:#272c3c;--menu-radius:14px;--menu-shadow:0 24px 60px rgba(0,0,0,0.65),0 0 0 1px rgba(255,255,255,0.04);--menu-pad:6px;--item-fg:#d3d8e6;--item-radius:9px;--item-hover-bg:#212637;--item-hover-fg:#ffffff;--glyph-fg:#7d8599;--hint-fg:#666f85;--sep-color:#242938;--danger-fg:#ff6b6b;--sub-bg:#171a24;--sub-border:#2b3143}body[data-variant="brutal"]{--page-bg:#f2e9dc;--page-fg:#100f0d;--font-ui:'Space Grotesk',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;--accent:#ff3d00;--stage-card-bg:#ffffff;--stage-card-border:#100f0d;--stage-card-radius:0px;--stage-tile-bg:#f2e9dc;--stage-tile-border:#100f0d;--stage-hint-fg:#100f0d;--stage-key-bg:#ff3d00;--stage-key-border:#100f0d;--stage-key-fg:#ffffff;--menu-bg:#ffffff;--menu-border:#100f0d;--menu-radius:0px;--menu-shadow:7px 7px 0 #100f0d;--menu-pad:0px;--item-fg:#100f0d;--item-radius:0px;--item-hover-bg:#ffe600;--item-hover-fg:#100f0d;--glyph-fg:#100f0d;--hint-fg:#6b6459;--sep-color:#100f0d;--danger-fg:#d10000;--sub-bg:#ffffff;--sub-border:#100f0d}body[data-variant="soft"]{--page-bg:#eef0fb;--page-fg:#232743;--font-ui:'Space Grotesk',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;--accent:#6c5ce7;--stage-card-bg:#ffffff;--stage-card-border:#dfe2f6;--stage-card-radius:26px;--stage-tile-bg:#f4f5fd;--stage-tile-border:#e6e8f8;--stage-hint-fg:#6f74a0;--stage-key-bg:#ece9ff;--stage-key-border:#dcd6ff;--stage-key-fg:#5b4bd6;--menu-bg:#ffffff;--menu-border:#e4e6f7;--menu-radius:22px;--menu-shadow:0 20px 45px rgba(72,66,145,0.18);--menu-pad:8px;--item-fg:#3b4067;--item-radius:15px;--item-hover-bg:#eeebff;--item-hover-fg:#2b2350;--glyph-fg:#8a8fbb;--hint-fg:#9aa0c4;--sep-color:#eef0fb;--danger-fg:#e0407a;--sub-bg:#ffffff;--sub-border:#e4e6f7}body{background:var(--page-bg);color:var(--page-fg);font-family:var(--font-ui);min-height:100vh;overflow:hidden}::selection{background:var(--accent);color:var(--page-bg)}.ctx-stage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.stage-card{width:min(560px,100%);background:var(--stage-card-bg);border:1px solid var(--stage-card-border);border-radius:var(--stage-card-radius);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem}.stage-grid span{display:block;aspect-ratio:4 / 3;border-radius:calc(var(--stage-card-radius) / 2);background:var(--stage-tile-bg);border:1px solid var(--stage-tile-border)}.stage-hint{display:flex;align-items:center;justify-content:center;gap:0.6rem;font-family:var(--font-mono);font-size:0.78rem;letter-spacing:0.03em;color:var(--stage-hint-fg)}.stage-key{background:var(--stage-key-bg);border:1px solid var(--stage-key-border);color:var(--stage-key-fg);padding:3px 7px;border-radius:5px;font-size:0.7rem}.ctx-menu{position:fixed;top:0;left:0;z-index:50;min-width:232px;padding:var(--menu-pad);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--menu-radius);box-shadow:var(--menu-shadow);opacity:0}.ctx-menu[hidden]{display:none}.ctx-highlight{position:absolute;top:0;left:0;width:0;height:0;border-radius:var(--item-radius);background:var(--item-hover-bg);opacity:0;pointer-events:none}.ctx-list{list-style:none;position:relative;z-index:1}.ctx-sep{height:1px;background:var(--sep-color);margin:var(--menu-pad) 0}.ctx-item{width:100%;display:flex;align-items:center;gap:0.7rem;padding:0.55rem 0.7rem;background:transparent;border:0;border-radius:var(--item-radius);color:var(--item-fg);font-family:var(--font-ui);font-size:0.88rem;text-align:left;cursor:pointer}.ctx-item:hover,.ctx-item:focus-visible{color:var(--item-hover-fg)}.ctx-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ctx-item.is-danger{color:var(--danger-fg)}.ctx-item.is-danger:hover,.ctx-item.is-danger:focus-visible{color:var(--danger-fg)}.ctx-glyph{width:18px;text-align:center;color:var(--glyph-fg);font-size:0.9rem;flex-shrink:0}.ctx-item.is-danger .ctx-glyph{color:var(--danger-fg)}.ctx-label{flex:1}.ctx-hint{font-family:var(--font-mono);font-size:0.7rem;color:var(--hint-fg)}.ctx-chevron{font-size:0.95rem}.ctx-submenu{position:absolute;min-width:186px;padding:var(--menu-pad);background:var(--sub-bg);border:1px solid var(--sub-border);border-radius:var(--menu-radius);box-shadow:var(--menu-shadow);opacity:0}.ctx-submenu[hidden]{display:none}@media (prefers-reduced-motion:reduce){.ctx-menu,.ctx-submenu{opacity:1}}@media (max-width:480px){.stage-hint{flex-direction:column;gap:0.5rem;text-align:center}.stage-card{padding:1.1rem}}