#stage{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;touch-action:none}.boot{position:fixed;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:18px;background:radial-gradient(ellipse at 50% 60%,rgba(34,230,255,.05),transparent 60%),var(--void);transition:opacity .6s var(--ease-out)}.boot.is-leaving{opacity:0;pointer-events:none}.boot__start{display:grid;justify-items:center;gap:22px;padding:24px 32px}.boot__coin{width:18px;height:46px;border-radius:3px;box-shadow:0 0 0 2px var(--hall),0 0 22px var(--hall),inset 0 0 12px #ff2fd099;position:relative}.boot__coin:after{content:"";position:absolute;left:7px;top:8px;width:4px;height:30px;background:#ffd6f6;box-shadow:0 0 10px #ff2fd0}.boot__press{font-family:var(--font-arcade);font-size:clamp(1.4rem,4.6vw,2.4rem);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 0 12px var(--grid),0 0 32px var(--grid)}.boot__start:hover .boot__press,.boot__start:focus-visible .boot__press{animation:none}.boot__note{margin:0;font-size:.9rem;color:var(--ink-dim);letter-spacing:.02em}.hall-ui{position:fixed;left:0;right:0;bottom:max(20px,env(safe-area-inset-bottom));z-index:10;display:grid;grid-template-columns:auto minmax(0,460px) auto;justify-content:center;align-items:center;gap:14px;padding:0 16px;opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);pointer-events:none}.hall-ui.is-on{opacity:1;transform:none;pointer-events:auto}.panel{--edge: color-mix(in srgb, var(--tone, var(--grid)) 70%, transparent);padding:16px 22px 18px;text-align:center;min-height:150px;display:grid;align-content:center;gap:6px;box-shadow:0 0 40px color-mix(in srgb,var(--tone, var(--grid)) 18%,transparent);transition:box-shadow .3s}.panel__verb{margin:0;font-family:var(--font-arcade);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tone, var(--grid))}.panel__title{margin:0;font-family:var(--font-sign);font-weight:400;font-size:clamp(1.9rem,5vw,2.6rem);line-height:1.05;color:#fff;text-shadow:0 0 10px var(--tone, var(--grid)),0 0 30px var(--tone, var(--grid))}.panel__line{margin:0 auto;max-width:34ch;font-size:1rem;line-height:1.4;color:#c7d0ee}.panel__action{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.panel__meta{font-family:var(--font-arcade);font-size:.7rem;letter-spacing:.08em;color:var(--ink-dim);text-transform:uppercase}.panel__soon{font-family:var(--font-arcade);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tone)}.panel.is-bump{animation:bump .32s var(--ease-snap)}@keyframes bump{30%{transform:translate(-6px)}60%{transform:translate(5px)}}.hall-nav{width:56px;height:56px;display:grid;place-items:center;color:var(--ink);background:#0a0b18bf;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);box-shadow:inset 0 0 0 1.5px var(--steel-2);transition:color .12s,box-shadow .12s,transform .12s var(--ease-snap)}.hall-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5}.hall-nav:hover,.hall-nav:focus-visible{color:var(--grid);box-shadow:inset 0 0 0 1.5px var(--grid),0 0 18px #22e6ff59}.hall-nav:active{transform:scale(.94)}.hall-hint{grid-column:1 / -1;margin:2px 0 0;text-align:center;font-family:var(--font-arcade);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.hall-hint kbd{display:inline-block;min-width:1.9em;margin:0 2px;padding:2px 5px;font-family:inherit;color:var(--ink);border:1px solid var(--steel-2);border-radius:3px}.hall-hint__gap{display:inline-block;width:1.2em}@media(pointer:coarse){.hall-hint{display:none}}.cabinet-list{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.cabinet-list:focus-within{position:fixed;top:12px;left:12px;width:auto;height:auto;clip:auto;z-index:60;padding:10px;background:var(--night)}.door{position:fixed;left:max(16px,env(safe-area-inset-left));top:max(16px,env(safe-area-inset-top));z-index:10;display:flex;flex-direction:column;gap:2px;font-size:.78rem;color:var(--ink-dim)}.door a{color:#c7d0ee;text-decoration:none;border-bottom:1px solid var(--steel-2);width:fit-content}.door a:hover,.door a:focus-visible{color:#fff;border-color:var(--grid)}.door a:after{content:" →"}.flat-hall{position:fixed;inset:0;overflow-y:auto;padding:72px 16px 40px;background:linear-gradient(180deg,rgba(4,4,10,.6),var(--void) 70%),url(/art/hall-row.webp) center top / cover no-repeat}.flat-hall h1{margin:0 0 20px;text-align:center;font-family:var(--font-sign);font-weight:400;font-size:clamp(3rem,12vw,5rem);color:#fff;text-shadow:0 0 14px var(--hall),0 0 40px var(--hall)}.flat-hall ul{list-style:none;margin:0 auto;padding:0;max-width:520px;display:grid;gap:12px}.flat-hall li{--edge: color-mix(in srgb, var(--tone) 70%, transparent);padding:14px 18px}.flat-hall h2{margin:0;font-family:var(--font-sign);font-weight:400;color:#fff;text-shadow:0 0 10px var(--tone)}.flat-hall p{margin:4px 0 10px;color:#c7d0ee}.noscript{position:fixed;inset:0;display:grid;place-items:center;font-family:var(--font-arcade)}@media(max-width:560px){.hall-ui{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:0 10px}.hall-nav{width:46px;height:46px}.panel{padding:12px 12px 14px;min-height:0}.panel__line{font-size:.92rem}.door span{display:none}}