:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--prim-ink-950:#07060c;--prim-ink-900:#0d0c14;--prim-ink-850:#14121e;--prim-ink-800:#1a1826;--prim-ink-750:#221f31;--prim-ink-700:#2c2840;--prim-ink-600:#38334f;--prim-ink-500:#4c4668;--prim-ink-400:#5e5873;--prim-ink-300:#9590ab;--prim-ink-200:#b9b3cc;--prim-ink-100:#f4f1fa;--prim-tangerine-700:#b5462a;--prim-tangerine-600:#e8742a;--prim-tangerine-500:#ff8a3d;--prim-tangerine-400:#ff9f5e;--prim-tangerine-300:#ffc08a;--prim-lagoon-600:#19b8ab;--prim-lagoon-500:#2ee6d6;--prim-lagoon-300:#8ff5e8;--prim-bubblegum-600:#e04e94;--prim-bubblegum-500:#ff6fb1;--prim-bubblegum-300:#ffb3d4;--prim-gold-600:#f59e0b;--prim-gold-500:#ffc94d;--prim-gold-300:#ffe29a;--prim-green-500:#3ddc84;--prim-violet-500:#a78bfa;--prim-red-500:#ff5c6c;--prim-amber-500:#f5b841;--prim-blue-500:#6cb8ff;--prim-slate-500:#7a7590;--color-bg-void:var(--prim-ink-950);--color-bg-base:var(--prim-ink-900);--color-bg-raised:var(--prim-ink-850);--color-surface-1:var(--prim-ink-800);--color-surface-2:var(--prim-ink-750);--color-surface-3:var(--prim-ink-700);--color-surface-glass:#14121ebd;--color-surface-glass-strong:#14121ee6;--color-scrim:#07060c9e;--color-border-subtle:#2a2640;--color-border-default:var(--prim-ink-600);--color-border-strong:var(--prim-ink-500);--color-border-highlight:#ffffff12;--color-fg-primary:var(--prim-ink-100);--color-fg-secondary:var(--prim-ink-200);--color-fg-tertiary:var(--prim-ink-300);--color-fg-disabled:var(--prim-ink-400);--color-fg-on-accent:#1f0f04;--color-fg-on-signal:#04201e;--color-accent:var(--prim-tangerine-500);--color-accent-hover:var(--prim-tangerine-400);--color-accent-pressed:var(--prim-tangerine-600);--color-accent-deep:var(--prim-tangerine-700);--color-accent-soft:#ff8a3d24;--color-accent-glow:#ff8a3d73;--color-signal:var(--prim-lagoon-500);--color-signal-strong:var(--prim-lagoon-600);--color-signal-soft:#2ee6d624;--color-signal-glow:#2ee6d680;--color-love:var(--prim-bubblegum-500);--color-love-soft:#ff6fb124;--color-gold:var(--prim-gold-500);--color-gold-soft:#ffc94d24;--color-success:var(--prim-green-500);--color-warning:var(--prim-amber-500);--color-danger:var(--prim-red-500);--color-danger-soft:#ff5c6c24;--color-info:var(--prim-blue-500);--color-status-available:var(--prim-green-500);--color-status-focus:var(--prim-violet-500);--color-status-meeting:var(--prim-red-500);--color-status-away:var(--prim-amber-500);--color-status-offline:var(--prim-slate-500);--color-live:var(--prim-lagoon-500);--color-live-muted:var(--prim-red-500);--color-pet-happy:var(--prim-bubblegum-500);--color-pet-ok:var(--prim-green-500);--color-pet-hungry:var(--prim-amber-500);--color-pet-sad:#7b8cff;--color-pet-sleep:var(--prim-violet-500);--color-pet-vacation:var(--prim-lagoon-500);--color-wing-a:var(--prim-lagoon-500);--color-wing-b:var(--prim-tangerine-500);--color-wing-c:var(--prim-bubblegum-500);--color-wing-d:var(--prim-gold-500);--color-decor-valid:#4ff0a0;--color-decor-invalid:#ff5c6c;--color-decor-grid:#ffffff24;--color-decor-selection:var(--prim-gold-500);--gradient-sunset:linear-gradient(135deg, #ffb067 0%, #ff8a3d 45%, #ff5f8f 100%);--gradient-signal:linear-gradient(135deg, #2ee6d6 0%, #6cb8ff 100%);--gradient-gold:linear-gradient(135deg, #ffe29a 0%, #ffc94d 50%, #f59e0b 100%);--gradient-love:linear-gradient(135deg, #ffb3d4 0%, #ff6fb1 60%, #c86bff 100%);--gradient-aurora:radial-gradient(120% 80% at 50% -10%, #ff8a3d33, transparent 60%), radial-gradient(70% 60% at 100% 100%, #2ee6d61f, transparent 60%), radial-gradient(60% 50% at 0% 90%, #ff6fb11a, transparent 60%);--gradient-surface-sheen:linear-gradient(180deg, #ffffff0d 0%, #fff0 40%);--texture-pixel-grid:linear-gradient(#ffffff06 1px, transparent 1px) 0 0 / 8px 8px, linear-gradient(90deg, #ffffff06 1px, transparent 1px) 0 0 / 8px 8px;--font-display:"Bricolage Grotesque", "Geist", system-ui, sans-serif;--font-ui:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "Cascadia Code", monospace;--font-pixel:"Pixelify Sans", "Silkscreen", monospace;--font-pixel-micro:"Silkscreen", "Pixelify Sans", monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:36px;--text-5xl:48px;--text-6xl:64px;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.5;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.06em;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--hud-edge:var(--space-4);--hud-dock-height:60px;--panel-width:368px;--toast-width:360px;--video-tile-w:112px;--video-tile-h:84px;--video-tile-w-active:152px;--video-tile-h-active:114px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--clip-pixel-4:polygon(0 4px, 4px 4px, 4px 0, calc(100% - 4px) 0, calc(100% - 4px) 4px, 100% 4px, 100% calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) 100%, 4px 100%, 4px calc(100% - 4px), 0 calc(100% - 4px));--clip-pixel-2:polygon(0 2px, 2px 2px, 2px 0, calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px, 100% calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%, 2px 100%, 2px calc(100% - 2px), 0 calc(100% - 2px));--shadow-1:inset 0 1px 0 var(--color-border-highlight), 0 2px 6px #00000059;--shadow-2:inset 0 1px 0 var(--color-border-highlight), 0 8px 24px #00000073;--shadow-3:inset 0 1px 0 var(--color-border-highlight), 0 18px 48px #0000008c, 0 0 0 1px #ffffff08;--shadow-4:inset 0 1px 0 var(--color-border-highlight), 0 32px 80px #000000a6;--shadow-pixel:0 3px 0 0 var(--color-accent-deep);--shadow-pixel-neutral:0 3px 0 0 var(--prim-ink-950);--glow-accent:0 0 0 1px #ff8a3d8c, 0 0 24px #ff8a3d59;--glow-signal:0 0 0 2px var(--color-signal), 0 0 22px var(--color-signal-glow);--glow-love:0 0 0 1px #ff6fb18c, 0 0 24px #ff6fb159;--glow-gold:0 0 0 1px #ffc94d99, 0 0 28px #ffc94d66;--glow-danger:0 0 0 1px #ff5c6c99, 0 0 20px #ff5c6c59;--blur-glass:blur(16px) saturate(140%);--focus-ring:0 0 0 2px var(--color-bg-base), 0 0 0 4px var(--color-accent);--duration-instant:80ms;--duration-fast:.14s;--duration-base:.22s;--duration-slow:.36s;--duration-scene:.64s;--duration-iris:.9s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.5, 0, .75, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-emphasized:cubic-bezier(.2, 0, 0, 1);--ease-overshoot:cubic-bezier(.34, 1.56, .64, 1);--ease-pixel:steps(4, end);--stagger-children:40ms;--stagger-list:24ms;--z-world:0;--z-world-overlay:10;--z-hud:100;--z-panel:200;--z-toast:300;--z-modal:400;--z-transition:500;--z-tooltip:600;--world-tile:16px;--world-scale-default:3;--palette-pixel-ink-0:#1b1626;--palette-pixel-ink-1:#2a2038;--palette-pixel-plum-0:#4a3d63;--palette-pixel-plum-1:#7f6e9a;--palette-pixel-wood-0:#6b4430;--palette-pixel-wood-1:#9c6440;--palette-pixel-wood-2:#c98c58;--palette-pixel-wood-3:#e6b47a;--palette-pixel-cream-0:#f6e7cf;--palette-pixel-cream-1:#fff7ea;--palette-pixel-gray-0:#5d5873;--palette-pixel-gray-1:#9893ad;--palette-pixel-gray-2:#cfcbdc;--palette-pixel-white:#fff;--palette-pixel-leaf-0:#2f6b4f;--palette-pixel-leaf-1:#4fa36a;--palette-pixel-leaf-2:#8fd47e;--palette-pixel-teal-0:#1e5e6e;--palette-pixel-teal-1:#2ea3a6;--palette-pixel-teal-2:#6fe0d6;--palette-pixel-blue-0:#34408c;--palette-pixel-blue-1:#4f6fd6;--palette-pixel-blue-2:#9cc3ff;--palette-pixel-tangerine-0:#b5462a;--palette-pixel-tangerine-1:#ff8a3d;--palette-pixel-tangerine-2:#ffc08a;--palette-pixel-pink-0:#b23a6e;--palette-pixel-pink-1:#ff6fb1;--palette-pixel-pink-2:#ffb3d4;--palette-pixel-butter-0:#d19a1f;--palette-pixel-butter-1:#ffd35c;--palette-pixel-screen-0:#1d3b4f;--palette-pixel-screen-1:#8ff5e8;--motion-scale:1}@media (prefers-reduced-motion:reduce){:root{--motion-scale:0;--duration-base:.12s;--duration-slow:.16s;--duration-scene:.2s;--duration-iris:.24s;--ease-overshoot:var(--ease-out);--ease-pixel:var(--ease-out);--stagger-children:0s;--stagger-list:0s}}:where(button,a,input,select,textarea,[tabindex]):focus-visible{box-shadow:var(--focus-ring);outline:none}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/pixelify-sans-latin-wght-normal-Cbhn5ptY.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+20AC,U+2122}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/pixelify-sans-latin-ext-wght-normal-CsF3XSp0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+1E00-1E9F}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/silkscreen-latin-400-normal-CtPo2yA5.woff2)format("woff2")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/silkscreen-latin-700-normal-CSE2nhgM.woff2)format("woff2")}:root{--stagger:var(--stagger-children,40ms);--clip-pixel-1:polygon(0 1px,1px 1px,1px 0,calc(100% - 1px) 0,calc(100% - 1px) 1px,100% 1px,100% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 100%,1px 100%,1px calc(100% - 1px),0 calc(100% - 1px))}@media (prefers-reduced-motion:reduce){:root{--stagger:0s}}*{box-sizing:border-box}html,body{background:var(--color-bg-void);height:100%;color:var(--color-fg-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:where(button,a,input,[tabindex]):focus-visible{box-shadow:var(--focus-ring);outline:none}canvas#world{image-rendering:pixelated;display:block;position:fixed;inset:0}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.ico{width:24px;height:24px;-webkit-mask:var(--m) center/24px 24px no-repeat;-webkit-mask:var(--m) center/24px 24px no-repeat;mask:var(--m) center/24px 24px no-repeat;image-rendering:pixelated;background:currentColor;flex:none;display:inline-block}.ico.sm{width:18px;height:18px;-webkit-mask-size:18px 18px;mask-size:18px 18px}.ico.xs{width:12px;height:12px;-webkit-mask-size:12px 12px;mask-size:12px 12px}#overlay{pointer-events:none;z-index:10;position:fixed;inset:0}.tag{white-space:nowrap;transition:opacity var(--duration-base);background:#0d0c14d1;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 7px;font-size:12px;font-weight:600;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-100%);box-shadow:0 4px 12px #00000059}.tag:after{content:"";clip-path:polygon(0 0,100% 0,100% 40%,66% 40%,66% 100%,33% 100%,33% 40%,0 40%);background:#0d0c14d1;width:6px;height:5px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.tag.me{border-color:#ff8a3d8c;box-shadow:0 0 16px #ff8a3d40}.tag .act{color:var(--color-fg-secondary);display:flex}.tag.pet{color:var(--color-fg-secondary);gap:6px;padding:2px 8px;font-size:11px;font-weight:600}.dot{background:var(--c,var(--color-status-available));width:8px;height:8px;box-shadow:0 0 8px var(--c,var(--color-status-available));border-radius:50%;flex:none}.dot.ring{border:2px solid var(--c);box-shadow:none;background:0 0}.meter{gap:1px;display:flex}.meter i{width:4px;height:7px;clip-path:var(--clip-pixel-1);background:#ffffff24;display:block}.meter i.on{background:var(--mc,var(--color-pet-ok));box-shadow:0 0 6px var(--mc)}.vt{transform-origin:50% 100%;background:var(--bg,#2c2840);width:112px;height:84px;transition:width var(--duration-slow) var(--ease-out),height var(--duration-slow) var(--ease-out),box-shadow var(--duration-base);border:2px solid #ffffff1a;border-radius:14px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 12px 28px #00000080}.vt canvas{image-rendering:pixelated;width:64px;height:56px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.vt .vn{text-shadow:0 1px 2px #0009;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:5px;left:6px;right:6px}.vt .vn .ico{color:var(--color-danger);margin-left:auto}.vt .vn .ico.live{color:var(--color-signal)}.vt.speaking{border-color:var(--color-signal);box-shadow:var(--glow-signal),0 12px 28px #00000080}.vt .camoff{font-family:var(--font-pixel-micro);letter-spacing:.04em;color:var(--color-fg-secondary);background:#00000059;border-radius:4px;padding:2px 5px;font-size:8px;position:absolute;top:6px;right:6px}.vgroup{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0}.vgroup .row{align-items:flex-end;gap:8px;display:flex}.vgroup .vt{position:relative}.vgroup .glbl{height:24px;color:var(--color-signal);background:#0d0c14d9;border:1px solid #2ee6d673;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;display:flex;box-shadow:0 0 16px #2ee6d633}.vgroup{transition:transform var(--duration-slow) var(--ease-out)}.vgroup.docked{flex-direction:column-reverse}.vgroup.docked .stem{display:none}.vgroup.docked .vt{width:152px;height:114px}.vgroup.docked .vt canvas{width:80px;height:70px}.vgroup .stem{background:linear-gradient(var(--color-signal),transparent);opacity:.7;width:2px;height:10px}.prompt{background:var(--color-surface-glass-strong);border:1px solid var(--color-border-default);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);white-space:nowrap;box-shadow:var(--shadow-2);border-radius:12px;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-size:13px;font-weight:600;display:flex;position:absolute;top:0;left:0;transform:translate(-50%)}.key{white-space:nowrap;font-family:var(--font-pixel-micro);background:var(--color-surface-3);border:1px solid var(--color-border-strong);min-width:20px;height:20px;color:var(--color-fg-primary);border-radius:5px;place-items:center;padding:0 5px;font-size:10px;line-height:1;display:inline-grid;box-shadow:0 2px #07060c}.plate{background:var(--color-surface-glass-strong);min-width:220px;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border:1px solid var(--color-border-default);border-top:3px solid var(--color-wing-b);box-shadow:var(--shadow-3);border-radius:12px;padding:10px 12px;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.plate .code{font:700 12px var(--font-mono);color:var(--color-wing-b);letter-spacing:.06em}.plate .owner{font-family:var(--font-display);margin:2px 0 6px;font-size:16px;font-weight:700}.plate .row{color:var(--color-fg-secondary);align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}#hud{pointer-events:none;z-index:100;position:fixed;inset:0}#hud>*{pointer-events:auto}.glass{background:var(--color-surface-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-3);background-image:var(--gradient-surface-sheen)}.loc{left:var(--hud-edge);top:var(--hud-edge);border-radius:16px;align-items:center;gap:12px;padding:8px 8px 8px 0;display:flex;position:absolute;overflow:hidden}.loc .bar{background:var(--color-wing-b);width:4px;box-shadow:0 0 12px var(--color-wing-b);align-self:stretch}.loc .kicker{font-family:var(--font-pixel-micro);letter-spacing:.08em;color:var(--color-wing-b);font-size:9px}.loc .title{font-family:var(--font-display);letter-spacing:-.01em;margin-top:1px;font-size:17px;font-weight:700}.loc .txt{min-width:150px}.seg{border:1px solid var(--color-border-subtle);background:#00000047;border-radius:12px;gap:2px;padding:3px;display:flex;position:relative}.seg button{z-index:1;height:30px;color:var(--color-fg-tertiary);transition:color var(--duration-fast);border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:flex;position:relative}.seg button:hover,.seg button[aria-checked=true]{color:var(--color-fg-primary)}.seg .thumb{z-index:0;background:var(--color-surface-3);transition:left var(--duration-slow) var(--ease-out),width var(--duration-slow) var(--ease-out);border-radius:9px;position:absolute;top:3px;bottom:3px;box-shadow:inset 0 1px #ffffff0f,0 2px 6px #0006}.seg.door button[aria-checked=true]{color:var(--color-accent)}.topr{right:var(--hud-edge);top:var(--hud-edge);align-items:center;gap:8px;display:flex;position:absolute}.topr .lbl{font-family:var(--font-pixel-micro);letter-spacing:.06em;color:var(--color-fg-tertiary);padding:0 4px 0 10px;font-size:9px}.topr .box{border-radius:14px;align-items:center;padding:4px;display:flex}.chip-btn{height:34px;color:var(--color-fg-secondary);border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.chip-btn:hover{background:var(--color-surface-2);color:var(--color-fg-primary)}.dock{left:50%;bottom:var(--hud-edge);transition:transform var(--duration-slow) var(--ease-out);border-radius:22px;align-items:center;gap:4px;padding:8px;display:flex;position:absolute;transform:translate(-50%)}.dock .grp{align-items:center;gap:4px;display:flex}.dock .sep{background:var(--color-border-default);width:1px;height:28px;margin:0 6px}.ib{width:44px;height:44px;color:var(--color-fg-secondary);transition:background var(--duration-fast),color var(--duration-fast),transform var(--duration-instant),box-shadow var(--duration-base);border-radius:13px;place-items:center;display:grid;position:relative}.ib:hover{background:var(--color-surface-2);color:var(--color-fg-primary)}.ib:active{transform:scale(.92)}.ib.off{color:var(--color-danger);background:var(--color-danger-soft)}.ib.live{color:var(--color-signal);background:var(--color-signal-soft);box-shadow:inset 0 0 0 1px #2ee6d673,0 0 18px #2ee6d640}.ib.on{color:var(--color-accent);background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px #ff8a3d73}.ib .badge{background:var(--color-accent);min-width:16px;height:16px;color:var(--color-fg-on-accent);font:700 10px/16px var(--font-mono);border-radius:8px;padding:0 4px;position:absolute;top:4px;right:4px}.ib .pdot{background:var(--mc);width:8px;height:8px;box-shadow:0 0 8px var(--mc);border:2px solid var(--color-surface-1);border-radius:50%;position:absolute;top:8px;right:8px}.ib .lvl{align-items:flex-end;gap:2px;height:6px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.ib .lvl i{background:currentColor;border-radius:1px;width:3px;height:2px}.ib.live .lvl i{animation:.7s ease-in-out infinite alternate lvl}.ib.live .lvl i:nth-child(2){animation-delay:-200ms}.ib.live .lvl i:nth-child(3){animation-delay:-420ms}@keyframes lvl{0%{height:2px}to{height:6px}}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);white-space:nowrap;background:var(--color-bg-base);border:1px solid var(--color-border-default);font:600 12px var(--font-ui);color:var(--color-fg-primary);box-shadow:var(--shadow-2);pointer-events:none;animation:tipin var(--duration-fast) var(--ease-out);border-radius:8px;padding:6px 9px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}@keyframes tipin{0%{opacity:0;transform:translate(-50%,4px)}}.me{transition:background var(--duration-fast);border-radius:14px;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex}.me:hover{background:var(--color-surface-2)}.me .pf{background:var(--gradient-signal);border-radius:11px;flex:none;width:36px;height:36px;position:relative;overflow:hidden}.me .pf canvas{width:32px;height:28px;image-rendering:pixelated;position:absolute;top:6px;left:2px}.me .pf .dot{border:2px solid var(--color-surface-1);width:11px;height:11px;position:absolute;bottom:2px;right:2px}.me .nm{font-size:13px;font-weight:700;line-height:1.1}.me .st{color:var(--color-fg-tertiary);white-space:nowrap;transition:color var(--duration-base);align-items:center;gap:4px;font-size:12px;line-height:1.2;display:flex}.me{text-align:left}.food{height:44px;color:var(--color-fg-secondary);font:600 12px var(--font-mono);border-radius:13px;align-items:center;gap:6px;padding:0 10px;display:flex}.food .pips{gap:3px;display:flex}.food .pips i{width:8px;height:8px;clip-path:var(--clip-pixel-2);background:#ffffff24;display:block}.food .pips i.on{background:var(--color-gold);box-shadow:0 0 6px var(--color-gold)}.dock-decor{align-items:center;gap:6px;display:none}.dock.decor .dock-main{display:none}.dock.decor .dock-decor{display:flex}.dock-decor .ttl{font-family:var(--font-pixel);color:var(--color-gold);white-space:nowrap;align-items:center;gap:8px;padding:0 6px 0 10px;font-size:15px;display:flex}.dock-decor .cnt{white-space:nowrap}.cnt{font:600 12px var(--font-mono);color:var(--color-fg-secondary);background:#0000004d;border-radius:9px;padding:6px 10px}.cnt b{color:var(--color-fg-primary)}.tb{height:40px;color:var(--color-fg-secondary);border-radius:11px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.tb:hover{background:var(--color-surface-2);color:var(--color-fg-primary)}.tb:disabled{opacity:.4;pointer-events:none}.btn{height:40px;transition:transform var(--duration-instant),box-shadow var(--duration-instant),background var(--duration-fast);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.btn.primary{background:var(--color-accent);color:var(--color-fg-on-accent);box-shadow:var(--shadow-pixel),0 0 24px #ff8a3d40}.btn.primary:hover{background:var(--color-accent-hover)}.btn.primary:active{box-shadow:0 0 0 0 var(--color-accent-deep);transform:translateY(3px)}.btn.ghost{background:var(--color-surface-2);color:var(--color-fg-primary);box-shadow:var(--shadow-pixel-neutral);border:1px solid var(--color-border-default)}.btn.ghost:hover{background:var(--color-surface-3)}.btn.ghost:active{box-shadow:none;transform:translateY(3px)}.btn.lg{border-radius:14px;height:48px;padding:0 22px;font-size:15px}.pop{transform-origin:50% 100%;animation:popin var(--duration-base) var(--ease-overshoot);border-radius:16px;gap:4px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}@keyframes popin{0%{opacity:0;transform:translateX(-50%) translateY(calc(8px * var(--motion-scale))) scale(.9)}}.pop .em{border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:relative}.pop .em:hover{background:var(--color-surface-2);transform:translateY(-2px)}.pop .em canvas{width:32px;height:32px;image-rendering:pixelated}.pop .em .key{position:absolute;bottom:-2px;right:-2px;transform:scale(.8)}.pop.status{flex-direction:column;align-items:stretch;min-width:220px;left:0;transform:none}.pop.status button{text-align:left;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.pop.status button:hover{background:var(--color-surface-2)}.pop.status small{color:var(--color-fg-tertiary);font-size:12px;font-weight:400;display:block}.micbig{z-index:300;background:var(--color-surface-glass-strong);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);box-shadow:var(--glow-signal),var(--shadow-3);border:1px solid #2ee6d680;border-radius:999px;align-items:center;gap:14px;padding:12px 20px 12px 12px;display:flex;position:fixed;bottom:104px;left:50%;transform:translate(-50%)}.micbig .orb{background:var(--color-signal);width:44px;height:44px;color:var(--color-fg-on-signal);border-radius:50%;place-items:center;display:grid;position:relative}.micbig .orb:before,.micbig .orb:after{content:"";border:2px solid var(--color-signal);animation:sonar 1.4s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.micbig .orb:after{animation-delay:.7s}@keyframes sonar{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.micbig b{font-family:var(--font-display);font-size:16px;display:block}.micbig span{color:var(--color-fg-secondary);font-size:12px}.panel{right:var(--hud-edge);width:var(--panel-width);z-index:200;border-radius:22px;flex-direction:column;display:flex;position:fixed;top:76px;bottom:96px;overflow:hidden}.panel header{align-items:center;gap:10px;padding:16px 14px 12px 18px;display:flex}.panel header h2{font-family:var(--font-display);letter-spacing:-.02em;flex:1;margin:0;font-size:20px;font-weight:750}.panel .body{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;flex:1;padding:0 14px 16px;overflow:auto}.panel .sec{font-family:var(--font-pixel-micro);letter-spacing:.08em;color:var(--color-fg-tertiary);align-items:center;gap:8px;margin:16px 4px 8px;font-size:9px;display:flex}.panel .sec:after{content:"";background:var(--color-border-subtle);flex:1;height:1px}.stg>*{animation:itemin var(--duration-slow) var(--ease-out) both;animation-delay:calc(var(--i,0) * var(--stagger) + 60ms)}@keyframes itemin{0%{opacity:0;transform:translateY(calc(10px * var(--motion-scale)))}}.panel-enter{animation:panelin var(--duration-slow) var(--ease-out) both}.panel-exit{animation:panelout var(--duration-base) var(--ease-in) both}@keyframes panelin{0%{opacity:0;transform:translateX(calc(32px * var(--motion-scale))) scale(.98);filter:blur(6px)}}@keyframes panelout{to{opacity:0;transform:translateX(calc(24px * var(--motion-scale))) scale(.98);filter:blur(4px)}}.search{border:1px solid var(--color-border-subtle);height:40px;color:var(--color-fg-tertiary);background:#00000047;border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{color:var(--color-fg-primary);font:inherit;background:0 0;border:0;outline:none;flex:1}.person{transition:background var(--duration-fast);border-radius:14px;align-items:center;gap:10px;padding:8px;display:flex;position:relative}.person:hover{background:var(--color-surface-2)}.person .pf{border-radius:12px;flex:none;width:40px;height:40px;position:relative;overflow:hidden}.person .pf canvas{width:32px;height:28px;image-rendering:pixelated;position:absolute;top:8px;left:4px}.person .pf .dot{border:2px solid var(--color-surface-1);width:11px;height:11px;position:absolute;bottom:2px;right:2px}.person .nm{font-size:14px;font-weight:650}.person .sub{color:var(--color-fg-tertiary);align-items:center;gap:6px;font-size:12px;display:flex}.person .acts{opacity:0;transform:translateX(calc(6px * var(--motion-scale)));transition:opacity var(--duration-fast),transform var(--duration-fast);gap:2px;margin-left:auto;display:flex}.person:hover .acts,.person:focus-within .acts{opacity:1;transform:none}.person .acts button{width:32px;height:32px;color:var(--color-fg-secondary);border-radius:9px;place-items:center;display:grid;position:relative}.person .acts button:hover{background:var(--color-surface-3);color:var(--color-fg-primary)}.person.off{opacity:.62}.pill{background:var(--color-surface-3);height:20px;color:var(--color-fg-secondary);border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:650;display:inline-flex}.petstage{background:radial-gradient(70% 70% at 50% 75%,var(--sc,#ff6fb159),transparent 70%),linear-gradient(180deg,#221f31,#14121e);border:1px solid var(--color-border-subtle);height:210px;transition:background var(--duration-slow);border-radius:18px;margin:2px 0 12px;position:relative;overflow:hidden}.petstage canvas{image-rendering:pixelated;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.petstage .floor{background:repeating-linear-gradient(90deg,#ffffff0a 0 16px,#0000 16px 32px);border-top:1px solid #ffffff0f;height:46px;position:absolute;bottom:0;left:0;right:0}.petstage .badge{position:absolute;top:12px;left:12px}.petname{align-items:baseline;gap:8px;display:flex}.petname h3{font-family:var(--font-pixel);letter-spacing:.01em;margin:0;font-size:26px;font-weight:600}.hunger{background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:14px;margin:12px 0 4px;padding:12px}.hunger .top{color:var(--color-fg-secondary);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.hunger .top b{color:var(--mc);font-weight:700}.hbar{gap:3px;display:flex}.hbar i{height:12px;clip-path:var(--clip-pixel-2);transition:background var(--duration-slow);background:#ffffff14;flex:1}.hbar i.on{background:var(--mc);box-shadow:0 0 10px var(--mc)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--color-border-default);height:30px;color:var(--color-fg-secondary);transition:all var(--duration-fast);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--color-border-strong);color:var(--color-fg-primary)}.chip[aria-pressed=true]{background:var(--cc,var(--color-accent-soft));border-color:var(--cb,var(--color-accent));color:var(--color-fg-primary)}.note{color:var(--color-fg-tertiary);font-size:12px;line-height:1.5}.diary{margin:0;padding:0;list-style:none}.diary li{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:10px;padding:8px 4px;font-size:13px;display:flex}.diary li time{font:500 11px var(--font-mono);color:var(--color-fg-tertiary);margin-left:auto}.diary .ic{background:var(--color-love-soft);width:28px;height:28px;color:var(--color-love);border-radius:9px;flex:none;place-items:center;display:grid}.tabs{border:1px solid var(--color-border-subtle);background:#00000047;border-radius:12px;gap:2px;margin-bottom:12px;padding:3px;display:flex}.tabs button{height:32px;color:var(--color-fg-tertiary);border-radius:9px;flex:1;font-size:13px;font-weight:650}.tabs button[aria-selected=true]{background:var(--color-surface-3);color:var(--color-fg-primary);box-shadow:0 2px 6px #00000059}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;margin:18px 0 14px;padding:0 4px;display:grid}.pod{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.pod .av{border-radius:16px;place-items:center;width:56px;height:56px;display:grid;position:relative}.pod .av canvas{width:44px;height:38px;image-rendering:pixelated;margin-top:8px}.pod .nm{font-size:12px;font-weight:700;line-height:1.2}.pod .pts{font:600 11px var(--font-mono);color:var(--color-fg-tertiary)}.pod .blk{width:100%;font-family:var(--font-pixel);color:var(--color-fg-on-accent);border-radius:12px 12px 4px 4px;place-items:center;font-size:22px;display:grid}.pod.p1 .blk{background:var(--gradient-gold);height:84px;box-shadow:var(--glow-gold)}.pod.p2 .blk{background:linear-gradient(135deg,#f1eff7,#a9a4c0);height:60px}.pod.p3 .blk{background:linear-gradient(135deg,#ffc08a,#c9783f);height:44px}.pod.p1 .av{box-shadow:var(--glow-gold)}.crown{color:var(--color-gold);filter:drop-shadow(0 0 6px #ffc94db3);position:absolute;top:-14px;left:50%;transform:translate(-50%)}.rank{border-radius:12px;align-items:center;gap:10px;padding:7px 8px;font-size:13px;display:flex}.rank:hover{background:var(--color-surface-2)}.rank .pos{width:24px;font:600 12px var(--font-mono);color:var(--color-fg-tertiary);text-align:right}.rank .pf{border-radius:9px;width:30px;height:30px;position:relative;overflow:hidden}.rank .pf canvas{width:24px;height:21px;image-rendering:pixelated;position:absolute;top:6px;left:3px}.rank .pt{font:600 12px var(--font-mono);margin-left:auto}.rank.mine{background:var(--color-accent-soft);position:sticky;bottom:0;box-shadow:inset 0 0 0 1px #ff8a3d66}.toggle{background:var(--color-surface-2);border-radius:14px;align-items:center;gap:10px;margin-top:12px;padding:12px;font-size:13px;display:flex}.sw{background:var(--color-surface-3);border:1px solid var(--color-border-strong);border-radius:10px;flex:none;width:36px;height:20px;position:relative}.sw:after{content:"";background:var(--color-fg-tertiary);width:14px;height:14px;transition:transform var(--duration-base) var(--ease-overshoot);border-radius:50%;position:absolute;top:2px;left:2px}.sw[aria-checked=true]{background:var(--color-accent)}.sw[aria-checked=true]:after{background:#fff;transform:translate(16px)}.warn{background:var(--color-gold-soft);color:#ffe29a;border:1px solid #ffc94d4d;border-radius:12px;gap:8px;margin-bottom:10px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.msg{gap:10px;padding:6px 2px;display:flex}.msg .pf{border-radius:9px;flex:none;width:30px;height:30px;position:relative;overflow:hidden}.msg .pf canvas{width:24px;height:21px;image-rendering:pixelated;position:absolute;top:6px;left:3px}.msg b{font-size:13px}.msg time{font:500 11px var(--font-mono);color:var(--color-fg-tertiary);margin-left:6px}.msg p{color:var(--color-fg-secondary);margin:2px 0 0;font-size:13px;line-height:1.45}.compose{border:1px solid var(--color-border-default);background:#0000004d;border-radius:14px;align-items:center;gap:8px;margin:0 14px 14px;padding:6px 6px 6px 12px;display:flex}.compose input{color:var(--color-fg-primary);font:inherit;background:0 0;border:0;outline:none;flex:1}.cat-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.item{aspect-ratio:1;background:var(--color-surface-2);border:1px solid var(--color-border-subtle);transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast),background var(--duration-fast);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.item:hover{transform:translateY(calc(-3px * var(--motion-scale)));border-color:var(--color-border-strong);background:var(--color-surface-3)}.item:hover canvas{animation:bob .7s var(--ease-in-out) infinite alternate}@keyframes bob{to{transform:translateY(calc(-3px * var(--motion-scale)))}}.item[aria-pressed=true]{border-color:var(--color-gold);box-shadow:var(--glow-gold)}.item canvas{image-rendering:pixelated}.item span{color:var(--color-fg-secondary);font-size:11px;font-weight:600}.item .fp{font:600 9px var(--font-mono);color:var(--color-fg-tertiary);position:absolute;top:6px;right:7px}.cats{scrollbar-width:none;gap:6px;margin:10px 0 12px;padding-bottom:4px;display:flex;overflow:auto}.cats .chip .n{font:600 10px var(--font-mono);color:var(--color-fg-tertiary);margin-left:2px}.cats{scroll-snap-type:x mandatory;flex-wrap:nowrap}.cats .chip{flex:none}.item .vc{gap:2px;display:flex;position:absolute;top:7px;left:7px}.item .vc i{border-radius:2px;width:6px;height:6px;box-shadow:0 0 0 1px #0006}.item .season{font-family:var(--font-pixel-micro);letter-spacing:.06em;background:var(--color-gold);color:#3a2600;border-radius:3px;padding:1px 4px;font-size:7px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.variants{background:var(--color-gold-soft);border:1px solid #ffc94d4d;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;padding:10px 12px;display:flex}.variants .vl{color:#ffe29a;flex-basis:100%;margin-right:4px;font-size:12px;font-weight:650}.sw-c.sm{border-radius:8px;width:26px;height:26px}.variants[hidden]{display:none}.empty{text-align:center;color:var(--color-fg-tertiary);grid-column:1/-1;padding:24px 8px;font-size:13px;line-height:1.5}.reason{z-index:600;pointer-events:none;background:var(--color-surface-glass-strong);border:1px solid var(--color-danger);color:#ffd0d5;box-shadow:var(--glow-danger);border-radius:9px;padding:6px 10px;font-size:12px;font-weight:650;position:fixed}#toasts{top:76px;right:var(--hud-edge);z-index:300;pointer-events:none;flex-direction:column;gap:10px;width:360px;display:flex;position:fixed}.toast{pointer-events:auto;animation:toastin var(--duration-slow) var(--ease-overshoot) both;border-radius:16px;align-items:flex-start;gap:12px;padding:12px;display:flex}.toast.out{animation:toastout var(--duration-base) var(--ease-in) both}@keyframes toastin{0%{opacity:0;transform:translateY(calc(-12px * var(--motion-scale))) scale(.96)}}@keyframes toastout{to{opacity:0;transform:translateX(calc(40px * var(--motion-scale)))}}.toast .ti{background:var(--tc-soft,var(--color-accent-soft));width:36px;height:36px;color:var(--tc,var(--color-accent));border-radius:11px;flex:none;place-items:center;display:grid;position:relative}.toast b{margin-bottom:2px;font-size:14px;display:block}.toast p{color:var(--color-fg-secondary);margin:0;font-size:12px;line-height:1.4}.toast .acts{gap:8px;margin-top:10px;display:flex}.toast .acts .btn{height:34px;padding:0 12px;font-size:13px}.ring{position:absolute;inset:-3px;transform:rotate(-90deg)}.ring circle{fill:none;stroke:var(--tc,var(--color-accent));stroke-width:2.5px;stroke-linecap:round}.plus1{z-index:310;pointer-events:none;font-family:var(--font-pixel);color:var(--color-gold);text-shadow:0 0 12px #ffc94dcc,0 2px #7a4b00;animation:plus1 1.3s var(--ease-out) forwards;font-size:22px;font-weight:700;position:fixed}@keyframes plus1{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-10px)scale(1.15)}30%{transform:translate(-50%,-16px)scale(1)}to{opacity:0;transform:translate(-50%,-64px)}}.modal-wrap{z-index:400;pointer-events:none;place-items:end center;padding-bottom:110px;display:grid;position:fixed;inset:0}.modal{pointer-events:auto;text-align:center;width:400px;animation:modalin var(--duration-slow) var(--ease-overshoot) both;border-radius:24px;padding:20px}.modal.out{animation:modalout var(--duration-base) var(--ease-in) both}@keyframes modalin{0%{opacity:0;transform:translateY(calc(16px * var(--motion-scale))) scale(.94)}}@keyframes modalout{to{opacity:0;transform:translateY(calc(8px * var(--motion-scale))) scale(.97)}}.modal .knock{background:var(--color-accent-soft);width:72px;height:72px;color:var(--color-accent);border-radius:22px;place-items:center;margin:0 auto 12px;display:grid;position:relative}.modal .knock .ico{width:36px;height:36px;animation:knock .9s var(--ease-in-out) infinite;-webkit-mask-size:36px;mask-size:36px}@keyframes knock{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(calc(-14deg * var(--motion-scale)))}20%,40%{transform:rotate(calc(6deg * var(--motion-scale)))}}.modal h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:20px}.modal p{color:var(--color-fg-secondary);margin:6px 0 16px;font-size:13px}.modal.ok .knock{color:var(--color-success);background:#3ddc8424}.modal.ok .knock .ico{animation:none}#onb{z-index:450;background:var(--gradient-aurora),var(--color-bg-base);grid-template-columns:280px 1fr 400px;display:grid;position:fixed;inset:0;overflow:hidden}#onb:before{content:"";pointer-events:none;background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/8px 8px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/8px 8px;position:absolute;inset:0;-webkit-mask:radial-gradient(80% 80% at 50% 40%,#000,#0000);mask:radial-gradient(80% 80% at 50% 40%,#000,#0000)}#onb.leaving{animation:onbout .52s var(--ease-in) forwards}@keyframes onbout{to{opacity:0;transform:scale(1.03)}}.onb-side{border-right:1px solid var(--color-border-subtle);background:#0d0c1466;flex-direction:column;gap:28px;padding:36px 28px;display:flex;position:relative}.brand{font-family:var(--font-pixel);letter-spacing:.01em;align-items:center;gap:10px;font-size:26px;font-weight:700;display:flex}.brand i{background:var(--gradient-sunset);width:14px;height:14px;clip-path:var(--clip-pixel-4);box-shadow:0 0 18px var(--color-accent-glow);display:inline-block}.brand small{font-family:var(--font-pixel-micro);letter-spacing:.1em;color:var(--color-fg-tertiary);margin-top:4px;font-size:9px;font-weight:400;display:block}.steps{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex;position:relative}.steps li{color:var(--color-fg-tertiary);transition:color var(--duration-base);border-radius:12px;align-items:center;gap:12px;padding:10px;font-weight:600;display:flex;position:relative}.steps li .n{width:28px;height:28px;font-family:var(--font-pixel-micro);border:1px solid var(--color-border-default);background:var(--color-surface-1);transition:all var(--duration-base) var(--ease-out);border-radius:8px;place-items:center;font-size:11px;display:grid}.steps li.done{color:var(--color-fg-secondary)}.steps li.done .n{background:var(--color-success);border-color:var(--color-success);color:#062b15}.steps li.cur{color:var(--color-fg-primary);background:var(--color-surface-2)}.steps li.cur .n{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-fg-on-accent);box-shadow:var(--glow-accent)}.onb-side .foot{color:var(--color-fg-tertiary);margin-top:auto;font-size:12px;line-height:1.5}.onb-stage{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.onb-stage .kicker{font-family:var(--font-pixel-micro);letter-spacing:.12em;color:var(--color-accent);font-size:10px}.onb-stage h1{font-family:var(--font-display);letter-spacing:-.035em;text-align:center;margin:10px 0 8px;font-size:52px;font-weight:800;line-height:1}.onb-stage h1 em{background:var(--gradient-sunset);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.onb-stage .lead{color:var(--color-fg-secondary);text-align:center;max-width:460px;margin:0;font-size:15px;line-height:1.5}.pedestal{width:420px;height:300px;margin-top:18px;position:relative}.pedestal:before{content:"";background:radial-gradient(closest-side,var(--pc,#ff8a3d73),transparent);filter:blur(4px);width:300px;height:70px;transition:background var(--duration-slow);border-radius:50%;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.pedestal:after{content:"";border:2px solid #ffffff14;border-radius:50%;width:220px;height:36px;position:absolute;bottom:44px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 20px #ffffff0a}.pedestal canvas{image-rendering:pixelated;z-index:1;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.spark{background:var(--color-gold);width:4px;height:4px;box-shadow:0 0 8px var(--color-gold);animation:2.4s ease-in-out infinite spark;position:absolute}@keyframes spark{0%,to{opacity:0;transform:translateY(0)scale(.5)}50%{opacity:1;transform:translateY(-14px)scale(1)}}.dirs{gap:6px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.dirs button{background:var(--color-surface-2);border:1px solid var(--color-border-subtle);width:30px;height:30px;font-family:var(--font-pixel-micro);color:var(--color-fg-tertiary);border-radius:9px;font-size:10px}.dirs button[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent)}.states{gap:10px;margin-top:6px;display:flex}.st-card{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);width:76px;color:var(--color-fg-secondary);transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;font-size:11px;font-weight:600;display:flex}.st-card:hover{border-color:var(--sc);transform:translateY(-3px)}.st-card canvas{image-rendering:pixelated;width:48px;height:48px}.st-card i{background:var(--sc);width:6px;height:6px;box-shadow:0 0 6px var(--sc);border-radius:50%;margin-right:4px;display:inline-block}.onb-panel{border-left:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0c148c;flex-direction:column;gap:18px;padding:36px 28px 28px;display:flex;position:relative;overflow:auto}.onb-panel h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:24px}.field label,.field .lab{font-family:var(--font-pixel-micro);letter-spacing:.08em;color:var(--color-fg-tertiary);margin-bottom:8px;font-size:9px;display:block}.species{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.sp{aspect-ratio:1;background:var(--color-surface-1);border:1px solid var(--color-border-subtle);transition:all var(--duration-fast) var(--ease-out);border-radius:14px;place-items:center;display:grid;position:relative}.sp canvas{width:48px;height:48px;image-rendering:pixelated}.sp:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.sp[aria-pressed=true]{border-color:var(--color-accent);box-shadow:var(--glow-accent);background:var(--color-surface-2)}.sp span{color:var(--color-fg-tertiary);white-space:nowrap;font-size:10px;font-weight:600;position:absolute;bottom:-18px}.sp[aria-pressed=true] span{color:var(--color-fg-primary)}.swatches{flex-wrap:wrap;gap:6px;display:flex}.sw-c{width:30px;height:30px;transition:transform var(--duration-fast) var(--ease-overshoot);border:2px solid #0000;border-radius:9px;position:relative}.sw-c:hover{transform:scale(1.1)}.sw-c[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-bg-base),0 0 14px #ffffff59;border-color:#fff}.input{border:1px solid var(--color-border-default);height:46px;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);background:#0000004d;border-radius:13px;align-items:center;gap:8px;padding:0 6px 0 14px;display:flex}.input:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.input input{color:var(--color-fg-primary);font:600 15px var(--font-ui);background:0 0;border:0;outline:none;flex:1}.input .cnt{font-size:11px}.rule{background:var(--color-love-soft);color:#ffd6e8;border:1px solid #ff6fb14d;border-radius:14px;gap:10px;padding:12px;font-size:13px;line-height:1.45;display:flex}.rule .ico{color:var(--color-love)}.onb-nav{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:8px;display:flex}.seedbtn{background:var(--color-surface-2);border:1px solid var(--color-border-default);border-radius:13px;align-items:center;gap:8px;height:46px;padding:0 14px;font-size:13px;font-weight:650;display:flex}.seedbtn:hover{background:var(--color-surface-3)}.seedbtn:active .ico{transform:rotate(90deg)}.seedbtn .ico{transition:transform var(--duration-base) var(--ease-overshoot)}.rooms{border:1px solid var(--color-border-subtle);background:#00000047;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px;display:grid}.rooms .hall{opacity:.5;background:repeating-linear-gradient(90deg,#ff8a3d80 0 8px,#0000 8px 14px);border-radius:5px;grid-column:1/-1;height:18px;margin:2px 0}.rm{border:1px solid var(--color-border-subtle);background:var(--color-surface-1);height:50px;font-family:var(--font-pixel-micro);color:var(--color-fg-tertiary);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;display:flex;position:relative}.rm small{font-family:var(--font-ui);letter-spacing:0;font-size:9px;font-weight:600}.rm.taken{cursor:not-allowed;opacity:.65;background:repeating-linear-gradient(135deg,#ffffff08 0 4px,#0000 4px 8px)}.rm.free{color:var(--color-fg-secondary);border-color:var(--color-border-default)}.rm.free:hover{border-color:var(--color-accent)}.rm[aria-pressed=true]{background:var(--color-accent);color:var(--color-fg-on-accent);border-color:var(--color-accent);box-shadow:var(--glow-accent);animation:roompick .5s var(--ease-overshoot)}.rm.sug:after{content:"SUGERIDA";background:var(--color-gold);color:#3a2600;letter-spacing:.04em;font-size:7px;font-family:var(--font-pixel-micro);border-radius:4px;padding:2px 4px;position:absolute;top:-8px}@keyframes roompick{0%{transform:scale(.9)}60%{transform:scale(1.08)}}.camprev{border:1px solid var(--color-border-subtle);background:linear-gradient(135deg,#2c2840,#14121e);border-radius:18px;place-items:center;height:200px;display:grid;position:relative;overflow:hidden}.camprev canvas{width:96px;height:84px;image-rendering:pixelated}.camprev .tagx{position:absolute;bottom:10px;left:10px}.devrow{gap:8px;display:flex}.devrow .ib{background:var(--color-surface-2)}.step-anim{animation:stepin var(--duration-scene) var(--ease-emphasized) both}@keyframes stepin{0%{opacity:0;transform:translateX(calc(48px * var(--motion-scale)));filter:blur(8px)}}#onb.wide{grid-template-columns:240px 1fr 560px}@media (max-width:1366px){#onb.wide{grid-template-columns:200px 1fr 480px}#onb.wide .onb-stage h1{font-size:40px}#onb.wide .pedestal{margin-top:0;transform:scale(.85)}}.avtabs{border:1px solid var(--color-border-subtle);background:#00000047;border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.avtabs button{height:32px;color:var(--color-fg-tertiary);transition:color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast);border-radius:10px;padding:0 11px;font-size:12px;font-weight:650}.avtabs button:hover{color:var(--color-fg-primary);background:var(--color-surface-2)}.avtabs button[aria-selected=true]{background:var(--color-accent);color:var(--color-fg-on-accent);box-shadow:var(--shadow-pixel)}.avbody{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;flex-direction:column;flex:1;gap:16px;min-height:0;padding-right:4px;display:flex;overflow:auto}.opt-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;display:grid}.opt{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);min-height:86px;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast),background var(--duration-fast);border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:8px 4px 6px;display:flex;position:relative;overflow:hidden}.opt:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 35%,#ffffff0f,#0000);position:absolute;inset:0}.opt:hover{transform:translateY(calc(-2px * var(--motion-scale)));border-color:var(--color-border-strong);background:var(--color-surface-2)}.opt[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-surface-2);box-shadow:var(--glow-accent)}.opt canvas{image-rendering:pixelated;flex:none}.opt span{color:var(--color-fg-tertiary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:600;line-height:1.15;overflow:hidden}.opt[aria-pressed=true] span{color:var(--color-fg-primary)}.swgroup small{color:var(--color-fg-tertiary);margin:2px 0 6px;font-size:11px;display:block}.turn{gap:10px;margin-top:2px;display:flex}.tmini{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 8px 5px;display:flex}.tmini canvas{image-rendering:pixelated}.tmini span{font-family:var(--font-pixel-micro);letter-spacing:.08em;color:var(--color-fg-tertiary);font-size:8px}.onb-panel{min-height:0}#iris{z-index:500;background:var(--color-bg-void);pointer-events:none;opacity:0;position:fixed;inset:0}#iris.on{opacity:1}#iris .lbl{font-family:var(--font-pixel);color:var(--color-accent);text-shadow:0 0 18px var(--color-accent-glow);opacity:0;text-align:center;font-size:28px;transition:opacity .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#iris .lbl small{font-family:var(--font-pixel-micro);letter-spacing:.12em;color:var(--color-fg-tertiary);margin-top:8px;font-size:10px;display:block}#iris.showlbl .lbl{opacity:1}.hint{left:var(--hud-edge);bottom:var(--hud-edge);z-index:100;color:var(--color-fg-secondary);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:7px 10px;padding:12px 14px;font-size:12px;display:grid;position:fixed}.hint .k{justify-content:flex-end;gap:3px;display:flex}.hint{transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.hint.off{opacity:0;transform:translateY(calc(12px * var(--motion-scale)));pointer-events:none}.hint-min{left:var(--hud-edge);bottom:var(--hud-edge);z-index:100;height:40px;color:var(--color-fg-secondary);transition:opacity var(--duration-base);border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:600;display:flex;position:fixed}.hint-min.off{opacity:0;pointer-events:none}.micbig{max-width:min(620px,100vw - 32px)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html,body,#root{height:100%}body{background:var(--color-bg-void)}::selection{background:var(--color-accent-soft)}a{color:var(--color-signal)}.hidden{display:none!important}select,input[type=date]{font:inherit;color:var(--color-fg-primary);border:1px solid var(--color-border-default);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0000004d;border-radius:10px;height:36px;padding:0 10px}select:focus-visible,input[type=date]:focus-visible{box-shadow:var(--focus-ring);outline:none}.link{color:var(--color-signal);text-underline-offset:3px;margin:4px 0 8px;font-size:12px;font-weight:600;text-decoration:underline}.btn.sm{border-radius:9px;height:30px;padding:0 10px;font-size:12px}.btn:disabled{opacity:.5;pointer-events:none}.field-err{color:#ffb3bc;margin:6px 2px 0;font-size:12px;line-height:1.4}.input[data-invalid]{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-soft)}.input.sm{height:36px}.input.sm input{font-size:13px;font-weight:500}.spin{border:2px solid var(--color-signal);border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ring-count{0%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}.kicker-sm{font-family:var(--font-pixel-micro);letter-spacing:.1em;color:var(--color-accent);margin-bottom:4px;font-size:9px}.screen{background:var(--gradient-aurora),var(--color-bg-base);position:fixed;inset:0;overflow:auto}.screen:before{content:"";pointer-events:none;background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/8px 8px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/8px 8px;position:absolute;inset:0;-webkit-mask:radial-gradient(80% 80% at 50% 40%,#000,#0000);mask:radial-gradient(80% 80% at 50% 40%,#000,#0000)}.screen.center{flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px;display:flex}.brand.sm{font-size:20px}.card{text-align:center;border-radius:24px;width:min(460px,100%);padding:28px;position:relative}.card h1{font-family:var(--font-display);letter-spacing:-.02em;margin:8px 0;font-size:24px}.card p{color:var(--color-fg-secondary);margin:0 0 18px;line-height:1.5}.card-ico{background:var(--color-accent-soft);width:72px;height:72px;color:var(--color-accent);border-radius:22px;place-items:center;margin:0 auto 8px;display:grid}.loader{gap:6px;display:flex}.loader i{background:var(--color-accent);width:10px;height:10px;clip-path:var(--clip-pixel-2);animation:loadb .9s var(--ease-in-out) infinite}.loader i:nth-child(2){background:var(--color-signal);animation-delay:.15s}.loader i:nth-child(3){background:var(--color-love);animation-delay:.3s}@keyframes loadb{0%,to{opacity:.5;transform:translateY(0)}50%{transform:translateY(calc(-8px * var(--motion-scale)));opacity:1}}.login{grid-template-columns:1fr minmax(380px,460px);align-items:center;gap:24px;padding:32px 6vw;display:grid}.login-hero{justify-content:center;display:flex}.pedestal.showcase{transform:scale(1.1)}.showpet{z-index:1;margin-left:40px;position:absolute;bottom:56px;left:50%}.login-card{border-radius:28px;flex-direction:column;gap:16px;padding:32px;display:flex;position:relative}.login-card h1{font-family:var(--font-display);letter-spacing:-.035em;margin:8px 0 0;font-size:40px;line-height:1.02}.login-card h1 em{background:var(--gradient-sunset);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.login-card .lead{color:var(--color-fg-secondary);margin:0;line-height:1.5}.btn.google{justify-content:center;text-decoration:none}.alert{background:var(--color-danger-soft);color:#ffd0d5;border:1px solid #ff5c6c59;border-radius:14px;gap:10px;padding:12px;font-size:13px;line-height:1.4;display:flex}.alert b{color:var(--color-fg-primary);display:block}.devlogin{border-top:1px dashed var(--color-border-default);flex-direction:column;gap:10px;padding-top:14px;display:flex}.sec-lbl{font-family:var(--font-pixel-micro);letter-spacing:.08em;color:var(--color-fg-tertiary);font-size:9px}.devusers{flex-wrap:wrap;gap:6px;display:flex}.devusers .chip small{color:var(--color-fg-tertiary);font-size:11px;font-weight:500}@media (max-width:900px){.login{grid-template-columns:1fr}.login-hero{display:none}}.onb-step{grid-column:2/4;grid-template-columns:subgrid;min-height:0;display:grid}#onb.overlay{z-index:450}.ped-pet{z-index:1;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.ped-pet.side{margin-left:60px;transform:none}.camprev video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.lvlmeter{align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:12px;right:10px}.lvlmeter i{width:4px;height:12px;clip-path:var(--clip-pixel-1);background:#ffffff29}.lvlmeter i.on{background:var(--color-signal);box-shadow:0 0 6px var(--color-signal)}.rooms.skeleton{height:150px;animation:1.2s ease-in-out infinite alternate pulse}.seedbtn:disabled{opacity:.45;pointer-events:none}@keyframes pulse{to{opacity:.5}}.world-root{background:var(--color-bg-void);position:fixed;inset:0}.world-canvas{position:absolute;inset:0}.world-canvas canvas{image-rendering:pixelated;outline:none;display:block}.world-canvas canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--color-accent)}.world-dim{z-index:50;-webkit-backdrop-filter:saturate(50%);backdrop-filter:saturate(50%);pointer-events:none;background:#07060c59;position:fixed;inset:0}.conn-banner{left:50%;top:var(--hud-edge);z-index:150;color:#ffe29a;border-color:#f5b84173;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;font-weight:600;display:flex;position:fixed}.tag.lost{opacity:.6}.topr .lbl{align-items:center;gap:4px;display:flex}.chip-btn.on{background:var(--color-accent-soft);color:var(--color-accent)}.ib.armed{color:var(--color-signal);background:var(--color-surface-2);box-shadow:inset 0 0 0 1px #2ee6d64d}.ib:disabled{opacity:.4;pointer-events:none}.ib .errdot{background:var(--color-danger);width:8px;height:8px;box-shadow:0 0 0 2px var(--color-surface-1);border-radius:50%;position:absolute;top:6px;right:6px}.pop.devices{flex-direction:column;align-items:stretch;gap:10px;width:280px;padding:12px;left:0;transform:none}.pop.devices .field{flex-direction:column;gap:4px;display:flex}.pop.devices select{width:100%}.pop.status form{margin:6px 4px 2px}.toast{position:relative}.toast-x{width:22px;height:22px;color:var(--color-fg-tertiary);border-radius:7px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.toast-x:hover{background:var(--color-surface-2);color:var(--color-fg-primary)}.modal-wrap.center{place-items:center;padding-bottom:0}.modal-wrap.center>*{pointer-events:auto}.modal.tutorial{width:440px}.modal.tutorial p{line-height:1.55}.vgroup.docked{top:0;left:0}.vt video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vt video.mirror{transform:scaleX(-1)}.vt .vt-pf{border-radius:14px;position:absolute;top:44%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.vt.screen{background:#000;width:200px;height:113px}.vgroup.docked .vt.screen{width:260px;height:146px}.vt.screen.big{aspect-ratio:16/9;width:min(70vw,960px);height:auto}.vt .vbig,.vt .vstop{background:#00000080;border-radius:6px;place-items:center;height:22px;padding:0 6px;font-size:11px;font-weight:700;display:grid;position:absolute;bottom:6px;right:6px}.vt .vstop{color:var(--color-danger);right:34px}.vnav{background:var(--color-surface-glass-strong);border-radius:9px;align-self:center;place-items:center;width:28px;height:28px;display:grid}.prompt{z-index:12}.plate{min-width:230px}.wcard{z-index:180;pointer-events:auto;border-radius:16px;width:280px;padding:12px;position:absolute;top:0;left:0}.wcard-h{align-items:center;gap:10px;display:flex}.wcard-h b{font-size:14px;display:block}.wcard-h .note{display:block}.wcard-acts{flex-direction:column;gap:2px;margin-top:10px;display:flex}.wcard-acts button{text-align:left;color:var(--color-fg-secondary);border-radius:10px;align-items:center;gap:10px;padding:8px;font-size:13px;font-weight:600;display:flex}.wcard-acts button:hover,.wcard-acts button:focus-visible{background:var(--color-surface-2);color:var(--color-fg-primary)}.wcard-pet{background:radial-gradient(closest-side,var(--sc),transparent),var(--color-surface-2);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.pixel-name{font-family:var(--font-pixel);font-size:18px;font-weight:600}.pf{border-radius:11px;flex:none;display:inline-block;position:relative;overflow:hidden}.pf .dot{border:2px solid var(--color-surface-1);width:11px;height:11px;position:absolute;bottom:2px;right:2px}.minimap{pointer-events:auto;border-radius:24px;flex-direction:column;gap:10px;width:min(1000px,100vw - 48px);max-height:calc(100vh - 48px);padding:16px;display:flex}.minimap header{align-items:center;gap:12px;display:flex}.minimap h2{font-family:var(--font-display);flex:none;margin:0;font-size:20px}.minimap header .note{flex:1}.mm-scroll{background:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:16px;padding:8px;overflow:auto}.mm-scroll svg{margin:auto;display:block}.mm-room{cursor:pointer}.mm-room.off{opacity:.35;cursor:default}.mm-room:hover rect,.mm-room:focus-visible rect{fill:var(--color-surface-3)}.mm-room:focus-visible{outline:none}.mm-code{font:700 9px var(--font-mono);fill:var(--color-fg-secondary)}.mm-owner{font:600 9px var(--font-ui);fill:var(--color-fg-primary)}.mm-lock{fill:var(--color-danger);font-size:8px}.mm-reserved{font:9px var(--font-pixel-micro);fill:var(--color-fg-tertiary);letter-spacing:.08em}.panel .body.chat-body{flex-direction:column;display:flex}.msg{position:relative}.msg p{overflow-wrap:anywhere;white-space:pre-wrap}.msg .removed{color:var(--color-fg-tertiary);font-style:italic}.msg-x{width:24px;height:24px;color:var(--color-fg-tertiary);opacity:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:6px;right:0}.msg:hover .msg-x,.msg-x:focus-visible{opacity:1}.empty-state{text-align:center;color:var(--color-fg-tertiary);flex-direction:column;align-items:center;gap:10px;padding:24px 8px;font-size:13px;line-height:1.5;display:flex}.empty-state.small{padding:12px 4px}.skeleton-list{background:linear-gradient(90deg,var(--color-surface-1),var(--color-surface-2),var(--color-surface-1));background-size:200% 100%;border-radius:14px;height:180px;margin-top:12px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton-list,.rooms.skeleton{animation:none}}.petstage-pet{position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.pod.vacant .blk{opacity:.35;background:var(--color-surface-3);box-shadow:none}.pod-empty{border:2px dashed var(--color-border-strong);border-radius:16px;width:56px;height:56px}.pod-pf{border-radius:16px}.rank .pf{border-radius:9px}.cat-grid.full .item{pointer-events:none}.date{height:34px}.credits p{margin:0}.admin-rooms{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.arm{border:1px solid var(--color-border-subtle);background:var(--color-surface-1);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;height:44px;font-size:11px;display:flex}.arm b{font:700 11px var(--font-mono)}.arm small{color:var(--color-fg-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-size:9px;overflow:hidden}.arm.occupied{border-color:var(--color-border-strong)}.arm.quarantine{background:repeating-linear-gradient(135deg,#ff5c6c1f 0 4px,#0000 4px 8px)}.arm.reserved{border-color:var(--color-gold)}.arm.off{opacity:.4}.arm[aria-pressed=true]{border-color:var(--color-accent);box-shadow:var(--glow-accent)}.admin-box{background:var(--color-surface-2);border-radius:14px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;display:flex}.admin-box .field{flex-direction:column;gap:4px;display:flex}.admin-acts{flex-wrap:wrap;gap:6px;display:flex}.admin-list{flex-direction:column;gap:2px;margin:8px 0 0;padding:0;list-style:none;display:flex}.admin-list li{border-radius:10px;align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.admin-list li:hover{background:var(--color-surface-2)}.admin-list small{color:var(--color-fg-tertiary)}#hud>.modal-wrap{pointer-events:none}#hud>.modal-wrap>*{pointer-events:auto}.vgroup,.vgroup *{pointer-events:none}.vgroup button{pointer-events:auto}