@import"https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@300,400,500,600,700,800&f[]=clash-display@400,500,600,700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #f6f5f2;--surface: #ffffff;--surface-warm: #f0efeb;--surface-soft: #eae9e4;--nav-bg: rgba(246, 245, 242, .82);--nav-action-bg: rgba(255, 255, 255, .8);--nav-action-bg-hover: #ffffff;--noise-opacity: .028;--noise-blend: multiply;--ink: #16130e;--foreground: #221f19;--muted: #6d685e;--subtle: #a09a8e;--border: #e5e2db;--border-soft: #edebe5;--border-strong: #d1ccc1;--accent: #c76a04;--accent-deep: #9a5203;--accent-soft: #f9eedd;--accent-glow: rgba(199, 106, 4, .16);--accent-ink: #4a2a02;--danger: #d92d20;--danger-bg: transparent;--danger-bg-hover: #fff3f0;--danger-border: #e6b5aa;--danger-border-hover: #9f2f22;--danger-fg: #9f2f22;--danger-fg-hover: #7f1d1d;--primary-bg: var(--ink);--primary-bg-hover: #2b2620;--primary-fg: #f6f5f2;--terminal-bg: #161310;--terminal-border: #2e2921;--terminal-fg: #ece6da;--terminal-prompt: #f0a03c;--tile-grid: rgba(176, 168, 152, .35);--tile-bg: #ffffff;--stage-checker-a: #ffffff;--stage-checker-b: #f6f4f0;--preview-surface: #ffffff;--preview-halo: rgba(226, 221, 210, .7);--preview-soft-top: #fefdf9;--preview-ground: rgba(22, 19, 14, .07);--floating-control-bg: rgba(255, 255, 255, .92);--floating-control-bg-hover: #ffffff;--rail-bg: rgba(255, 255, 255, .72);--inset-highlight: rgba(255, 255, 255, .55);--font-sans: "Cabinet Grotesk", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--font-display: "Clash Display", "Cabinet Grotesk", -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-xs: 5px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 26px;--shadow-sm: 0 1px 2px rgba(22, 19, 14, .05);--shadow-md: 0 10px 24px -12px rgba(22, 19, 14, .14);--shadow-lg: 0 28px 64px -28px rgba(22, 19, 14, .2);--shadow-modal: 0 60px 120px -40px rgba(22, 19, 14, .34);--ring: 0 0 0 3px var(--accent-glow);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-swift: cubic-bezier(.32, .72, 0, 1);color:var(--foreground);background:var(--bg);font-family:var(--font-sans);font-feature-settings:"ss01","ss03","cv01";font-synthesis:none;text-rendering:optimizeLegibility}html[data-theme=dark]{--bg: #0c0c0e;--surface: #141417;--surface-warm: #19191d;--surface-soft: #202025;--nav-bg: rgba(12, 12, 14, .84);--nav-action-bg: rgba(25, 25, 29, .8);--nav-action-bg-hover: #202025;--noise-opacity: .07;--noise-blend: screen;--ink: #f4f1e8;--foreground: #e8e5dc;--muted: #a09c92;--subtle: #6c6961;--border: #29292f;--border-soft: #202026;--border-strong: #3b3b44;--accent: #f5a83c;--accent-deep: #fcc06a;--accent-soft: rgba(245, 168, 60, .13);--accent-glow: rgba(245, 168, 60, .22);--accent-ink: #ffd699;--danger: #fb7185;--danger-bg: rgba(251, 113, 133, .08);--danger-bg-hover: rgba(251, 113, 133, .14);--danger-border: rgba(251, 113, 133, .24);--danger-border-hover: rgba(251, 113, 133, .42);--danger-fg: #fda4af;--danger-fg-hover: #ffe4e6;--primary-bg: var(--ink);--primary-bg-hover: #ffffff;--primary-fg: #131313;--terminal-bg: #0e0d0b;--terminal-border: #2b2822;--terminal-fg: #e8e3d6;--terminal-prompt: #fbb64b;--tile-grid: rgba(214, 205, 180, .14);--tile-bg: #131316;--stage-checker-a: #17171b;--stage-checker-b: #1c1c21;--preview-surface: #17171b;--preview-halo: rgba(84, 82, 74, .4);--preview-soft-top: #1d1d22;--preview-ground: rgba(0, 0, 0, .3);--floating-control-bg: rgba(22, 22, 26, .92);--floating-control-bg-hover: #202025;--rail-bg: rgba(20, 20, 24, .74);--inset-highlight: rgba(255, 255, 255, .07);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32);--shadow-md: 0 10px 24px -12px rgba(0, 0, 0, .55);--shadow-lg: 0 30px 64px -28px rgba(0, 0, 0, .7);--shadow-modal: 0 60px 120px -42px rgba(0, 0, 0, .85)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--foreground);font-family:var(--font-sans);font-size:15px;line-height:1.55;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:var(--noise-opacity);mix-blend-mode:var(--noise-blend)}button,input,a{font:inherit}button,a{color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:transparent;border:0;padding:0}a{text-decoration:none}h1,h2,h3,p{margin-top:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft);color:var(--ink)}.appShell{position:relative;z-index:1;width:min(1200px,calc(100vw - 48px));margin:0 auto;padding:20px 0 96px}.appNav{position:sticky;top:14px;z-index:10;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;min-height:60px;padding:8px 12px 8px 10px;border:1px solid var(--border);border-radius:999px;background:var(--nav-bg);box-shadow:var(--shadow-md),inset 0 1px 0 var(--inset-highlight);backdrop-filter:saturate(150%) blur(16px);-webkit-backdrop-filter:saturate(150%) blur(16px);margin-bottom:18px}.brand{display:inline-flex;align-items:center;gap:9px;min-width:0;padding-left:4px;color:var(--ink);white-space:nowrap;text-decoration:none;transition:opacity .18s var(--ease-out)}.brand:hover{opacity:1}.brandMark{width:44px;height:44px;flex:0 0 auto;object-fit:contain;transform:translateY(-1px);transition:filter .18s var(--ease-out)}.brand:hover .brandMark{animation:brand-mark-glitch .72s steps(1)}.brandWordmark{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:16.5px;font-weight:700;letter-spacing:-.01em;line-height:1;color:var(--ink)}.brandPrompt{color:var(--accent);font-weight:700;font-size:17.5px;line-height:1}.brandName{color:var(--ink)}.brandCursor{display:inline-block;width:8px;height:16px;margin-left:-2px;background:var(--accent);border-radius:1px;transform:translateY(0);animation:brand-cursor-blink 1.1s steps(1) infinite}.brand:hover .brandCursor{background:var(--ink)}@keyframes brand-mark-glitch{0%{transform:translateY(-1px);filter:none}12%{transform:translate(2px,-6px);filter:drop-shadow(-3px 0 #00d5ff) drop-shadow(3px 0 #ff3d9a) contrast(1.08) saturate(1.2)}22%{transform:translate(-3px,-2px);filter:drop-shadow(4px 0 #ff3d9a) drop-shadow(-2px 0 #00d5ff) contrast(1.12) saturate(1.25)}34%{transform:translateY(-9px);filter:drop-shadow(0 5px #ffd166) contrast(1.08) saturate(1.18)}50%{transform:translate(3px,1px);filter:drop-shadow(-4px 0 #00d5ff) drop-shadow(4px 0 #ff3d9a) contrast(1.12) saturate(1.25)}68%{transform:translate(-1px,-5px);filter:drop-shadow(2px 0 #ffd166) drop-shadow(-2px 0 #00d5ff) contrast(1.1) saturate(1.22)}84%{transform:translate(1px,-2px);filter:drop-shadow(-2px 0 #ff3d9a) drop-shadow(2px 0 #00d5ff) contrast(1.08) saturate(1.18)}to{transform:translateY(-1px);filter:none}}@keyframes brand-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.navLinks{display:flex;flex-wrap:wrap;align-items:center;gap:4px;justify-content:flex-start}.mobileNavToggle,.mobileNavBackdrop,.mobileNavHeader{display:none}.navLinks a{position:relative;display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;color:var(--muted);font-family:var(--font-mono);font-size:12.5px;font-weight:500;letter-spacing:.03em;transition:color .22s var(--ease-swift),background .22s var(--ease-swift)}.navLinks a:before{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .26s var(--ease-swift)}.navLinks a:hover{color:var(--ink);background:transparent}.navLinks a:hover:before{transform:scaleX(1)}.navLinks a.active{color:var(--accent-ink);background:var(--accent-soft)}.navLinks a.active:before{transform:scaleX(0)}.navLinks .navUploadLink{gap:6px;margin-left:8px;border:1px solid var(--border);background:var(--nav-action-bg);color:var(--ink);box-shadow:inset 0 1px 0 var(--inset-highlight)}.navLinks .navUploadLink:hover{border-color:var(--border-strong);background:var(--nav-action-bg-hover)}.navLinks .navUploadLink:before{display:none}.navLinks .navUploadLink.active{border-color:transparent;background:var(--accent-soft);color:var(--accent-ink)}.appFooter{display:grid;justify-items:center;gap:7px;margin-top:64px;padding:26px 0 0;border-top:1px solid var(--border-soft);color:var(--muted);font-size:12.5px;line-height:1.5;text-align:center}.footerSocialLinks{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:6px}.appFooter .footerSocialLinks a{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0;border:0;background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.02em;text-decoration:none;transition:color .18s var(--ease-out)}.appFooter .footerSocialLinks a:hover{color:var(--ink);background:transparent}.appFooter .footerSocialLinks a:active{transform:translateY(1px)}.themeToggle{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:999px;background:var(--nav-action-bg);color:var(--muted);box-shadow:inset 0 1px 0 var(--inset-highlight);transition:transform .16s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out),background .18s var(--ease-out)}.themeToggle:hover{border-color:var(--border-strong);background:var(--nav-action-bg-hover);color:var(--ink)}.themeToggle:active{transform:scale(.94)}.appFooter a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.appFooter a:hover{color:var(--muted)}.accountAction{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.appFrame{position:relative;z-index:1;display:grid;grid-template-columns:68px minmax(0,1fr);min-height:100dvh}.appSidebar{position:sticky;top:0;z-index:30;display:flex;flex-direction:column;gap:4px;height:100dvh;padding:16px 12px 14px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface) 55%,var(--bg));overflow-y:auto;overflow-x:visible}@media(min-width:1001px){.appSidebar{overflow:visible}.appSidebar .brandWordmark,.appSidebar .sidebarSectionLabel,.appSidebar .sidebarNavLabel,.appSidebar .sidebarFooterLinks,.appSidebar .accountButtonText{display:none}.sidebarBrand{margin:0 auto 16px;padding-left:0}.sidebarNav{justify-items:center}.sidebarNavItem{justify-content:center;width:40px;height:40px;padding:0;border-radius:0}.appSidebar [data-tooltip]:after{top:50%;right:auto;bottom:auto;left:calc(100% + 10px);transform:translateY(-50%)}.appSidebar [data-tooltip]:hover:after,.appSidebar [data-tooltip]:focus-visible:after{transform:translateY(-50%)}.sidebarDesktopCluster .sidebarBottom{flex-direction:column;gap:8px;padding:12px 0 0}.appSidebar .themeToggle,.appSidebar .sidebarAccount .accountButton{display:inline-grid;place-items:center;place-content:center;justify-content:center;width:40px;min-width:40px;height:40px;padding:0;border-radius:0}.appSidebar .accountMenuList.sidebarAccountMenu{top:auto;right:auto;bottom:4px;left:calc(100% + 10px)}}.appCanvas{min-width:0}.appContent{width:min(1320px,100% - 56px);margin:0 auto;padding:22px 0 96px}.sidebarBrand{margin:0 4px 18px}.sidebarSectionLabel{margin:10px 10px 6px;color:var(--subtle);font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.sidebarNav{display:grid;gap:2px}.sidebarNavItem{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:var(--radius-md);color:var(--muted);font-family:var(--font-mono);font-size:12.5px;letter-spacing:.02em;transition:background .2s var(--ease-swift),color .2s var(--ease-swift)}.sidebarNavItem:hover{color:var(--ink);background:color-mix(in srgb,var(--surface-soft) 65%,transparent)}.sidebarNavItem.active{background:var(--accent-soft);color:var(--accent-ink)}.sidebarSpacer{flex:1 1 auto}.sidebarBottom{display:flex;align-items:center;gap:6px;min-width:0}.sidebarDesktopCluster .sidebarBottom{padding:12px 2px 0;border-top:1px solid var(--border-soft)}.sidebarAccount{min-width:0;flex:1 1 auto}.sidebarAccount .accountButton{width:100%;justify-content:flex-start;border:1px solid var(--border);background:var(--nav-action-bg);box-shadow:inset 0 1px 0 var(--inset-highlight)}.accountMenuList.sidebarAccountMenu{top:auto;right:auto;bottom:calc(100% + 10px);left:0;transform-origin:bottom left}.sidebarFooterLinks{display:flex;align-items:center;gap:12px;margin-top:14px;padding:0 10px}.sidebarFooterLinks a{display:inline-flex;align-items:center;color:var(--subtle);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.02em;transition:color .18s var(--ease-out)}.sidebarFooterLinks a:hover{color:var(--ink)}.appTopbar{display:none}.sidebarBackdrop{position:fixed;inset:0;z-index:110;display:none;border:0;background:#0000007a;opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out)}@media(max-width:1000px){.appFrame{grid-template-columns:minmax(0,1fr)}.appTopbar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--nav-bg);backdrop-filter:saturate(150%) blur(16px);-webkit-backdrop-filter:saturate(150%) blur(16px)}.appTopbar .sidebarBottom{justify-content:flex-end}.appTopbar .sidebarAccount{flex:0 1 auto}.appTopbar .sidebarAccount .accountButton{width:38px;min-width:38px;justify-content:center;padding:0}.appTopbar .accountButtonText{display:none}.appTopbar .accountMenuList.sidebarAccountMenu{top:calc(100% + 10px);bottom:auto;right:0;left:auto;transform-origin:top right}.topbarMenuButton{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:999px;background:var(--nav-action-bg);color:var(--ink);box-shadow:inset 0 1px 0 var(--inset-highlight)}.topbarBrand .brandMark{width:36px;height:36px}.sidebarBackdrop{display:block}.sidebarBackdrop.open{opacity:1;pointer-events:auto}.appSidebar{position:fixed;top:0;bottom:0;left:0;z-index:120;width:min(288px,calc(100vw - 48px));border-right:1px solid var(--border);border-radius:0;background:var(--surface);box-shadow:var(--shadow-modal);transform:translate(-104%);transition:transform .3s var(--ease-swift)}.appSidebar.open{transform:translate(0)}.appContent{width:calc(100vw - 28px);padding:14px 0 64px}}.appFrame .appSidebar,.appFrame .appSidebar *,.appFrame .appSidebar *:before,.appFrame .appSidebar *:after{border-radius:0!important}.appFrame .appTopbar,.appFrame .appTopbar *,.appFrame .appTopbar *:before,.appFrame .appTopbar *:after{border-radius:0!important}.appFrame .brand .brandMark{clip-path:inset(9%);transform:scale(1.2)}.appFrame .brand:hover .brandMark{animation:none}.metaText,.monoText,.fieldLabel,.accountName,.uploadsHead,.petStats{font-family:var(--font-mono);font-feature-settings:"tnum","zero","ss01"}.metaText,.fieldLabel,.accountName,.uploadsHead{color:var(--muted);font-size:11px;letter-spacing:0;font-weight:400}.accountName{align-items:center;gap:5px;overflow:hidden;max-width:180px;font-size:13.5px;text-overflow:ellipsis}.accountButtonText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountButton{appearance:none;border:0;position:relative;display:inline-flex;height:36px;background:transparent;border-radius:999px;padding:0 14px;cursor:pointer;transition:color .2s var(--ease-out),background .2s var(--ease-out)}.accountAction>.accountButton{border:1px solid var(--border);background:var(--nav-action-bg);color:var(--ink);box-shadow:inset 0 1px 0 var(--inset-highlight)}.accountButton:before{content:"";position:absolute;right:10px;bottom:4px;left:10px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .22s var(--ease-out)}.accountButton:hover{color:var(--ink);background:transparent}.accountAction>.accountButton:hover{border-color:var(--border-strong);background:var(--nav-action-bg-hover)}.accountButton:hover:before{transform:scaleX(1)}.accountMenu{position:relative;display:inline-flex}.accountMenuList{position:absolute;top:calc(100% + 10px);right:0;z-index:80;display:grid;gap:3px;min-width:188px;max-width:calc(100vw - 24px);max-height:min(320px,calc(100vh - 48px));overflow-y:auto;padding:8px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:menu-pop .26s var(--ease-swift);transform-origin:top right}@keyframes menu-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.accountMenuList button{display:flex;align-items:center;width:100%;min-height:36px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:13.5px;line-height:1.2;padding:0 12px;text-align:left;cursor:pointer;transition:background .18s var(--ease-out),color .18s var(--ease-out)}.accountMenuList button:hover{background:var(--accent-soft);color:var(--accent-ink)}.accountMenuList .dangerMenuItem{color:var(--danger)}.ownerLink{display:inline;width:fit-content;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.ownerLink:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.shadowbanIcon{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;color:#9f2f22;vertical-align:-2px}.monoText{margin:0;color:var(--muted);font-size:12px}.surface,.detailSurface{padding-top:0}.detailSurface{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);grid-template-areas:"hero install" "states states" "admin admin" "more more";align-items:start;gap:18px;padding-top:32px}.detailHero{grid-area:hero}.detailInstall{grid-area:install}.detailStates{grid-area:states}.detailAdminBar{grid-area:admin}.detailMore{grid-area:more;display:grid;gap:8px;margin-top:6px}.detailMoreGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.uploadSurface{max-width:760px}.card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--foreground);padding:0 16px;font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;transition:background .22s var(--ease-swift),border-color .22s var(--ease-swift),color .22s var(--ease-swift),transform .12s var(--ease-swift),box-shadow .22s var(--ease-swift)}.btn:hover:not(:disabled){border-color:var(--ink);background:var(--surface);color:var(--ink);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btnPrimary{border-color:var(--primary-bg);background:var(--primary-bg);color:var(--primary-fg);box-shadow:inset 0 1px #ffffff1a}.btnPrimary:hover:not(:disabled){border-color:var(--primary-bg-hover);background:var(--primary-bg-hover);color:var(--primary-fg);box-shadow:var(--shadow-md)}.btnGhost{border-color:transparent;background:transparent;color:var(--muted);box-shadow:none}.btnGhost:hover:not(:disabled){border-color:transparent;background:var(--surface-soft);color:var(--ink);box-shadow:none}.btn.activeSoft,.likeButton.active{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft);color:var(--accent-ink)}.btnDanger{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-fg)}.btnDanger:hover:not(:disabled){border-color:var(--danger-border-hover);background:var(--danger-bg-hover);color:var(--danger-fg-hover)}.btnSm{height:30px;padding:0 12px;font-size:12px}.btnLg{height:44px;padding:0 20px;font-size:13.5px;font-weight:600}.icon{flex:0 0 auto}.input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-md);outline:none;background:var(--surface);color:var(--foreground);padding:0 14px;font-family:var(--font-sans);font-size:14px;letter-spacing:-.01em;transition:border-color .2s var(--ease-swift),box-shadow .2s var(--ease-swift)}.input:focus{border-color:var(--accent);box-shadow:var(--ring)}.input:disabled{opacity:.55;cursor:not-allowed}.input::placeholder{color:var(--subtle)}.inputLg{height:46px;font-size:15px}.textareaInput{min-height:92px;padding-block:11px;line-height:1.45;resize:vertical}.authModal.settingsModal{width:min(740px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto}.avatarEditor{display:grid;gap:14px;margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.avatarEditorHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.avatarEditorHeader>div:first-child{display:grid;gap:3px}.avatarEditorHeader small,.avatarHint,.avatarStatus{color:var(--muted);font-family:var(--font-mono);font-size:11px;line-height:1.35}.avatarEditorHeader small,.avatarHint,.avatarStatus{margin:0}.avatarSourceTabs{display:flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 55%,var(--surface))}.avatarSourceTabs .btn{height:30px;padding:0 12px;border-color:transparent;border-radius:999px;background:transparent;color:var(--muted);box-shadow:none}.avatarSourceTabs .btn:hover:not(:disabled){border-color:transparent;background:transparent;color:var(--ink);transform:none;box-shadow:none}.avatarSourceTabs .btnPrimary,.avatarSourceTabs .btnPrimary:hover:not(:disabled){border-color:transparent;background:var(--ink);color:var(--bg);box-shadow:var(--shadow-sm)}.avatarEditorGrid{display:grid;grid-template-columns:176px minmax(0,1fr);gap:14px;align-items:start}.avatarStage{position:relative;display:grid;width:176px;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:radial-gradient(circle at 50% 82%,var(--preview-ground),transparent 60%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,18px 18px;background-color:var(--stage-checker-a)}.avatarStage canvas{width:100%;height:100%;cursor:grab;image-rendering:pixelated;touch-action:none}.avatarStage canvas:active{cursor:grabbing}.avatarEmptyButton{position:absolute;inset:0;display:grid;gap:8px;place-items:center;border:0;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:0;transition:color .2s var(--ease-swift),background .2s var(--ease-swift)}.avatarEmptyButton:hover:not(:disabled){background:color-mix(in srgb,var(--surface) 62%,transparent);color:var(--ink)}.avatarControls,.avatarControlPanel{display:grid;gap:10px;min-width:0}.avatarControlPanel label,.avatarScaleControl{display:grid;gap:7px}.avatarFramePicker{display:flex;flex-wrap:wrap;gap:6px}.avatarFramePicker button{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:11px;overflow:hidden;transition:border-color .2s var(--ease-swift),color .2s var(--ease-swift),box-shadow .2s var(--ease-swift),transform .2s var(--ease-swift)}.avatarFramePicker button:hover:not(:disabled){border-color:var(--border-strong);color:var(--ink);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.avatarFramePicker button.isSelected{border-color:var(--ink);color:var(--ink);box-shadow:var(--shadow-sm)}.avatarFrameThumb{width:24px;height:26px;background-repeat:no-repeat;image-rendering:pixelated}.avatarScaleControl input{width:100%;accent-color:var(--ink)}.avatarActionRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(104px,auto);gap:8px}.avatarActionRow .btn{justify-content:center}.visuallyHiddenInput{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}@media(max-width:640px){.authModal.settingsModal{width:min(100%,calc(100vw - 24px));max-height:calc(100vh - 24px)}.avatarEditorHeader,.avatarEditorGrid,.avatarActionRow{grid-template-columns:1fr}.avatarStage{width:min(100%,220px)}}.userCollectionsBand{margin:0 0 32px;padding:6px 0 24px;border-bottom:1px solid var(--border-soft)}.userCollectionsHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:16px}.userCollectionsHeader h2{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:600;letter-spacing:-.02em;line-height:.96}.userCollectionsActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.userCollectionsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.userCollectionCard{position:relative;display:grid;gap:14px;overflow:hidden;min-height:0;padding:16px;transition:border-color .22s var(--ease-swift),transform .22s var(--ease-swift),box-shadow .22s var(--ease-swift)}.userCollectionCard:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.userCollectionCard.pocAmbientBento{background:radial-gradient(340px circle at 18% 12%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 64%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--surface))}.userCollectionCard.pocAmbientBento:before{content:"";position:absolute;inset:-32%;background:radial-gradient(circle at 28% 38%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),radial-gradient(circle at 76% 68%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 30%);opacity:.62;pointer-events:none;transform:translate3d(-3%,-2%,0) scale(.96);transition:opacity .22s var(--ease-out),transform .38s var(--ease-out)}.userCollectionCard.pocAmbientBento:hover:before,.userCollectionCard.pocAmbientBento:focus-within:before{opacity:.92;transform:translate3d(3%,2%,0) scale(1.04)}.userCollectionCard.pocAmbientBento>*{position:relative;z-index:1}.userCollectionCardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.userCollectionCardTitle{margin:0;color:var(--ink);font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:.98}.userCollectionCardMeta{margin:4px 0 0;color:var(--muted);font-family:var(--font-mono);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}.userCollectionPreview{display:block;color:inherit;overflow:hidden}.userCollectionPreview .collectionPosterMosaic{min-height:126px}.userCollectionPreview .collectionPosterMosaic.ambientPoc{position:relative;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border-soft));border-radius:var(--radius-md);background:radial-gradient(170px circle at 34% 22%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 66%),color-mix(in srgb,var(--surface-soft) 74%,transparent);transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}.userCollectionCard:hover .collectionPosterMosaic.ambientPoc,.userCollectionCard:focus-within .collectionPosterMosaic.ambientPoc{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:radial-gradient(190px circle at 64% 34%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%),color-mix(in srgb,var(--surface-soft) 78%,transparent)}.userCollectionPreview .collectionPosterMosaic.ambientPoc .collectionPosterTile{transition:transform .22s var(--ease-out),border-color .22s var(--ease-out)}.userCollectionCard:hover .collectionPosterMosaic.ambientPoc .collectionPosterTile:nth-child(1),.userCollectionCard:focus-within .collectionPosterMosaic.ambientPoc .collectionPosterTile:nth-child(1){transform:translate3d(0,-3px,0) rotate(-1deg)}.userCollectionCard:hover .collectionPosterMosaic.ambientPoc .collectionPosterTile:nth-child(2),.userCollectionCard:focus-within .collectionPosterMosaic.ambientPoc .collectionPosterTile:nth-child(2){transform:translate3d(0,2px,0) rotate(1deg)}.userCollectionCard:hover .collectionPosterMosaic.ambientPoc .collectionPosterTile:nth-child(3),.userCollectionCard:focus-within .collectionPosterMosaic.ambientPoc .collectionPosterTile:nth-child(3){transform:translate3d(0,-2px,0) rotate(2deg)}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.userCollectionCard.pocAmbientBento:before,.userCollectionPreview .collectionPosterMosaic.ambientPoc,.userCollectionPreview .collectionPosterMosaic.ambientPoc .collectionPosterTile{transition:none}.userCollectionCard.pocAmbientBento:before{transform:none}.userCollectionCard:hover .collectionPosterMosaic.ambientPoc .collectionPosterTile,.userCollectionCard:focus-within .collectionPosterMosaic.ambientPoc .collectionPosterTile{transform:none}}.userCollectionPreview .collectionPosterTile img{width:min(100%,88px)}.userCollectionEmptyPreview{display:grid;place-items:center;width:100%;min-height:126px;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface-warm);color:var(--muted);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-align:center;text-transform:uppercase}.userCollectionCardActions{display:grid;gap:8px;margin-top:auto}.userCollectionPrimaryAction{width:100%}.userCollectionSecondaryActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.userCollectionSecondaryActions .btn{min-width:0}.userCollectionModal .collectionCheckboxList{max-height:min(320px,45vh);overflow:auto}.collectionPetAdderModal{width:min(760px,calc(100vw - 32px))}.collectionPetAdderSearch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px}.collectionPetAdderSearch .petSwapSearchPrefix{left:12px}.collectionPetAdderSearchButton{min-height:36px}.collectionPetAdderResultsHeader{margin-top:0}.collectionPetAdderGrid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));max-height:min(420px,48vh);overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 35%,transparent) transparent}.collectionPetAdderGrid::-webkit-scrollbar{width:6px}.collectionPetAdderGrid::-webkit-scrollbar-track{background:transparent}.collectionPetAdderGrid::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 28%,transparent);border-radius:3px}@media(max-width:680px){.userCollectionsBand{margin-bottom:24px;padding-bottom:20px}.userCollectionsHeader{grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch}.userCollectionsHeader h2{font-size:32px;letter-spacing:-.02em;line-height:1}.userCollectionsHeader .metaText,.userCollectionsHeader .sectionSubhead{display:none}.userCollectionsActions{justify-content:stretch}.userCollectionsActions .btn{width:100%}.userCollectionsGrid{grid-template-columns:minmax(0,1fr);gap:12px}.userCollectionCard{gap:12px;padding:14px;border-radius:var(--radius-md)}.userCollectionCardTitle{font-size:26px;line-height:1}.userCollectionCardMeta{display:none}.userCollectionCardHeader .btn{width:34px;min-width:34px;height:34px;padding:0}.userCollectionPreview .collectionPosterMosaic.ambientPoc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:118px;gap:8px;padding:10px;overflow:hidden}.userCollectionPreview .collectionPosterMosaic.ambientPoc .collectionPosterTile{width:100%;height:116px;flex:none}.userCollectionPreview .collectionPosterMosaic.ambientPoc .collectionPosterTile:first-child{flex-basis:auto}.userCollectionPreview .collectionPosterMosaic.ambientPoc .collectionPosterTile:nth-child(n+4){display:none}.userCollectionPreview .collectionPosterMosaic.ambientPoc .collectionPosterTile img,.userCollectionPreview .collectionPosterMosaic.ambientPoc .collectionPosterTile:first-child img{width:min(100%,82px)}.userCollectionCardActions{gap:6px}.userCollectionPrimaryAction{min-height:38px}.userCollectionSecondaryActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.userCollectionSecondaryActions .btn{min-height:38px;padding:0 8px;font-size:14px}}.collectionPetAdderModal .petSwapTile{background:var(--surface-soft);border-color:var(--border);border-radius:var(--radius-sm);color:var(--foreground);box-shadow:inset 0 1px 0 var(--inset-highlight)}.collectionPetAdderModal .petSwapTile:hover:not(:disabled),.collectionPetAdderModal .petSwapTile:focus-visible:not(:disabled){background:color-mix(in srgb,var(--accent-soft) 52%,var(--surface));border-color:var(--accent-deep);box-shadow:var(--shadow-sm)}.collectionPetAdderModal .petSwapTileFrame{border-radius:var(--radius-xs);background:radial-gradient(circle at 50% 82%,var(--preview-ground),transparent 60%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,18px 18px;background-color:var(--stage-checker-a)}.collectionPetAdderModal .petSwapTileName{color:var(--muted)}.collectionPetAdderModal .petSwapTile[data-active]{background:color-mix(in srgb,var(--accent-soft) 70%,var(--surface-soft));border-color:var(--accent-deep);box-shadow:0 0 0 1px var(--accent-deep),var(--shadow-sm)}.collectionPetAdderModal .petSwapTile[data-active] .petSwapTileName{color:var(--accent-deep)}.collectionPetAdderModal .petSwapMenuHeader{border-bottom-color:var(--border)}.collectionPetAdderModal .petSwapMenuCount{color:var(--muted);border-color:var(--border);background:var(--surface-soft)}.collectionPetAdderModal .petSwapEmpty{color:var(--muted)}.collectionPetAdderModal .petSwapEmptyMark{color:var(--accent-deep)}.userCollectionPreviewStrip{display:flex;gap:8px;padding:10px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:radial-gradient(circle at 50% 82%,var(--preview-ground),transparent 60%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,18px 18px;background-color:var(--stage-checker-a);overflow:hidden}.userCollectionPreviewSlot{width:52px;height:58px;display:grid;place-items:end center;flex:0 0 auto}.collectionOwnerLine{color:var(--muted);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}@media(max-width:720px){.userCollectionsHeader{align-items:stretch;flex-direction:column}.userCollectionsActions{justify-content:flex-start}.collectionPetAdderSearch{grid-template-columns:1fr}}.commentNotifications{position:relative;display:inline-flex}.commentNoticeButton{position:relative;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--nav-action-bg);color:var(--muted);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:0;box-shadow:inset 0 1px 0 var(--inset-highlight);transition:background .22s var(--ease-swift),border-color .22s var(--ease-swift),color .22s var(--ease-swift),transform .12s var(--ease-swift)}.commentNoticeButton:hover,.commentNoticeButton[aria-expanded=true]{border-color:var(--border-strong);background:var(--nav-action-bg-hover);color:var(--ink)}.commentNoticeButton:active{transform:scale(.96)}.commentNoticeButton.error{border-color:var(--danger-border);color:var(--danger-fg)}.commentNoticeButton strong{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--bg);font-size:10px;font-weight:700;box-shadow:0 0 0 3px var(--accent-glow)}.commentNoticePanel{position:absolute;top:calc(100% + 9px);right:0;z-index:82;display:grid;gap:10px;width:min(390px,calc(100vw - 24px));max-height:min(430px,calc(100vh - 88px));overflow-y:auto;padding:11px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);transform-origin:top right;animation:menu-pop .26s var(--ease-swift) both}.commentNoticePanel.error{border-color:var(--danger-border);background:linear-gradient(135deg,var(--danger-bg),transparent 70%),var(--surface)}.commentNoticeHeader{display:grid;gap:2px;min-width:0;padding:2px 2px 4px}.commentNoticeEyebrow{margin:0;color:var(--accent-deep);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.commentNoticeHeader strong{color:var(--ink);font-size:14px;font-weight:650;letter-spacing:-.02em;line-height:1.16}.commentNoticeList{display:grid;gap:6px}.commentNoticeItem{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:9px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 74%,transparent);color:var(--foreground);text-align:left;animation:comment-notice-item-in .22s var(--ease-out) both;animation-delay:calc(var(--notice-index) * 40ms);transition:border-color .2s var(--ease-swift),background .2s var(--ease-swift),color .2s var(--ease-swift),transform .12s var(--ease-swift)}.commentNoticeItem:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--surface) 88%,var(--accent-soft));color:var(--ink);transform:translateY(-1px)}.commentNoticeItem:active{transform:translateY(0) scale(.98)}.commentNoticeAvatar{display:grid;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:999px;background:radial-gradient(circle at 35% 20%,var(--inset-highlight),transparent 40%),color-mix(in srgb,var(--accent-soft) 58%,var(--surface));color:var(--accent-deep);font-family:var(--font-mono);font-size:10px;font-weight:700}.commentNoticeCopy{display:grid;min-width:0;gap:2px}.commentNoticeCopy>span:first-child{display:flex;align-items:baseline;gap:7px;min-width:0}.commentNoticeCopy strong{overflow:hidden;color:var(--ink);font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.commentNoticeCopy em{flex:0 0 auto;color:var(--muted);font-family:var(--font-mono);font-size:9.5px;font-style:normal}.commentNoticeCopy>span:last-child{overflow:hidden;color:var(--muted);font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.commentNoticeActions{display:flex;justify-content:flex-end;padding-top:2px}@keyframes comment-dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes comment-notice-item-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.commentNoticePanel,.commentNoticeItem{animation:none}.commentNoticeItem:hover,.commentNoticeItem:active,.commentNoticeButton:active{transform:none}}@media(max-width:620px){.commentNoticeButton{justify-content:center;width:38px;min-width:38px;height:38px;padding:0}.commentNoticeButton>span{display:none}.commentNoticeButton strong{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px}.commentNoticePanel{position:fixed;top:64px;right:12px;left:12px;width:auto;max-height:min(430px,calc(100vh - 84px))}.commentNoticeItem{grid-template-columns:30px minmax(0,1fr)}.commentNoticeItem>.icon{display:none}}.quickCommentBackdrop{align-items:start;justify-items:center;padding-top:min(12vh,88px)}.quickCommentModal{position:relative;display:grid;gap:16px;width:min(430px,100%);padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-modal);animation:modal-in .26s var(--ease-spring)}.quickCommentModal .modalHeader{margin-bottom:0}.quickCommentPet{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft)}.quickCommentPet img{width:64px;height:70px;object-fit:contain;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 82%,var(--preview-ground),transparent 60%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,18px 18px;background-color:var(--stage-checker-a);image-rendering:pixelated}.quickCommentPet div{display:grid;gap:3px;min-width:0}.quickCommentPet a{overflow:hidden;color:var(--ink);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.quickCommentPet a:hover{text-decoration:underline;text-underline-offset:3px}.quickCommentPet small{overflow:hidden;color:var(--muted);font-family:var(--font-mono);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.quickCommentForm{display:grid;gap:12px}.quickCommentForm label{display:grid;gap:7px}.quickCommentInput{min-height:116px;resize:vertical}.quickCommentFooter{display:flex;justify-content:space-between;gap:12px;align-items:center}@media(max-width:560px){.quickCommentBackdrop{padding-top:24px}.quickCommentFooter{align-items:stretch;flex-direction:column}.quickCommentFooter .btn{justify-content:center}}.galleryTools{display:grid;gap:16px;padding:32px 0 16px}.galleryToolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:center}.galleryControlRow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:space-between}.galleryControlRowEnd{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}.activeFilterChips{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:-6px}.filterChip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px 0 11px;border:0;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--font-mono);font-size:11px;transition:background .18s var(--ease-swift),color .18s var(--ease-swift),transform .12s var(--ease-swift)}.filterChip:hover{background:color-mix(in srgb,var(--accent) 24%,var(--accent-soft))}.filterChip:active{transform:scale(.96)}.filterChipClear{padding:0 11px;background:var(--surface-soft);color:var(--muted)}.filterChipClear:hover{background:var(--surface-soft);color:var(--ink)}.filtersPopover{width:320px;padding:14px;display:grid;gap:14px}.filtersPopoverGroup{display:grid;gap:8px}.filtersPopoverGroup .kindControls,.filtersPopoverGroup .formatControls{display:flex;flex-wrap:wrap;gap:5px;width:100%;padding:0;border:0;border-radius:0;background:transparent}.filtersPopoverGroup .kindControls button,.filtersPopoverGroup .formatControls button{height:28px;padding:0 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.filtersPopoverGroup .kindControls button:hover,.filtersPopoverGroup .formatControls button:hover{border-color:var(--border-strong)}.filtersPopoverGroup .kindControls button.active,.filtersPopoverGroup .formatControls button.active{border-color:var(--ink)}.filtersPopoverLabel{color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.mobileFilterToggle{display:none}.resultBar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:10px 0;border-top:1px solid var(--border-soft);color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:0}.creatorDetailSurface .resultBar{border-top:0}.resultBar span:last-child{min-height:18px;text-align:right}.resultPageStatus{display:inline-flex;justify-content:flex-end;min-width:96px}.galleryStatusRow{position:relative;min-height:46px;margin:0 0 14px;border-top:1px solid var(--border-soft)}.galleryStatusRow .resultBar{min-height:46px;margin:0;padding:10px 0;border-top:0}.galleryStatusRow.hasFresh .resultBar{padding-right:min(310px,42vw)}.freshPetsNotice{position:absolute;top:50%;right:0;z-index:6;width:fit-content;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:9px 10px 9px 12px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 68%,transparent),transparent 62%),color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 16px 34px -28px var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-50%)}.freshPetsNotice .btn{height:30px;padding:0 10px;font-size:11px}.freshPetsEyebrow,.freshPetsCopy{margin:0}.freshPetsEyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--accent-deep);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.freshPetsDot{position:relative;width:7px;height:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.freshPetsDot:after{content:"";position:absolute;inset:-6px;border:1px solid var(--accent);border-radius:inherit;opacity:.22;animation:fresh-pulse 1.4s var(--ease-out) infinite}.freshPetsCopy{margin-top:3px;color:var(--ink);font-size:12px;line-height:1.2}.discussionRail{display:grid;gap:13px;margin:0 0 28px;padding:14px 0 18px;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.discussionRailIntro{display:flex;align-items:center;justify-content:space-between;gap:16px}.discussionRailKicker{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-family:var(--font-mono);font-size:11px;font-weight:650;letter-spacing:0;text-transform:uppercase}.recentCommentList{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:0;padding:0;list-style:none}.recentCommentItem{display:grid;grid-template-rows:minmax(64px,auto) auto;gap:10px;min-width:0;padding:12px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 62%,transparent);animation:discussion-row-in .28s var(--ease-out) both;animation-delay:calc(var(--discussion-index) * 44ms)}.recentCommentMain{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:10px;min-width:0}.recentCommentPreview{display:grid;place-items:center;width:54px;height:54px;overflow:hidden;border:1px solid var(--border-soft);border-radius:8px;background:color-mix(in srgb,var(--floating-control-bg) 78%,transparent)}.recentCommentPreview img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated}.recentCommentBody{display:grid;align-content:start;gap:7px;min-width:0;color:inherit}.recentCommentPetContext{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:6px;min-width:0;color:var(--muted);font-family:var(--font-mono);font-size:10.5px;letter-spacing:0;line-height:1.2;text-transform:uppercase}.recentCommentPet{min-width:0;overflow:hidden;color:var(--accent-deep);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;text-transform:none}.recentCommentText{display:-webkit-box;overflow:hidden;color:var(--ink);font-size:13.5px;line-height:1.42;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.recentCommentPet:hover,.recentCommentText:hover,.recentCommentMeta a:hover,.discussionFeatureName:hover,.discussionRankName:hover,.discussionOwnerLink:hover{color:var(--accent-deep)}.recentCommentMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-family:var(--font-mono);font-size:10.5px;line-height:1.2;min-width:0;white-space:nowrap}.recentCommentAuthor{display:flex;align-items:center;gap:7px;min-width:0}.recentCommentAuthor .userAvatar{width:22px;height:22px;font-size:8px}.recentCommentAuthor>span:not(.userAvatar),.recentCommentMeta a{overflow:hidden;color:var(--ink);text-decoration:none;text-overflow:ellipsis}.discussionEmpty{margin:0;padding:13px 0 0;color:var(--muted);font-size:13px}.discussionLeaderboard{display:grid;gap:18px}.discussionLeaderboardHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.discussionLeaderboardHeader h2{margin:3px 0 0;color:var(--ink);font-family:var(--font-display);font-size:clamp(28px,4.2vw,52px);font-weight:600;letter-spacing:-.02em;line-height:.95}.discussionLeaderboardBoard{display:grid;gap:18px}.discussionTopThree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.discussionFeatureCard{display:grid;grid-template-rows:auto minmax(126px,1fr) auto;gap:14px;min-width:0;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-warm) 28%,var(--surface))),var(--surface);box-shadow:inset 0 1px 0 var(--inset-highlight)}.discussionFeatureCopy,.discussionRankIdentity{display:grid;gap:7px;min-width:0}.discussionFeatureName,.discussionRankName{width:fit-content;max-width:100%;color:var(--ink);font-family:var(--font-display);font-weight:600;line-height:.95;text-decoration:none}.discussionFeatureName{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.015em}.discussionRankName{font-size:clamp(19px,2.2vw,30px);letter-spacing:-.012em}.discussionOwnerLink{width:fit-content;max-width:100%;overflow:hidden;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:0;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.discussionFeaturePet{position:relative;display:grid;overflow:hidden;min-height:124px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:radial-gradient(circle at 50% 78%,var(--preview-ground),transparent 62%),color-mix(in srgb,var(--surface) 78%,transparent);transition:border-color .18s var(--ease-out),background .18s var(--ease-out),transform .18s var(--ease-out)}.discussionFeaturePet:hover{border-color:var(--border-strong);background:var(--surface);transform:translateY(-1px)}.discussionFeaturePet img{display:block;align-self:center;justify-self:center;width:100%;height:auto;max-width:192px;image-rendering:pixelated}.discussionMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--border-soft)}.discussionRankList{display:grid;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.discussionRankRow{display:grid;grid-template-columns:56px minmax(260px,1fr) minmax(260px,.82fr);align-items:center;gap:20px;min-height:102px;padding:16px 18px;border-top:1px solid var(--border-soft);animation:creator-row-in .42s var(--ease-out) both;animation-delay:var(--delay)}.discussionRankRow:first-child{border-top:0}.discussionRankRow:hover{background:color-mix(in srgb,var(--surface-warm) 44%,transparent)}@media(max-width:980px){.discussionTopThree{grid-template-columns:1fr}.discussionRankRow{grid-template-columns:42px minmax(0,1fr);gap:14px}.discussionMetrics{grid-column:2}}@media(prefers-reduced-motion:reduce){.freshPetsDot:after{animation:none}.recentCommentItem,.discussionRankRow{animation:none}}@keyframes fresh-pulse{0%{opacity:.34;transform:scale(.72)}to{opacity:0;transform:scale(1.4)}}@keyframes discussion-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.searchShell{position:relative;display:block}.searchShell .icon{position:absolute;top:50%;left:14px;color:var(--muted);transform:translateY(-50%);pointer-events:none}.searchInput{padding-left:40px;font-family:var(--font-sans);font-size:14.5px;letter-spacing:-.01em}.searchInput::placeholder{color:var(--subtle)}.sortControls,.viewControls,.kindControls,.formatControls{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 55%,var(--surface))}.sortControls button,.viewControls button,.kindControls button,.formatControls button{display:inline-flex;align-items:center;height:28px;border:0;border-radius:999px;background:transparent;color:var(--muted);padding:0 12px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:0;transition:background .22s var(--ease-swift),color .22s var(--ease-swift),box-shadow .22s var(--ease-swift)}.sortControls button:hover,.viewControls button:hover,.kindControls button:hover,.formatControls button:hover{color:var(--ink)}.sortControls button.active,.viewControls button.active,.kindControls button.active,.formatControls button.active{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-sm)}.tagDropdown{position:relative;z-index:6}.tagDropdown:has(.tagDropdownMenu){z-index:80}.tagDropdownTrigger{display:inline-flex;align-items:center;gap:8px;height:32px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);padding:0 12px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:0;transition:border-color .18s var(--ease-out),color .18s var(--ease-out),transform .18s var(--ease-out)}.tagDropdownTrigger strong{color:var(--ink);font-weight:500}.tagDropdownTrigger:hover,.tagDropdownTrigger.active{border-color:var(--ink);color:var(--ink)}.tagDropdownTrigger:active{transform:translateY(1px)}.tagDropdownMenu{position:absolute;top:calc(100% + 8px);right:0;z-index:80;width:236px;max-width:calc(100vw - 24px);max-height:min(360px,calc(100vh - 48px));overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);padding:8px;animation:menu-pop .26s var(--ease-swift);transform-origin:top right}.tagDropdownHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 8px;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:0}.tagDropdownHead button{border:0;background:transparent;color:var(--ink);padding:0;font:inherit}.tagDropdownList{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tagDropdownOption{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;min-height:30px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);padding:0 8px 0 6px;font-family:var(--font-mono);font-size:11px;letter-spacing:0;text-align:left;transition:background .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out)}.tagDropdownOption:hover,.tagDropdownOption.active{border-color:var(--border);background:var(--surface-warm);color:var(--ink)}.tagCheck{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--ink)}.tagFilters,.petTags{display:flex;flex-wrap:wrap;gap:6px}.tagPill,.petTags button,.petTags span{display:inline-flex;align-items:center;height:26px;border:0;border-radius:999px;background:var(--surface-soft);color:var(--muted);padding:0 11px;font-family:var(--font-mono);font-size:11px;letter-spacing:0;font-weight:500;transition:background .18s var(--ease-out),color .18s var(--ease-out)}.petTags button:hover{background:var(--accent-soft);color:var(--accent-ink)}.paginationControls,.randomizeControls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px}.galleryTopPagination{display:flex;justify-content:flex-end;margin:12px 0 20px}.galleryTopPagination .paginationControls{justify-content:flex-end;margin-top:0}.paginationJump{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 72%,transparent);box-shadow:inset 0 1px 0 var(--inset-highlight)}.paginationJump:after{content:"";position:absolute;right:10px;bottom:5px;left:10px;height:1px;background:var(--accent);opacity:0;transform:scaleX(.18);transform-origin:left center;transition:opacity .16s var(--ease-out),transform .26s var(--ease-out)}.paginationControls[data-loading=true] .paginationJump:after{opacity:.8;transform:scaleX(1)}.paginationJump label{display:inline-flex;align-items:center;gap:7px;padding-left:9px;color:var(--muted);font-family:var(--font-mono);font-size:11px}.paginationJump input{width:56px;height:28px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-family:var(--font-mono);font-size:12px;text-align:center;outline:none;transition:border-color .18s var(--ease-out),background .18s var(--ease-out)}.paginationJump input:focus{border-color:var(--border-strong);background:var(--floating-control-bg-hover)}.paginationTotal{color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:0}@media(max-width:680px){.discussionRail{gap:14px;margin-bottom:20px;padding:15px 0 18px}.discussionRailIntro{align-items:flex-start}.recentCommentMeta{display:flex;justify-content:space-between;justify-items:stretch;gap:10px;text-align:left;white-space:normal}.discussionLeaderboardHeader{align-items:flex-start}.discussionFeatureCard{grid-template-rows:auto auto auto;gap:12px;padding:14px}.discussionFeaturePet{min-height:116px}.discussionFeaturePet img{max-width:92px}.discussionMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}.discussionRankRow{align-items:start;min-height:0;padding:18px 12px}.discussionRankIdentity{gap:8px}.discussionRankName{font-size:clamp(22px,8vw,32px)}.discussionRankRow .discussionMetrics{grid-column:1 / -1}.mobileFilterToggle{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:38px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);padding:0 12px;font-family:var(--font-mono);font-size:12px;box-shadow:inset 0 1px 0 var(--inset-highlight)}.mobileFilterToggle strong{color:var(--muted);font-weight:500}.galleryFilterRow{display:none}.galleryFilterRow.open{display:flex}.galleryFilterRow,.galleryControlGroup{min-width:0}.sortControls,.viewControls,.kindControls,.formatControls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:100%;overflow:hidden;border-radius:var(--radius-md)}.sortControls button,.viewControls button,.kindControls button,.formatControls button{justify-content:center;width:100%;min-width:0;height:36px;border-radius:var(--radius-sm);padding:0 8px;text-align:center}.kindControls{grid-template-columns:repeat(2,minmax(0,1fr))}.kindControls button:first-child{grid-column:1 / -1}.formatControls{grid-template-columns:repeat(3,minmax(0,1fr))}.paginationControls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%}.galleryTopPagination .paginationControls{justify-content:stretch}.paginationJump{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:100%;box-sizing:border-box;gap:8px;padding:4px}.paginationControls>.btn{width:100%;min-width:0}.paginationJump label{min-width:0;padding-left:0}.paginationJump label span{display:none}.paginationJump input{width:56px;height:32px}.paginationTotal{justify-self:center;white-space:nowrap}.paginationJump .btn{min-width:48px;height:32px;padding:0 10px}.resultPageStatus{display:none}}.creatorLeaderboardHeader{align-items:flex-start}.creatorLeaderboardActions{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:10px;width:min(100%,720px)}.creatorSearchForm{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:8px;width:100%}.creatorSearchShell{min-height:36px}.creatorLeaderboardToolbar{display:grid;grid-template-columns:repeat(3,max-content);align-items:center;gap:2px;width:fit-content;padding:3px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 55%,var(--surface))}.creatorLeaderboardToolbar button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:11px;line-height:1;white-space:nowrap;cursor:pointer;transition:background .2s var(--ease-swift),color .2s var(--ease-swift),transform .2s var(--ease-swift),box-shadow .2s var(--ease-swift)}.creatorLeaderboardToolbar button:hover,.creatorLeaderboardToolbar button:focus-visible{color:var(--ink);outline:none}.creatorLeaderboardToolbar button:active{transform:scale(.98)}.creatorLeaderboardToolbar button.active{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-sm)}.creatorLeaderboardBoard{display:grid;gap:18px}.creatorTopThree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creatorTopPagination{display:flex;justify-content:flex-end;margin:-4px 0 0}.creatorTopPagination .paginationControls{margin-top:0}.creatorFeatureCard{display:grid;grid-template-rows:auto minmax(126px,1fr) auto;gap:14px;min-width:0;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:var(--radius-xl);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-warm) 28%,var(--surface))),var(--surface);box-shadow:inset 0 1px 0 var(--inset-highlight)}.creatorFeatureCopy{display:grid;gap:7px;min-width:0}.creatorFeatureIdentity,.creatorRankNameWrap,.creatorDetailTitle{display:flex;align-items:center;gap:12px;min-width:0}.creatorSpotlightKicker{margin:0;color:var(--accent-deep);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.creatorFeatureName{display:inline-flex;width:fit-content;max-width:100%;color:var(--ink);font-family:var(--font-display);font-size:clamp(24px,2.4vw,34px);font-weight:600;letter-spacing:-.02em;line-height:.95;text-decoration:none}.creatorFeatureName:hover,.creatorRankName:hover{text-decoration:none}.creatorFeatureMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--border-soft)}.creatorMetric{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:1px 8px;min-width:0;padding:12px 13px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--muted);font-family:var(--font-mono)}.creatorMetric svg{grid-row:1 / span 2;align-self:center;color:color-mix(in srgb,var(--muted) 74%,var(--accent))}.creatorMetric span{color:var(--muted);font-size:10.5px;letter-spacing:.02em}.creatorMetric strong{color:var(--ink);font-size:16px;font-weight:600;letter-spacing:-.03em}.creatorMetric.active svg,.creatorMetric.active strong{color:var(--accent-deep)}.creatorFeaturePets{display:flex;align-items:stretch;gap:8px;min-width:0}.creatorFeaturePet,.creatorRankPet{appearance:none;position:relative;display:grid;overflow:hidden;border:1px solid var(--border-soft);background:radial-gradient(circle at 50% 82%,var(--preview-ground),transparent 60%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,18px 18px;background-color:var(--stage-checker-a);cursor:pointer;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out)}.creatorFeaturePet{flex:1 1 0;min-width:0;min-height:124px;border-radius:var(--radius-md)}.creatorFeaturePets.petCount1 .creatorFeaturePet{flex-basis:100%}.creatorFeaturePet:hover,.creatorRankPet:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--border-strong));transform:translateY(-1px)}.creatorFeaturePet img,.creatorRankPet img{display:block;align-self:center;justify-self:center;width:100%;height:auto;max-width:192px;image-rendering:pixelated}.creatorFeaturePet span{display:none}.creatorRankList{display:grid;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.creatorRankRow{display:grid;grid-template-columns:56px minmax(260px,1fr) minmax(260px,.82fr);align-items:center;gap:20px;min-height:118px;padding:16px 18px;border-top:1px solid var(--border-soft);animation:creator-row-in .42s var(--ease-out) both;animation-delay:var(--delay)}.creatorRankRow:first-child{border-top:0}.creatorRankRow:hover{background:color-mix(in srgb,var(--surface-warm) 44%,transparent)}.leaderRank{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 78%,transparent);color:var(--muted);font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:-.03em}.leaderRank.rank1,.leaderRank.rank2,.leaderRank.rank3{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent-soft) 68%,var(--surface));color:var(--accent-deep)}.creatorRankIdentity{display:grid;grid-template-columns:minmax(150px,.48fr) minmax(0,.52fr);align-items:center;gap:18px;min-width:0}.creatorRankName{display:inline-flex;width:fit-content;max-width:100%;color:var(--ink);font-family:var(--font-display);font-size:clamp(19px,2.2vw,30px);font-weight:600;letter-spacing:-.02em;line-height:.95}.creatorRankPets{display:flex;align-items:center;gap:6px;min-width:0}.creatorRankPet{flex:0 0 56px;width:56px;height:62px;border-radius:var(--radius-sm)}.creatorRankPet img{width:52px}.creatorRankPet span{display:none}.creatorRankMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--border-soft)}.creatorRankMetrics .creatorMetric{padding:10px 11px}.tagPill{transition:background .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out)}.tagPill:hover{border-color:var(--border-strong);color:var(--ink)}.tagPill.active{border-color:var(--ink);background:var(--ink);color:var(--surface)}.petTags button,.petTags span{background:transparent;height:24px;padding:0 10px;font-size:11px}.petTags button{cursor:pointer;transition:border-color .18s var(--ease-out),color .18s var(--ease-out),background .18s var(--ease-out)}.petTags button:hover{border-color:var(--border-strong);background:var(--surface-warm);color:var(--ink)}.petTags button.nsfwTag,.petTags span.nsfwTag,.nsfwNotice{border-color:var(--danger-fg);background:var(--danger-bg-hover);color:var(--danger-fg)}.nsfwNotice{display:inline-flex;align-items:center;width:fit-content;height:24px;margin:0;border:1px solid var(--danger-fg);border-radius:999px;padding:0 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:0}@keyframes creator-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.creatorLeaderboardActions{grid-template-columns:1fr;justify-items:stretch;width:100%}.creatorTopThree{grid-template-columns:1fr}.creatorRankRow{grid-template-columns:42px minmax(0,1fr);gap:14px}.creatorRankMetrics{grid-column:2}}@media(max-width:680px){.creatorSearchForm{grid-template-columns:1fr}.creatorLeaderboardToolbar{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.creatorLeaderboardToolbar button{padding:0 8px}.creatorFeatureCard{grid-template-rows:auto auto auto;gap:12px;padding:14px}.creatorFeaturePets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;min-height:116px;padding-bottom:0}.creatorFeaturePet{min-height:116px}.creatorFeaturePet img{max-width:92px}.creatorFeatureMetrics,.creatorRankMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}.creatorMetric{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 6px}.creatorMetric svg{flex:0 0 auto}.creatorMetric span{display:none}.creatorMetric strong{font-size:17px;line-height:1}.creatorRankRow{align-items:start;min-height:0;padding:18px 12px}.creatorRankIdentity{grid-template-columns:1fr;gap:10px}.creatorRankName{font-size:clamp(22px,8vw,32px)}.creatorRankPets{overflow-x:auto}.creatorRankPet{flex-basis:54px}.creatorRankMetrics{grid-column:1 / -1}}.galleryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:14px}.galleryGrid.compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.revealItem{position:relative;opacity:0;animation:item-rise .54s var(--ease-out) forwards;animation-delay:var(--delay)}.revealItem:has(.adminPetMenuList){z-index:40}.petCard{--magnetic-x: 50%;--magnetic-y: 38%;--magnetic-pull-x: 0px;--magnetic-pull-y: 0px;position:relative;display:flex;flex-direction:column;overflow:visible;min-height:340px;height:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:border-color .26s var(--ease-swift),box-shadow .26s var(--ease-swift),transform .26s var(--ease-swift)}.petCard:has(.adminPetMenuList){z-index:40}.petCard.compact{min-height:236px;border-radius:var(--radius-md)}.petCardPreview{border-radius:calc(var(--radius-xl) - 1px) calc(var(--radius-xl) - 1px) 0 0;overflow:hidden}.petCard.compact .petCardPreview{border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0}.petCardActions{border-radius:0 0 calc(var(--radius-xl) - 1px) calc(var(--radius-xl) - 1px)}.petCard.compact .petCardActions{border-radius:0 0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px)}.petCard:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--border-strong));box-shadow:var(--shadow-lg);transform:translateY(-3px)}.petCard.pocMagneticPlate:before{content:"";position:absolute;top:1px;right:1px;left:1px;height:46%;z-index:0;border-radius:calc(var(--radius-xl) - 1px) calc(var(--radius-xl) - 1px) 0 0;background:radial-gradient(250px circle at var(--magnetic-x) var(--magnetic-y),color-mix(in srgb,var(--accent) 13%,transparent),transparent 64%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent);pointer-events:none;opacity:0;transition:opacity .18s var(--ease-out)}.petCard.pocMagneticPlate:hover:before,.petCard.pocMagneticPlate:focus-within:before{opacity:1}.petCard.pocMagneticPlate .petCardPreview{transition:background .18s var(--ease-out),transform .18s var(--ease-out)}.petCard.pocMagneticPlate:hover .petCardPreview,.petCard.pocMagneticPlate:focus-within .petCardPreview{background:radial-gradient(176px circle at var(--magnetic-x) var(--magnetic-y),color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%),radial-gradient(circle at 50% 82%,var(--preview-ground),transparent 60%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,auto,18px 18px;background-color:var(--stage-checker-a)}.petCard.pocMagneticPlate .petCardBody,.petCard.pocMagneticPlate .petCardActions{background:var(--surface)}.petCard.pocMagneticPlate .petCardPreview .galleryPreviewFrame{transition:transform .18s var(--ease-out),filter .18s var(--ease-out)}.petCard.pocMagneticPlate:hover .petCardPreview .galleryPreviewFrame,.petCard.pocMagneticPlate:focus-within .petCardPreview .galleryPreviewFrame{filter:drop-shadow(0 18px 18px rgba(0,0,0,.18));transform:translate3d(calc(var(--magnetic-pull-x) * .72),calc(var(--magnetic-pull-y) * .72),0) scale(1.018);will-change:transform}.petCardPreview{display:grid;place-items:center;min-height:126px;padding:8px 18px;background:radial-gradient(circle at 50% 82%,var(--preview-ground),transparent 60%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,18px 18px;background-color:var(--stage-checker-a);border:0;border-bottom:1px solid var(--border-soft);cursor:pointer}.petCardQuickActions{position:absolute;top:8px;right:8px;z-index:5;display:inline-flex;gap:4px}.petCardQuickAction{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:999px;background:var(--floating-control-bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;box-shadow:var(--shadow-sm);transition:background .16s var(--ease-out),color .16s var(--ease-out),border-color .16s var(--ease-out),transform .16s var(--ease-out)}.petCardQuickAction:hover:not(:disabled){background:var(--floating-control-bg-hover);border-color:var(--border-strong);color:var(--ink);transform:translateY(-1px)}.petCardQuickAction.activeSoft{background:var(--accent-soft);border-color:var(--accent-deep);color:var(--accent-deep)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px);padding:5px 9px;border-radius:6px;background:#10100feb;color:#f5f0dc;font-size:11px;letter-spacing:.02em;font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s var(--ease-out),transform .12s var(--ease-out);z-index:10;box-shadow:var(--shadow-md)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.petCardQuickAction[data-tooltip]:after{bottom:auto;top:calc(100% + 6px);transform:translate(-50%,-4px)}.petCardQuickAction[data-tooltip]:hover:after,.petCardQuickAction[data-tooltip]:focus-visible:after{transform:translate(-50%)}.petCardQuickActions>.petCardQuickAction:last-child[data-tooltip]:after{left:auto;right:0;transform:translateY(-4px)}.petCardQuickActions>.petCardQuickAction:last-child[data-tooltip]:hover:after,.petCardQuickActions>.petCardQuickAction:last-child[data-tooltip]:focus-visible:after{transform:translate(0)}.petCard.compact .petCardQuickActions{top:6px;right:6px;gap:3px}.petCard.compact .petCardQuickAction{width:22px;height:22px}.petCardPreview .galleryPreviewFrame{position:relative;width:144px;height:156px;margin:8px 0}.petCardPreview .galleryPreviewSpriteLayer{position:absolute;inset:0;opacity:0;transition:opacity 90ms var(--ease-out)}.petCardPreview .galleryPreviewSpriteLayer.active{opacity:1}.petCardPreview .galleryPreviewSpriteLayer .sprite{animation-play-state:paused}.petCardPreview .galleryPreviewSpriteLayer.active .sprite{animation-play-state:running}.petCardPreview .galleryPreviewFrame .sprite{transform:scale(.75);transform-origin:top left}.petCardPreview .galleryPreviewStillImage{display:block;width:192px;height:208px;max-width:none;image-rendering:pixelated;transform:scale(.75);transform-origin:top left}.petCardPreview .galleryPreviewFrame.isAnimating .galleryPreviewStillImage{visibility:hidden}.petCard.compact .petCardPreview{min-height:94px;padding:6px 8px}.petCard.compact .petCardPreview .galleryPreviewFrame{width:96px;height:104px;margin:0}.petCard.compact .petCardPreview .galleryPreviewFrame .sprite{transform:scale(.5);transform-origin:top left}.petCard.compact .petCardPreview .galleryPreviewStillImage{transform:scale(.5)}.petCardBody{flex:1;width:100%;padding:10px 18px 16px;display:grid;align-content:start;gap:10px;color:inherit;text-align:left}.petCard.compact .petCardBody{padding:8px 10px 6px;gap:5px}.petCardBody.clickable{cursor:pointer}.cardMeta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:12px}.petCardIdentity{display:grid;min-width:0;gap:5px}.cardMeta .petStats{flex-shrink:0;padding-top:3px}.petCard.compact .cardMeta{display:grid;gap:5px}.petCard.compact .cardMeta .petStats{padding-top:0}.petCardBody h2{margin:0;font-family:var(--font-sans);font-weight:600;font-size:18px;letter-spacing:-.025em;line-height:1.18;color:var(--ink);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.petCard.compact .petCardBody h2{font-size:15px}.petCardCollectionPill{position:absolute;top:8px;left:8px;z-index:5;display:inline-flex;align-items:center;max-width:calc(100% - 76px);gap:6px;min-height:26px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:6px;background:color-mix(in srgb,var(--accent-soft) 74%,var(--surface));color:var(--accent-deep);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:0;line-height:1;text-decoration:none;transition:background .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out)}.petCardCollectionPill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.petCardCollectionPill:hover,.petCardCollectionPill:focus-visible{border-color:var(--accent-deep);background:color-mix(in srgb,var(--accent-soft) 82%,var(--surface));color:var(--ink);transform:translateY(-1px)}.petCard.compact .petCardCollectionPill{top:6px;left:6px;max-width:calc(100% - 60px);min-height:22px;padding:0 8px;font-size:10px}.collectionsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;min-width:0;padding-bottom:min(42vh,340px)}.collectionsIndexShell{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:start;gap:12px}.collectionAlphabetRail{position:sticky;top:86px;z-index:5;display:grid;gap:2px;width:34px;padding:5px;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:inset 0 1px 0 var(--inset-highlight),var(--shadow-sm);backdrop-filter:saturate(115%) blur(6px);-webkit-backdrop-filter:saturate(115%) blur(6px);animation:collection-index-in .32s var(--ease-out) both}.collectionAlphabetItem{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:18px;padding:0;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--subtle);font-family:var(--font-mono);font-size:10px;line-height:1;text-decoration:none;transition:background .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out)}.collectionAlphabetItem.active{color:var(--muted);cursor:pointer}.collectionAlphabetItem.current{background:var(--ink);color:var(--surface);box-shadow:0 4px 10px -8px var(--ink)}.collectionAlphabetItem.active:hover,.collectionAlphabetItem.active:focus-visible{background:var(--accent-soft);color:var(--accent-deep);outline:none;transform:translate(-2px)}.collectionCard{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;min-height:0;scroll-margin-top:108px;color:inherit;text-align:left;overflow:hidden;content-visibility:auto;contain-intrinsic-size:336px;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),border-color .2s var(--ease-out)}.collectionCard:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.collectionCardBody{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-content:start;min-height:0;padding:18px 20px 14px;color:inherit;text-decoration:none;background:transparent;border:0;cursor:pointer}.collectionPosterMosaic{display:flex;align-items:stretch;gap:8px;min-width:0;min-height:126px}.collectionPosterMosaic.stackPoc{position:relative;display:block;width:100%;height:154px;min-height:154px;perspective:820px;transform-style:preserve-3d}.collectionPosterMosaic.stackPoc .collectionPosterTile{position:absolute;top:50%;left:50%;width:108px;height:134px;flex:none;box-shadow:0 18px 34px -28px #0000009e;transform-origin:50% 86%;transition:transform .26s var(--ease-out),border-color .26s var(--ease-out),box-shadow .26s var(--ease-out)}.collectionPosterMosaic.stackPoc .collectionPosterTile:first-child{flex-basis:auto}.collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(1){transform:translate3d(-94px,-50%,8px) rotate(-8deg);z-index:3}.collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(2){transform:translate3d(-48px,-54%,28px) rotate(1deg);z-index:5}.collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(3){transform:translate3d(6px,-49%,16px) rotate(8deg);z-index:4}.collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(4){transform:translate3d(42px,-45%,2px) rotate(14deg);z-index:2}.collectionCard:hover .collectionPosterMosaic.stackPoc .collectionPosterTile,.collectionCard:focus-within .collectionPosterMosaic.stackPoc .collectionPosterTile{border-color:color-mix(in srgb,var(--accent) 26%,var(--border));box-shadow:0 22px 42px -28px #000000ad;will-change:transform}.collectionCard:hover .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(1),.collectionCard:focus-within .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(1){transform:translate3d(-104px,-54%,12px) rotate(-14deg)}.collectionCard:hover .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(2),.collectionCard:focus-within .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(2){transform:translate3d(-52px,-59%,36px) rotate(-2deg)}.collectionCard:hover .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(3),.collectionCard:focus-within .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(3){transform:translate3d(8px,-54%,24px) rotate(10deg)}.collectionCard:hover .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(4),.collectionCard:focus-within .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(4){transform:translate3d(48px,-49%,6px) rotate(18deg)}.collectionPosterTile,.collectionPosterEmpty{display:grid;place-items:center;flex:0 0 74px;overflow:hidden;min-width:0;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 78%,var(--preview-ground),transparent 64%),color-mix(in srgb,var(--surface) 82%,transparent)}.collectionPosterTile:first-child{flex-basis:108px}.collectionPosterTile img{display:block;width:min(100%,76px);height:auto;image-rendering:pixelated}.collectionPosterMosaic.stackPoc .collectionPosterTile img{width:min(100%,94px)}.collectionPosterTile:first-child img{width:min(100%,106px)}.collectionPosterEmpty{min-height:152px;color:var(--muted);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.collectionCardCopy{display:grid;gap:8px;min-width:0}.collectionCardTitle{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(22px,2.2vw,29px);font-weight:600;letter-spacing:-.015em;line-height:.98}.collectionCardTopPets{min-height:18px;margin:-2px 0 0;color:var(--muted);font-family:var(--font-mono);font-size:11px;line-height:1.35;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collectionCardFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-warm) 36%,transparent)}.collectionCardActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.collectionCardMeta{margin:0;color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes collection-index-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media(hover:none),(pointer:coarse){.petCard.pocMagneticPlate:hover .petCardPreview .galleryPreviewFrame,.petCard.pocMagneticPlate:focus-within .petCardPreview .galleryPreviewFrame{filter:none;transform:none}.collectionPosterMosaic.stackPoc .collectionPosterTile,.collectionCard:hover .collectionPosterMosaic.stackPoc .collectionPosterTile,.collectionCard:focus-within .collectionPosterMosaic.stackPoc .collectionPosterTile{transform:none}.collectionPosterMosaic.stackPoc{display:flex;height:auto;min-height:126px}.collectionPosterMosaic.stackPoc .collectionPosterTile{position:static;width:auto;height:auto;flex:0 0 74px}.collectionPosterMosaic.stackPoc .collectionPosterTile:first-child{flex-basis:108px}}@media(max-width:680px){.collectionsIndexShell{grid-template-columns:minmax(0,1fr)}.collectionAlphabetRail{position:sticky;top:8px;grid-template-columns:repeat(13,minmax(0,1fr));width:100%;z-index:6;order:-1}.collectionAlphabetItem{width:100%}.collectionCard{grid-template-columns:minmax(0,1fr);scroll-margin-top:72px}.collectionCardBody{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;padding:14px}.collectionCardTopPets{display:none}.collectionPosterMosaic.stackPoc{display:flex;height:auto;min-height:116px;gap:6px;overflow:hidden;perspective:none}.collectionPosterMosaic.stackPoc .collectionPosterTile,.collectionCard:hover .collectionPosterMosaic.stackPoc .collectionPosterTile,.collectionCard:focus-within .collectionPosterMosaic.stackPoc .collectionPosterTile{position:static;width:auto;height:116px;flex:1 1 0;min-width:0;transform:none}.collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(-n+4),.collectionCard:hover .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(-n+4),.collectionCard:focus-within .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(-n+4){transform:none}.collectionPosterMosaic.stackPoc .collectionPosterTile:first-child{flex-basis:0}.collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(n+4){display:none}.collectionPosterMosaic.stackPoc .collectionPosterTile img,.collectionPosterMosaic.stackPoc .collectionPosterTile:first-child img{width:min(100%,82px)}.collectionCardFooter{grid-template-rows:auto;padding:14px;border-top:1px solid var(--border-soft);border-left:0}}@media(prefers-reduced-motion:reduce){.petCard.pocMagneticPlate .petCardPreview,.petCard.pocMagneticPlate .petCardPreview .galleryPreviewFrame,.collectionPosterMosaic.stackPoc .collectionPosterTile{transition:none}.petCard.pocMagneticPlate:hover .petCardPreview .galleryPreviewFrame,.petCard.pocMagneticPlate:focus-within .petCardPreview .galleryPreviewFrame{filter:none;transform:none}.collectionCard:hover .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(1),.collectionCard:focus-within .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(1){transform:translate3d(-94px,-50%,8px) rotate(-8deg)}.collectionCard:hover .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(2),.collectionCard:focus-within .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(2){transform:translate3d(-48px,-54%,28px) rotate(1deg)}.collectionCard:hover .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(3),.collectionCard:focus-within .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(3){transform:translate3d(6px,-49%,16px) rotate(8deg)}.collectionCard:hover .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(4),.collectionCard:focus-within .collectionPosterMosaic.stackPoc .collectionPosterTile:nth-child(4){transform:translate3d(42px,-45%,2px) rotate(14deg)}}.collectionCardLive{display:inline-flex;align-items:center;gap:6px;padding:2px 8px 2px 7px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-glow);box-shadow:inset 0 1px 0 var(--inset-highlight);color:var(--accent-deep);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;flex:0 0 auto}.collectionCardLive[data-size=lg]{padding:3px 10px 3px 9px;font-size:11px;letter-spacing:.12em;gap:7px}.collectionCardLiveDot{position:relative;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);flex:0 0 auto}.collectionCardLive[data-size=lg] .collectionCardLiveDot{width:7px;height:7px}.collectionCardLiveDot:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent);opacity:.5;transform-origin:center;animation:collectionLivePulse 1.8s ease-out infinite}@keyframes collectionLivePulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(2.4);opacity:0}to{transform:scale(2.4);opacity:0}}@media(prefers-reduced-motion:reduce){.collectionCardLiveDot:before{animation:none;opacity:0}}.collectionCard{position:relative}.collectionCardLiveOverlay{position:absolute;top:10px;right:10px;z-index:1;background:var(--floating-control-bg);border-color:var(--border-strong);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer;text-decoration:none;font-family:var(--font-mono);transition:background .2s var(--ease-out),border-color .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.collectionCardLiveOverlay:hover,.collectionCardLiveOverlay:focus-visible{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--surface);outline:none;transform:translateY(-1px);box-shadow:var(--shadow-md)}.collectionCardLiveOverlay:hover .collectionCardLiveDot,.collectionCardLiveOverlay:focus-visible .collectionCardLiveDot{background:var(--surface)}.collectionCardLiveOverlay:hover .collectionCardLiveDot:before,.collectionCardLiveOverlay:focus-visible .collectionCardLiveDot:before{background:var(--surface)}.collectionCardLiveOverlay:active{transform:translateY(0)}button.collectionCardLiveOverlay{font-weight:700;letter-spacing:.1em;text-transform:uppercase}.collectionDetailSubhead{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.collectionDetailSubhead>span:first-child{position:relative;padding-right:12px}.collectionDetailSubhead .collectionCardLive{transform:translateY(-1px)}.collectionDetailSubhead>span:first-child:has(+.collectionCardLive):after{content:"";position:absolute;right:0;top:25%;bottom:25%;width:1px;background:var(--border-strong)}.liveCollectionsRail{display:none}@media(min-width:1280px){.liveCollectionsRail{display:flex;flex-direction:column;gap:6px;position:fixed;right:max(16px,calc((100vw - 1080px)/2 - 240px));top:96px;width:224px;max-height:calc(100vh - 120px);padding:12px 12px 10px;background:var(--rail-bg);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),inset 0 1px 0 var(--inset-highlight);backdrop-filter:saturate(110%) blur(6px);-webkit-backdrop-filter:saturate(110%) blur(6px);z-index:4;overflow:auto;scrollbar-width:thin}}@media(min-width:1440px){.liveCollectionsRail{right:max(24px,calc((100vw - 1080px)/2 - 256px))}}.liveCollectionsRailCaption{display:inline-flex;align-items:center;gap:8px;margin:0 0 4px;padding:0 2px;color:var(--muted)}.liveCollectionsRailDot{position:relative;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);flex:0 0 auto}.liveCollectionsRailDot:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent);opacity:.5;animation:collectionLivePulse 1.8s ease-out infinite}@media(prefers-reduced-motion:reduce){.liveCollectionsRailDot:before{animation:none;opacity:0}}.liveCollectionsRailList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.liveCollectionsRailRow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 8px 8px 6px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;text-align:left;text-decoration:none;color:inherit;font:inherit;cursor:pointer;width:100%;transition:background .2s var(--ease-out),border-color .2s var(--ease-out)}.liveCollectionsRailRow:hover,.liveCollectionsRailRow:focus-visible{outline:none;background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 22%,transparent)}.liveCollectionsRailAvatars{display:inline-flex;flex:0 0 auto;height:36px;width:58px;position:relative}.liveCollectionsRailAvatarSlot{display:inline-flex;position:absolute;top:0;left:calc(var(--slot-index, 0) * 22px);width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--surface-soft);border:1.5px solid var(--surface);z-index:calc(10 - var(--slot-index, 0))}.liveCollectionsRailAvatarSlot .previewStripFrame.thumb{width:36px;height:36px;border-radius:50%;border:none;background:var(--surface-soft)}.liveCollectionsRailAvatarSlot .previewStripFrame.thumb .previewStrip{animation:none;transform:scale(.375);transform-origin:top left;background-position:0 0!important}.liveCollectionsRailMeta{display:flex;flex-direction:column;gap:1px;min-width:0}.liveCollectionsRailName{font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:-.005em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liveCollectionsRailSub{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums}.liveCollectionsRailCount{color:var(--accent-deep);font-weight:700}.liveCollectionsRailWord{color:var(--muted);font-weight:500}.liveCollectionsRailArrow{font-family:var(--font-mono);font-size:14px;color:var(--muted);opacity:0;transform:translate(-2px);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out),color .2s var(--ease-out)}.liveCollectionsRailRow:hover .liveCollectionsRailArrow,.liveCollectionsRailRow:focus-visible .liveCollectionsRailArrow{opacity:1;transform:translate(2px);color:var(--accent-deep)}.liveCollectionsRailRow:hover .liveCollectionsRailName,.liveCollectionsRailRow:focus-visible .liveCollectionsRailName{color:var(--accent-deep)}.collectionCardShare{flex:0 0 auto}.collectionCardActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:6px}.collectionCardActions .btn{height:30px;min-width:0;padding:0 9px;font-size:11.5px;gap:5px}.collectionCardCodex{grid-column:1 / -1;order:-1}.collectionCardPlay{padding-right:12px;border-color:transparent;background:transparent;color:var(--muted);box-shadow:none}.collectionCardPlay:hover:not(:disabled),.collectionCardPlay:focus-visible:not(:disabled){border-color:transparent;background:var(--surface-soft);color:var(--ink);outline:none;box-shadow:none}.collectionCardPlay .icon{stroke-width:0;margin-left:1px;transform:translateY(-.5px)}.collectionCardPlay:hover{transform:translateY(-1px)}.collectionCardPlay:active{transform:translateY(0)}.collectionHeaderButtons{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.collectionPreviewStack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4px;min-height:82px}.collectionPreviewStack:empty{border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-warm)}.collectionCommand{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;width:min(500px,44vw);padding:12px;text-align:left}.collectionCommand .commandHelperText{grid-column:1 / -1}.collectionCommandCodex{grid-column:1 / -1;justify-self:stretch}.collectionCommand .terminalCommandLine code{font-size:12px}.petCardOwner{margin:0;color:var(--muted);font-family:var(--font-mono);font-size:11px;font-feature-settings:"tnum","zero","ss01";letter-spacing:0}.petCardOwner .ownerLink{color:inherit;font-family:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.petCardOwner .ownerLink:hover{color:var(--ink)}.petCardDescription{margin:2px 0 0;color:var(--muted);font-family:var(--font-sans);font-size:13.5px;font-weight:400;line-height:1.45;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.petStats{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--muted);font-family:var(--font-mono);font-size:11px;font-feature-settings:"tnum","zero";line-height:1;letter-spacing:0}.petStats span{display:inline-flex;align-items:center;gap:4px}.petStats.large{gap:18px;color:var(--foreground);font-size:12px}.petCardActions,.detailActions,.rowActions{display:flex;flex-wrap:wrap;gap:6px}.petCardActions{gap:14px;padding:10px 18px 12px;border-top:1px solid var(--border-soft);margin-top:auto}.petCard.compact .petCardActions{align-items:center;justify-content:flex-start;gap:2px;padding:5px 10px 7px}.petCardActions .likeButton,.petCard.compact .likeButton{margin-left:auto}.petCardActions .btn{height:auto;border:0;background:transparent;padding:0;color:var(--muted);font-size:12.5px;box-shadow:none}.petCard.compact .petCardActions .btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:22px;height:22px;font-family:var(--font-mono);font-size:11px;line-height:1}.petCardActions .btn:hover:not(:disabled){background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.petCardActions .btn.activeSoft,.petCardActions .likeButton.active{background:transparent;color:var(--accent-deep)}.petCardActions .btnDanger{color:var(--danger-fg)}.petCardActions .btnDanger:hover:not(:disabled){color:var(--danger-fg-hover)}.petCardActions .likeButton.active .icon{color:#d92d20;fill:#d92d20}.adminPetMenu{position:relative;display:inline-flex}.adminPetMenuTrigger{gap:4px}.adminPetMenuList{position:fixed;z-index:80;display:grid;gap:3px;min-width:196px;max-width:calc(100vw - 24px);max-height:min(320px,calc(100vh - 48px));overflow-y:auto;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 18px 40px #30281b21}.adminPetMenuList button{display:flex;align-items:center;width:100%;min-height:36px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:13.5px;line-height:1.2;padding:0 12px;text-align:left;cursor:pointer;transition:background .18s var(--ease-out),color .18s var(--ease-out)}.adminPetMenuList button:hover:not(:disabled){background:var(--surface-warm)}.adminPetMenuList button:disabled{color:var(--muted);cursor:not-allowed}.adminPetMenuList .dangerMenuItem{color:var(--danger)}.checker,.previewSurface{background:radial-gradient(circle at 50% 82%,var(--preview-ground),transparent 60%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,18px 18px;background-color:var(--stage-checker-a)}.spriteFrame{display:block;overflow:hidden;border:1px solid var(--border);background-color:var(--tile-bg)}.spriteFrame.transparent{border-color:transparent;background:transparent}.spriteFrame.thumb{width:72px;height:78px;border-radius:var(--radius-xs)}.spriteFrame.small{width:96px;height:104px;border-radius:var(--radius-sm)}.spriteFrame.medium{width:160px;height:174px;border-radius:var(--radius-sm)}.spriteFrame.large{width:200px;height:217px;border-radius:var(--radius-md)}.sprite{width:192px;height:208px;background-repeat:no-repeat;background-position:var(--sprite-x, 0) var(--sprite-y);background-size:1536px var(--sprite-atlas-height, 1872px);image-rendering:pixelated;animation:sprite-play var(--sprite-duration) steps(var(--sprite-frames)) infinite;will-change:background-position}.sprite.staticSprite{animation:none}.petFormatPill{display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;width:fit-content;min-height:20px;max-width:100%;padding:3px 8px;border:0;border-radius:6px;background:var(--surface-soft);color:var(--muted);font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.05em;line-height:1;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.petFormatPill.v1{background:var(--surface-soft);color:var(--muted)}.petFormatGuide{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent-deep) 24%,var(--border));border-radius:var(--radius-md);background:radial-gradient(circle at 88% 20%,var(--accent-glow),transparent 34%),var(--surface-warm)}.petFormatGuideCopy{display:grid;gap:5px;min-width:0}.petFormatGuideCopy strong{color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.25}.petFormatGuideCopy>span:last-child{max-width:72ch;color:var(--muted);font-size:12px;line-height:1.45}.petFormatGuideEyebrow{color:var(--accent-deep);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.petCardOwner .petFormatPill{margin-block:4px 1px;margin-inline-start:8px}.detailSpecimen>.petFormatPill{margin-inline-start:4px}@media(max-width:720px){.petFormatGuide{align-items:flex-start;flex-direction:column;gap:14px;padding:15px 16px}.petCardOwner .petFormatPill{margin-block-start:6px}.detailSpecimen>.petFormatPill{margin-inline-start:0}}.previewStrip{width:96px;height:104px;background-repeat:no-repeat;background-position:0 0;background-size:auto 104px;image-rendering:pixelated;animation:preview-strip-play var(--preview-duration) steps(var(--preview-frames)) infinite}.previewStripFrame.medium .previewStrip{transform:scale(1.667);transform-origin:top left}.previewStripFrame.large .previewStrip{transform:scale(2.083);transform-origin:top left}.previewStripFrame.small .previewStrip{transform-origin:top left}.previewStripFrame.thumb .previewStrip{transform:scale(.75);transform-origin:top left}.thumb .sprite{transform:scale(.375);transform-origin:top left}.small .sprite{transform:scale(.5);transform-origin:top left}.medium .sprite{transform:scale(.833);transform-origin:top left}.large .sprite{transform:scale(1);transform-origin:top left}.sectionHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;padding:56px 0 24px;border-bottom:1px solid var(--border-soft)}.sectionHeader>div{display:grid;gap:8px}.sectionHeader h1{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(36px,4.6vw,58px);letter-spacing:-.02em;line-height:1;color:var(--ink);text-wrap:balance}.sectionHeader .metaText{margin:0}.sectionSubhead{margin:-2px 0 0;color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:0}.spriteEditorModal{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1320px,calc(100vw - 28px));height:min(660px,calc(100dvh - 28px));overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-modal);animation:modal-in .26s var(--ease-spring)}.spriteEditorHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px 16px;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface) 92%,var(--surface-soft))}.spriteEditorVersionNote{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.35}.spriteEditorHeader h2{margin:2px 0 0;color:var(--ink);font-family:var(--font-display);font-size:clamp(22px,2.3vw,30px);font-weight:600;letter-spacing:-.02em;line-height:.98}.spriteEditorHeaderActions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.spriteEditorModal .modalCloseButton{position:static;top:auto;right:auto}.spriteEditorDraftPill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1px solid color-mix(in srgb,var(--muted) 28%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 64%,var(--surface));color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.spriteEditorShell{display:grid;grid-template-columns:132px minmax(0,1fr) 334px;height:100%;min-height:0}.spriteEditorRail{display:grid;align-content:start;gap:6px;min-height:0;padding:12px;border-right:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-soft) 48%,var(--surface))}.spriteEditorTool{display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-areas:"icon label" "icon kicker";align-items:center;gap:1px 8px;min-height:46px;padding:8px 9px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--muted);text-align:left;transition:background .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out),transform 80ms var(--ease-out)}.spriteEditorTool .icon{grid-area:icon}.spriteEditorTool span{grid-area:label;overflow:hidden;color:inherit;font-size:13px;font-weight:680;letter-spacing:-.012em;line-height:1.1;text-overflow:ellipsis}.spriteEditorTool small{grid-area:kicker;overflow:hidden;color:var(--subtle);font-family:var(--font-mono);font-size:9px;font-weight:560;letter-spacing:.06em;line-height:1.1;text-overflow:ellipsis;text-transform:uppercase}.spriteEditorTool:hover:not(.active){border-color:var(--border);background:var(--surface);color:var(--ink)}.spriteEditorTool:active{transform:translateY(1px)}.spriteEditorTool.active{border-color:color-mix(in srgb,var(--accent) 46%,var(--border));background:var(--surface);color:var(--accent-deep);box-shadow:inset 3px 0 0 var(--accent)}.spriteEditorWorkbench,.spriteEditorInspector{min-width:0;min-height:0;overflow:auto;scrollbar-color:color-mix(in srgb,var(--accent) 42%,var(--muted)) transparent;scrollbar-width:thin}.spriteEditorWorkbench{padding:14px}.spriteEditorInspector{display:grid;align-content:start;gap:12px;padding:14px;border-left:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-soft) 34%,var(--surface))}.spriteEditorStageStack{display:grid;gap:12px}.spriteEditorConfirmOverlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:18px;background:color-mix(in srgb,var(--terminal-bg) 74%,transparent)}.spriteEditorConfirmPanel{display:grid;gap:14px;width:min(420px,100%);padding:18px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-modal);animation:menu-pop .26s var(--ease-swift)}.spriteEditorConfirmPanel h3,.spriteEditorConfirmPanel p{margin:0}.spriteEditorConfirmPanel h3{color:var(--ink);font-size:18px;font-weight:760;letter-spacing:-.025em}.spriteEditorConfirmPanel p{color:var(--muted);font-size:13px;line-height:1.45}.spriteEditorConfirmActions{display:grid;grid-template-columns:1fr;gap:8px}.spriteEditorStagePanel,.spriteEditorInspectorPanel{min-width:0;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:inset 0 1px 0 var(--inset-highlight)}.spriteEditorStagePanel{display:grid;gap:14px;padding:14px}.spriteEditorStagePanel.primary{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 30%,transparent),transparent 56%),var(--surface)}.spriteEditorStagePanel.compact{gap:12px;padding:12px}.spriteEditorStageHeading,.spriteEditorPanelTitle{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.spriteEditorStageHeading h3,.spriteEditorPanelTitle h3{margin:0;color:var(--ink);font-family:var(--font-sans);font-size:15px;font-weight:740;letter-spacing:-.025em;line-height:1.05}.spriteEditorStageHeading span,.spriteEditorPanelTitle span{color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:560;letter-spacing:.06em;text-align:right;text-transform:uppercase}.spriteEditorInspectorPanel{display:grid;gap:12px;padding:14px}.spriteEditorPlanText,.spriteEditorInspectorNote,.spriteEditorFinePrint{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.spriteEditorFinePrint{padding:0 2px}.spriteEditorOptionStack,.spriteEditorRowMap{display:grid;gap:8px}.spriteEditorOption{display:grid;gap:3px;padding:10px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);cursor:pointer}.spriteEditorOption input{position:absolute;opacity:0;pointer-events:none}.spriteEditorOption span{color:var(--ink);font-size:13px;font-weight:680;letter-spacing:-.01em}.spriteEditorOption small{color:var(--muted);font-size:11px;line-height:1.35}.spriteEditorOption.active{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:color-mix(in srgb,var(--accent-soft) 40%,var(--surface))}.spriteEditorRangeField,.spriteEditorSegmentedField{display:grid;gap:6px}.spriteEditorRangeField>span,.spriteEditorSegmentedField>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.spriteEditorRangeField strong{color:var(--ink);font-family:var(--font-mono);font-size:11px;font-weight:650;letter-spacing:0;text-transform:none}.spriteEditorRangeField input[type=range]{width:100%;accent-color:var(--accent)}.spriteEditorSegmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 55%,var(--surface))}.spriteEditorSegmented button{min-height:30px;border-radius:999px;color:var(--muted);font-size:12px;font-weight:650;transition:background .2s var(--ease-swift),color .2s var(--ease-swift),box-shadow .2s var(--ease-swift)}.spriteEditorSegmented button.active{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-sm)}.spriteEditorActions{position:sticky;bottom:-14px;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 0 0;background:color-mix(in srgb,var(--surface-soft) 34%,var(--surface))}.spriteEditorFullAction{grid-column:1 / -1}.spriteEditorDirectionCompare{display:grid;grid-template-columns:minmax(260px,.74fr) minmax(420px,1.26fr);gap:12px;min-height:0}.spriteEditorDirectionColumn{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-width:0;padding:12px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-soft) 26%,transparent)}.spriteEditorDirectionColumn.after{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:color-mix(in srgb,var(--accent-soft) 12%,var(--surface))}.spriteEditorDirectionColumnHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.spriteEditorDirectionColumnHead h4{margin:0;color:var(--ink);font-size:14px;font-weight:740;letter-spacing:-.02em}.spriteEditorDirectionColumnHead span{color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:560;letter-spacing:.06em;text-align:right;text-transform:uppercase}.spriteEditorDirectionStrips{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;min-width:0}.spriteEditorDirectionStrips article{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-soft) 22%,transparent)}.spriteEditorDirectionStrips header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.spriteEditorDirectionStrips strong{color:var(--ink);font-size:13px;font-weight:730}.spriteEditorDirectionStrips span{color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.spriteEditorRunPair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0;align-items:center}.spriteEditorRunPair.compact{gap:10px}.spriteEditorRunTile{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;width:max-content;min-width:172px;min-height:190px;padding:12px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-soft) 32%,transparent)}.spriteEditorRunTile.small{min-width:128px;min-height:128px;padding:10px}.spriteEditorRunTile.small header span{display:none}.spriteEditorRunTile header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.spriteEditorRunTile strong{color:var(--ink);font-size:13px;font-weight:760}.spriteEditorRunTile span{color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.spriteEditorRunTile .spriteFrameClip{align-self:center}.spriteEditorRunTile.left .spriteFrameClip{justify-self:start}.spriteEditorRunTile.right .spriteFrameClip{justify-self:end}.spriteEditorRunPair>.spriteEditorRunTile.left{justify-self:start}.spriteEditorRunPair>.spriteEditorRunTile.right{justify-self:end}.spriteFrameClip{position:relative;flex:0 0 auto;overflow:hidden;--clip-checker: color-mix(in srgb, var(--terminal-fg) 8%, transparent);border:1px solid var(--terminal-border);border-radius:7px;background-color:var(--terminal-bg);background-image:linear-gradient(45deg,var(--clip-checker) 25%,transparent 25%),linear-gradient(-45deg,var(--clip-checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--clip-checker) 75%),linear-gradient(-45deg,transparent 75%,var(--clip-checker) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;image-rendering:pixelated}.spriteFrameClip.highlight{border-color:color-mix(in srgb,var(--accent) 56%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.spriteFrameClip.transformRef:before{content:"";position:absolute;left:50%;top:50%;z-index:4;width:11px;height:11px;border:1px solid color-mix(in srgb,var(--accent) 70%,var(--ink));border-radius:999px;background:linear-gradient(color-mix(in srgb,var(--accent) 76%,var(--ink)),color-mix(in srgb,var(--accent) 76%,var(--ink))) center / 1px 100% no-repeat,linear-gradient(color-mix(in srgb,var(--accent) 76%,var(--ink)),color-mix(in srgb,var(--accent) 76%,var(--ink))) center / 100% 1px no-repeat;opacity:.78;pointer-events:none;transform:translate(-50%,-50%)}.spriteFrameImage{background-repeat:no-repeat;image-rendering:pixelated;will-change:transform}.spriteEditorRowsStage{display:grid;grid-template-columns:minmax(0,1fr) minmax(258px,.48fr);gap:12px;align-items:start}.spriteEditorRowPreviewGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:8px}.spriteEditorFrameRepairStage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.spriteEditorFrameRepairStage>.spriteEditorStagePanel:first-child,.spriteEditorFrameRepairStage>.spriteEditorStagePanel.primary{grid-column:1 / -1}.spriteEditorRowPreviewCard{display:grid;gap:10px;min-width:0;padding:10px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-soft) 28%,transparent);color:inherit;font:inherit;text-align:left;transition:border-color .16s var(--ease-out),background .16s var(--ease-out),transform 80ms var(--ease-out)}.spriteEditorRowPreviewCard:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border))}.spriteEditorRowPreviewCard:active{transform:translateY(1px)}.spriteEditorRowPreviewCard.active{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:color-mix(in srgb,var(--accent-soft) 22%,var(--surface))}.spriteEditorRowPreviewCard header{display:grid;gap:2px}.spriteEditorRowPreviewCard strong{color:var(--ink);font-size:13px;font-weight:740}.spriteEditorRowPreviewCard span{color:var(--muted);font-family:var(--font-mono);font-size:10px}.spriteEditorSelectionSummary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:5px 10px;padding:10px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-soft) 26%,transparent)}.spriteEditorSelectionSummary span{color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:620;letter-spacing:.06em;text-transform:uppercase}.spriteEditorSelectionSummary strong{overflow:hidden;color:var(--ink);font-size:13px;font-weight:740;text-overflow:ellipsis;white-space:nowrap}.spriteEditorStrip,.spriteEditorTimeline,.spriteEditorFramePicker{display:flex;align-items:flex-start;gap:7px;min-width:0;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.spriteEditorStrip::-webkit-scrollbar,.spriteEditorTimeline::-webkit-scrollbar,.spriteEditorFramePicker::-webkit-scrollbar{display:none}.spriteEditorRowPicker{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:7px;min-width:0}.spriteEditorCellPicker{display:grid;gap:8px;min-width:0}.spriteEditorRowPicker button,.spriteEditorFramePicker button,.spriteEditorAllFramesButton{min-width:0;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-soft) 24%,transparent);color:var(--muted);transition:border-color .16s var(--ease-out),background .16s var(--ease-out),color .16s var(--ease-out),transform 80ms var(--ease-out)}.spriteEditorRowPicker button:hover,.spriteEditorFramePicker button:hover,.spriteEditorAllFramesButton:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));color:var(--ink)}.spriteEditorRowPicker button:active,.spriteEditorFramePicker button:active,.spriteEditorAllFramesButton:active{transform:translateY(1px)}.spriteEditorRowPicker button.active,.spriteEditorFramePicker button.active,.spriteEditorAllFramesButton.active{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:color-mix(in srgb,var(--accent-soft) 26%,var(--surface));color:var(--accent-deep)}.spriteEditorRowPicker button{display:grid;grid-template-columns:auto minmax(68px,1fr);align-items:center;gap:7px;min-width:0;min-height:46px;padding:5px 8px 5px 5px;text-align:left}.spriteEditorRowPicker span{overflow:hidden;color:inherit;font-size:11px;font-weight:720;letter-spacing:-.01em;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.spriteEditorFramePicker button{display:grid;justify-items:center;gap:4px;padding:5px}.spriteEditorFramePicker span{color:inherit;font-family:var(--font-mono);font-size:9px;font-weight:620}.spriteEditorAtlasContext{display:grid;gap:6px;min-width:0}.spriteEditorAlignStage{display:grid;grid-template-columns:minmax(270px,.44fr) minmax(0,1fr);grid-template-areas:"motion motion" "preview targets";grid-template-rows:auto minmax(0,1fr);align-items:start;gap:12px;min-height:0}.spriteEditorAlignStage .spriteEditorStagePanel{min-height:0}.spriteEditorAtlasPanel{grid-area:targets;grid-template-rows:auto minmax(0,1fr)}.spriteEditorTransformSelectedPanel{grid-area:preview;align-content:start}.spriteEditorTransformMotionPanel{grid-area:motion}.spriteEditorAtlasPanel{min-height:0}.spriteEditorAtlasContext article{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:7px;min-width:0;padding:6px 8px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-soft) 20%,transparent)}.spriteEditorAtlasFrames{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:6px;min-width:0}.spriteEditorAllFramesButton{min-height:42px;padding:0 5px;color:var(--ink);font-family:var(--font-mono);font-size:9px;font-weight:680;letter-spacing:.04em;text-transform:uppercase}.spriteEditorTransformMotionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:7px;min-width:0}.spriteEditorTransformMotionCard{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "preview";align-items:stretch;gap:6px;min-width:0;min-height:98px;padding:7px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-soft) 24%,transparent);color:var(--muted);text-align:left;transition:border-color .16s var(--ease-out),background .16s var(--ease-out),transform 80ms var(--ease-out)}.spriteEditorTransformMotionCard:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));color:var(--ink)}.spriteEditorTransformMotionCard:active{transform:translateY(1px)}.spriteEditorTransformMotionCard.selected{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:color-mix(in srgb,var(--accent-soft) 18%,var(--surface))}.spriteEditorTransformMotionCard.changed{box-shadow:inset 3px 0 color-mix(in srgb,var(--accent) 76%,var(--border))}.spriteEditorTransformMotionMeta{grid-area:meta;display:grid;gap:2px;min-width:0}.spriteEditorTransformMotionCard strong{min-width:0;overflow:hidden;color:var(--ink);font-size:12px;font-weight:730;text-overflow:ellipsis;white-space:nowrap}.spriteEditorTransformMotionCard small{overflow:hidden;color:var(--muted);font-family:var(--font-mono);font-size:9px;font-weight:590;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.spriteEditorTransformMotionPreview{position:relative;grid-area:preview;display:grid;min-width:0;min-height:64px;place-items:center;overflow:hidden;padding:4px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 72%,var(--terminal-bg))}.spriteEditorTransformMotionPreview:before{content:"";position:absolute;left:50%;top:50%;z-index:4;width:15px;height:15px;border:1px solid color-mix(in srgb,var(--accent) 72%,var(--ink));border-radius:999px;background:linear-gradient(color-mix(in srgb,var(--accent) 80%,var(--ink)),color-mix(in srgb,var(--accent) 80%,var(--ink))) center / 1px 100% no-repeat,linear-gradient(color-mix(in srgb,var(--accent) 80%,var(--ink)),color-mix(in srgb,var(--accent) 80%,var(--ink))) center / 100% 1px no-repeat;opacity:.82;pointer-events:none;transform:translate(-50%,-50%)}.spriteEditorTransformMotionPreview .spriteFrameClip{grid-area:1 / 1;justify-self:center;align-self:center}.spriteEditorTransformMotionPreview .spriteFrameClip.ghost{opacity:.28;filter:grayscale(1)}.spriteEditorTransformMotionPreview .spriteFrameClip.after{z-index:2;border-color:color-mix(in srgb,var(--accent) 30%,var(--border-soft))}.spriteEditorTransformSelectedPanel .spriteEditorAlignCanvas{height:246px}.spriteEditorAtlasContext article.selected{border-color:color-mix(in srgb,var(--accent) 42%,var(--border))}.spriteEditorAtlasContext article.shifted{background:color-mix(in srgb,var(--accent-soft) 12%,var(--surface))}.spriteEditorAtlasRowHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 10px;min-width:0;padding:0;color:inherit;text-align:left}.spriteEditorAtlasFrames .spriteEditorFramePicker{gap:5px;padding-bottom:0}.spriteEditorAtlasFrames .spriteEditorFramePicker button{flex:0 0 auto;padding:3px}.spriteEditorAtlasFrames .spriteEditorFramePicker span{display:none}.spriteEditorAtlasContext strong{overflow:hidden;color:var(--ink);font-size:11px;font-weight:730;text-overflow:ellipsis;white-space:nowrap}.spriteEditorAtlasContext span{overflow:hidden;color:var(--muted);font-family:var(--font-mono);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.spriteEditorAtlasContext em{grid-column:1 / -1;overflow:hidden;color:var(--ink);font-family:var(--font-mono);font-size:10px;font-style:normal;font-weight:640;text-overflow:ellipsis;white-space:nowrap}.spriteEditorAtlasContext em.placeholder{color:var(--subtle)}.spriteEditorTimelineFrame{position:relative;display:grid;justify-items:center;gap:6px;padding:8px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-soft) 26%,transparent);color:var(--ink);cursor:pointer}.spriteEditorTimelineFrame:not(button){cursor:default}button.spriteEditorTimelineFrame{font:inherit;text-align:inherit}button.spriteEditorTimelineFrame:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border))}.spriteEditorTimelineFrame span{color:var(--muted);font-family:var(--font-mono);font-size:10px}.spriteEditorTimelineFrame b{position:absolute;right:6px;top:6px;z-index:1;padding:2px 5px;border-radius:999px;background:color-mix(in srgb,var(--accent) 82%,var(--accent-ink));color:var(--surface);font-family:var(--font-mono);font-size:8px;font-weight:760;letter-spacing:.04em;text-transform:uppercase}.spriteEditorTimelineFrame b.secondary{top:26px;background:color-mix(in srgb,var(--muted) 70%,var(--ink));color:var(--surface)}.spriteEditorTimelineFrame.selectedTarget{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.spriteEditorTimelineFrame.selectedSource{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--muted) 50%,transparent)}.spriteEditorTimelineFrame.replaced{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.pixelStage{min-height:min(660px,calc(100dvh - 220px))}.spriteEditorPixelLayout{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:12px;min-height:0}.spriteEditorPixelCanvasViewport{min-width:0;max-height:min(640px,calc(100dvh - 260px));overflow:auto;border:1px solid var(--terminal-border);border-radius:var(--radius-sm);background:var(--terminal-bg);scrollbar-color:color-mix(in srgb,var(--accent) 45%,var(--muted)) var(--terminal-bg);scrollbar-width:thin}.spriteEditorPixelCanvas{display:block;image-rendering:pixelated;touch-action:none}.spriteEditorPixelCanvas.erase{cursor:crosshair}.spriteEditorPixelCanvas.restore{cursor:cell}.spriteEditorPixelCanvas.sample{cursor:copy}.spriteEditorPixelPreview{display:grid;align-content:start;gap:10px}.spriteEditorPixelPreview>div{display:grid;gap:5px}.spriteEditorPixelPreview span{color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.spriteEditorPixelPreview p{margin:0;color:var(--muted);font-size:11px;line-height:1.4}.spriteEditorMiniCanvas{width:96px;height:104px;border:1px solid var(--border-soft);border-radius:7px;image-rendering:pixelated}.spriteEditorInlineStats{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:2px}.spriteEditorInlineStats span{color:var(--muted);font-family:var(--font-mono);font-size:11px}.spriteEditorLoading{display:grid;min-height:360px;place-items:center;border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--muted);font-family:var(--font-mono);font-size:12px}.spriteEditorLoading.error{color:var(--danger-fg)}.spriteEditorAlignCanvas{position:relative;display:grid;height:304px;min-height:0;place-items:center;overflow:hidden;border:1px solid var(--terminal-border);border-radius:var(--radius-sm);background:var(--terminal-bg)}.spriteEditorAlignCanvas:before{content:"";position:absolute;left:50%;top:46%;z-index:4;width:22px;height:22px;border:1px solid color-mix(in srgb,var(--accent) 78%,var(--ink));border-radius:999px;background:linear-gradient(color-mix(in srgb,var(--accent) 82%,var(--ink)),color-mix(in srgb,var(--accent) 82%,var(--ink))) center / 1px 100% no-repeat,linear-gradient(color-mix(in srgb,var(--accent) 82%,var(--ink)),color-mix(in srgb,var(--accent) 82%,var(--ink))) center / 100% 1px no-repeat;opacity:.88;pointer-events:none;transform:translate(-50%,-50%)}.spriteEditorAlignCanvas .spriteFrameClip{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%)}.spriteEditorAlignCanvas .spriteFrameClip.ghost{opacity:.28;filter:grayscale(1)}.spriteEditorAlignCanvas .spriteFrameClip.shifted{z-index:2;border-color:color-mix(in srgb,var(--accent) 48%,var(--border))}.runtimeStage{align-content:start}.spriteEditorRuntimeCanvas{position:relative;display:grid;place-items:center;min-height:360px;overflow:hidden;border:1px solid var(--terminal-border);border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 46%,var(--accent-glow),transparent 42%),var(--terminal-bg)}.spriteEditorRuntimeCanvas .spriteFrameClip{z-index:1}@media(max-width:1080px){.spriteEditorModal{width:min(980px,calc(100vw - 20px))}.spriteEditorShell{grid-template-columns:1fr;grid-template-rows:auto minmax(360px,1fr) auto}.spriteEditorRail{grid-auto-flow:column;grid-auto-columns:minmax(118px,1fr);overflow-x:auto;border-right:0;border-bottom:1px solid var(--border-soft)}.spriteEditorTool.active{box-shadow:inset 0 -3px 0 var(--accent)}.spriteEditorInspector{border-left:0;border-top:1px solid var(--border-soft)}}@media(max-width:720px){.spriteEditorModal{display:block;width:calc(100vw - 12px);height:auto;max-height:calc(100dvh - 12px);overflow:auto}.spriteEditorHeader{align-items:flex-start;padding:14px}.spriteEditorHeaderActions{flex-direction:column;align-items:flex-end}.spriteEditorWorkbench,.spriteEditorInspector{overflow:visible;padding:10px}.spriteEditorShell{display:block}.spriteEditorRunPair,.spriteEditorDirectionCompare,.spriteEditorAlignStage,.spriteEditorRowsStage,.spriteEditorFrameRepairStage,.spriteEditorPixelLayout,.spriteEditorAtlasFrames,.spriteEditorAtlasContext article{grid-template-columns:1fr}.spriteEditorAlignStage{grid-template-areas:"motion" "preview" "targets";grid-template-rows:auto auto auto}.spriteEditorTransformMotionGrid{grid-template-columns:1fr}.spriteEditorRunTile{min-height:190px}.spriteEditorRunTile.left .spriteFrameClip,.spriteEditorRunTile.right .spriteFrameClip{justify-self:center}.spriteEditorAlignCanvas{height:300px}.spriteEditorActions{position:static;grid-template-columns:1fr;padding-top:0;background:transparent}.spriteEditorRuntimeCanvas{min-height:300px}}@media(prefers-reduced-motion:reduce){.spriteEditorConfirmPanel{animation:none}}.emptyState,.signInGate{display:grid;justify-items:center;gap:18px;width:min(460px,100%);margin:56px auto 0;padding:52px 32px 44px;text-align:center;border:1px solid var(--border);border-radius:var(--radius-2xl);background:radial-gradient(420px circle at 50% -20%,color-mix(in srgb,var(--accent-soft) 60%,transparent),transparent 68%),var(--surface);box-shadow:var(--shadow-sm)}.emptyState p,.signInGate p{max-width:34ch;margin:0;font-family:var(--font-sans);font-size:15px;color:var(--muted);letter-spacing:-.005em;text-wrap:balance}.gateIcon{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--border-soft);border-radius:20px;color:var(--muted);background:radial-gradient(circle at 50% 82%,var(--preview-ground),transparent 60%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,14px 14px;background-color:var(--stage-checker-a)}.uploadsTable{overflow:hidden;width:100%;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);border-collapse:separate;border-spacing:0;table-layout:fixed}.uploadsHead{background:var(--surface-warm)}.uploadsHead th{padding:14px 22px;border-bottom:1px solid var(--border-soft);text-align:left;font-size:10.5px;font-weight:400;letter-spacing:.07em;text-transform:uppercase}.uploadsTable th:nth-child(1),.uploadsTable td:nth-child(1){width:auto}.uploadsTable th:nth-child(2),.uploadsTable td:nth-child(2){width:160px}.uploadsTable th:nth-child(3),.uploadsTable td:nth-child(3){width:150px}.uploadsTable th:nth-child(4),.uploadsTable td:nth-child(4){width:130px}.uploadsTable th:nth-child(5),.uploadsTable td:nth-child(5){width:198px}.uploadsRow td{padding:14px 22px;border-bottom:1px solid var(--border-soft);vertical-align:middle;transition:background .18s var(--ease-out)}.uploadsRow:hover td{background:var(--surface-warm)}.uploadsRow:last-child td{border-bottom:0}.uploadsPackage{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.rowPreview{width:72px;height:78px;border:0;background:transparent;padding:0;cursor:pointer}.uploadsName h2{margin:0;font-family:var(--font-sans);font-weight:600;font-size:16px;letter-spacing:-.025em;line-height:1.18;color:var(--ink)}.uploadsName p{margin:4px 0 0;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:0}.uploadsFixLink{appearance:none;display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;min-height:24px;margin-top:7px;padding:0;border:0;background:transparent;color:var(--muted);font-family:var(--font-sans);font-size:11.5px;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:color .18s var(--ease-out),transform 80ms var(--ease-out)}.uploadsFixLink:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.uploadsFixLink:active{transform:translateY(1px)}.rowActions{justify-content:flex-end}.uploadForm{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:22px;counter-reset:upload-step}.uploadControls{display:grid;gap:18px;padding:26px}.uploadFormatGuide{margin-bottom:2px}.uploadControls>.fileField,.uploadControls .uploadTagSection{counter-increment:upload-step}.uploadControls>.fileField .fileCopy .fieldLabel,.uploadControls .uploadTagSection>.fieldLabel{display:inline-flex;align-items:center;gap:8px}.uploadControls>.fileField .fileCopy .fieldLabel:before,.uploadControls .uploadTagSection>.fieldLabel:before{content:counter(upload-step,decimal-leading-zero);color:var(--accent-deep);letter-spacing:0;font-weight:500}.uploadTags{display:grid;gap:16px}.uploadTagSection{display:grid;justify-items:start;gap:10px;min-width:0}.fileField{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-warm);padding:16px 18px;transition:border-color .22s var(--ease-out),background .22s var(--ease-out);cursor:pointer}.fileField:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 62%,var(--surface))}.fileField:has(input:focus-visible){border-color:var(--accent);box-shadow:var(--ring)}.fileIcon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-deep)}.fileCopy{min-width:0}.fileCopy small{display:block;overflow:hidden;margin-top:4px;color:var(--muted);font-family:var(--font-mono);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.fileField input{grid-column:1 / -1;width:100%;color:var(--muted);font-family:var(--font-mono);font-size:12px}.uploadPreviewPanel{position:sticky;top:18px;display:grid;gap:18px;overflow:hidden;padding:22px;background:linear-gradient(180deg,var(--surface),var(--surface-warm))}.uploadPreviewHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--border-soft)}.uploadPreviewHeader div{display:grid;gap:5px;min-width:0}.uploadPreviewHeader strong{overflow:hidden;color:var(--ink);font-family:var(--font-sans);font-size:19px;font-weight:650;letter-spacing:-.025em;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.uploadPreviewState{flex:0 0 auto;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.uploadSpriteStage{position:relative;display:grid;place-items:center;min-height:274px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 82%,var(--preview-ground),transparent 60%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,18px 18px;background-color:var(--stage-checker-a)}.uploadSpriteFrame{width:min(220px,70%);aspect-ratio:192 / 208;background-position:0 0;background-repeat:no-repeat;background-size:var(--upload-atlas-size, 800% 900%);filter:drop-shadow(0 18px 18px rgba(0,0,0,.18));image-rendering:pixelated;animation:upload-preview-float 4.2s var(--ease-spring) infinite}.uploadSpriteEmpty{display:grid;place-items:center;width:74px;height:74px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--muted);background:var(--surface-soft)}.uploadPreviewCopy{display:grid;gap:8px}.uploadPreviewCopy h2,.uploadPreviewCopy p{margin:0}.uploadPreviewCopy h2{overflow-wrap:anywhere;color:var(--ink);font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:.96}.uploadPreviewCopy p{color:var(--muted);font-family:var(--font-sans);font-size:14px;letter-spacing:-.005em;line-height:1.5}.uploadPreviewMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md)}.uploadPreviewMeta div{display:grid;gap:5px;min-width:0;padding:12px 14px;border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.uploadPreviewMeta div:nth-child(2n){border-right:0}.uploadPreviewMeta div:nth-last-child(-n+2){border-bottom:0}.uploadPreviewMeta span{overflow:hidden;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.uploadPreviewMeta strong{overflow:hidden;color:var(--ink);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.uploadPreviewPills{display:flex;flex-wrap:wrap;gap:7px}.uploadPreviewPills span{padding:6px 9px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:0}.uploadPreviewStrip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.uploadPreviewStripFrame{aspect-ratio:192 / 208;border:1px solid var(--border-soft);border-radius:var(--radius-xs);background-position:calc(var(--upload-frame) * 14.285714%) 0;background-repeat:no-repeat;background-size:var(--upload-atlas-size, 800% 900%);image-rendering:pixelated}.uploadPreviewStripFrame.empty{background:conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:12px 12px;background-color:var(--stage-checker-a)}@keyframes upload-preview-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}@media(prefers-reduced-motion:reduce){.uploadSpriteFrame{animation:none}}@media(max-width:980px){.uploadForm{grid-template-columns:1fr}.uploadPreviewPanel{position:static}}@media(max-width:620px){.uploadControls,.uploadPreviewPanel{padding:18px}.uploadSpriteStage{min-height:226px}.uploadPreviewStrip{grid-template-columns:repeat(4,minmax(0,1fr))}}.nativeAppPrompts{position:fixed;right:max(18px,calc((100vw - 1080px)/2));bottom:18px;z-index:40;display:grid;gap:10px;width:min(420px,calc(100vw - 32px));pointer-events:none}.nativePrompt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 46%,transparent),transparent 60%),color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--inset-highlight);backdrop-filter:saturate(150%) blur(14px);-webkit-backdrop-filter:saturate(150%) blur(14px);pointer-events:auto;animation:menu-pop .26s var(--ease-swift);transform-origin:bottom right}.nativePromptError{border-color:var(--danger-border);background:linear-gradient(135deg,var(--danger-bg),transparent 64%),color-mix(in srgb,var(--surface) 94%,transparent)}.nativePrompt>div:first-child{display:grid;gap:3px;min-width:0}.nativePromptEyebrow,.nativePrompt p{margin:0}.nativePromptEyebrow{color:var(--accent-deep);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.nativePrompt strong{overflow:hidden;color:var(--ink);font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.nativePrompt p:not(.nativePromptEyebrow){color:var(--muted);font-size:13px;line-height:1.35}.nativePromptActions{display:inline-flex;align-items:center;gap:7px}@media(prefers-reduced-motion:reduce){.nativePrompt{animation:none}}@media(max-width:620px){.nativeAppPrompts{right:12px;bottom:12px;width:calc(100vw - 24px)}.nativePrompt{grid-template-columns:1fr}.nativePromptActions{justify-content:flex-start}}.legalPage{max-width:860px;margin:0 auto}.legalCopy{display:grid;gap:28px;color:var(--ink)}.legalCopy section{display:grid;gap:10px;padding-bottom:24px;border-bottom:1px solid var(--border-soft)}.legalCopy h2{margin:0;color:var(--ink);font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.legalCopy p{margin:0;max-width:65ch;color:var(--muted);font-size:15px;line-height:1.65}.legalCopy a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--ink) 35%,transparent);transition:color .18s var(--ease-out),text-decoration-color .18s var(--ease-out)}.legalCopy a:hover{color:var(--accent-deep);text-decoration-color:var(--accent)}.detailHero{display:grid;gap:28px;padding:36px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl)}.detailHeader{display:grid;gap:14px;min-width:0}.detailSpecimen{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding-left:16px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:0;color:var(--muted)}.detailSpecimen:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);animation:pulse 2.4s var(--ease-out) infinite}.detailSpecimenItem{display:inline-flex;align-items:center;gap:4px}.detailSpecimenItem strong{font-weight:500;color:var(--ink)}.detailSpecimenSep{color:var(--border-strong)}.detailSpecimenOwner{color:var(--ink);font-family:inherit;font-size:inherit}.detailSpecimenOwner.ownerLink{color:var(--ink)}.detailSpecimen .nsfwNotice{margin-left:auto}.detailTitle{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(40px,5.6vw,76px);letter-spacing:-.02em;line-height:.95;color:var(--ink);text-wrap:balance}.detailLede{max-width:62ch;margin:4px 0 0;color:var(--muted);font-family:var(--font-sans);font-size:17px;font-weight:400;line-height:1.5;letter-spacing:-.005em}.detailHeader .petTags{margin-top:2px}.detailShowcase{position:relative;display:grid;gap:10px;justify-items:center;padding:26px 16px 18px;border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 74%,var(--preview-ground),transparent 58%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,18px 18px;background-color:var(--stage-checker-a)}.detailShowcase .spriteFrame.large{width:210px;height:220px;display:flex;align-items:center;justify-content:center;transform:scale(1.55);transform-origin:center center;margin:66px 0 74px}.detailShowcase .spriteFrame.large .sprite{transform-origin:center center}.detailShowcase .detailWalkButton{position:absolute;top:14px;right:14px;z-index:3;background:var(--floating-control-bg)}.detailStateChips{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:560px;padding:5px;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--floating-control-bg) 88%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:var(--shadow-sm)}.detailStateChip{display:inline-flex;align-items:center;height:28px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.01em;white-space:nowrap;transition:background .2s var(--ease-swift),color .2s var(--ease-swift),box-shadow .2s var(--ease-swift)}.detailStateChip:hover{color:var(--ink)}.detailStateChip.active{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-sm)}.detailWalkButton{appearance:none;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--ink);font-family:var(--font-mono);font-size:11.5px;letter-spacing:0;cursor:pointer;transition:background .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out),transform 80ms var(--ease-out)}.detailWalkButton:hover{background:var(--surface-warm);border-color:var(--ink)}.detailWalkButton:active{transform:translateY(1px)}.detailWalkButton.active{background:var(--accent-glow);border-color:var(--accent)}.detailWalkButtonGlyph{font-family:var(--font-mono);font-size:13px;line-height:1}.detailHeroFooter{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.detailSocialActions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.detailCreatorTools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;margin-top:-10px;padding:12px 0 0;border-top:1px solid var(--border-soft)}.detailCreatorToolsLabel{color:var(--accent-deep);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.detailCreatorToolsButtons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}.detailFixSpritesAction{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent-soft) 76%,var(--surface));color:var(--accent-deep)}.detailFixSpritesAction:hover:not(:disabled){border-color:var(--accent-deep);background:color-mix(in srgb,var(--accent-soft) 88%,var(--surface));color:var(--accent-deep)}@media(max-width:680px){.detailShowcase .spriteFrame.large{transform:scale(1.12);margin:22px 0 26px}.detailStateChips{max-width:100%}.detailHeroFooter{align-items:start}.detailSocialActions,.detailCreatorTools,.detailCreatorToolsButtons{justify-items:stretch;justify-content:flex-start;width:100%}}.detailInstall{position:relative;display:grid;gap:16px;overflow:hidden;padding:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 46%,transparent),transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-warm) 34%,var(--surface))),var(--surface);border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:var(--radius-2xl);align-self:start;box-shadow:inset 0 1px 0 var(--inset-highlight),0 20px 54px -42px color-mix(in srgb,var(--accent) 54%,#16130e)}.detailInstall:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),transparent 72%);opacity:.72}.detailSectionHeader{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.detailSectionLabel{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.detailSectionHint{margin:0;color:var(--muted);font-family:var(--font-sans);font-size:12.5px;letter-spacing:-.005em}.detailSectionHint code{font-family:var(--font-mono);font-size:11.5px;color:var(--ink)}.detailInstallSecondary{display:inline-flex;align-items:center;gap:8px;margin:-2px 0 0;color:var(--muted);font-family:var(--font-mono);font-size:11.5px;text-decoration:none;transition:color .18s var(--ease-out)}.detailInstallSecondary:hover{color:var(--ink);text-decoration:underline}.detailInstallSecondary code{font-size:11.5px;color:inherit}.detailInstallPrimary{min-height:46px;width:100%;justify-content:center;transition:background .2s var(--ease-out),transform 80ms var(--ease-out),box-shadow .2s var(--ease-out)}.detailInstallPrimary:hover{box-shadow:0 12px 26px -18px color-mix(in srgb,var(--accent) 68%,#0f0f0e)}.detailInstallPrimary:active{transform:translateY(1px)}.detailStates{display:grid;gap:18px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl)}.detailStatesActions{display:flex;flex-wrap:wrap;gap:6px}.detailStatesActions .btn{height:30px;padding:0 12px;font-size:11.5px}.detailSpriteFixPanel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 80%,transparent),transparent 70%),var(--surface-warm);box-shadow:inset 0 1px 0 var(--inset-highlight)}.detailSpriteFixCopy{display:grid;gap:4px;min-width:0}.detailSpriteFixLabel{color:var(--accent-deep);font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.detailSpriteFixCopy strong{color:var(--ink);font-family:var(--font-sans);font-size:18px;font-weight:700;letter-spacing:-.03em;line-height:1.05}.detailSpriteFixCopy p{max-width:68ch;margin:0;color:var(--muted);font-family:var(--font-sans);font-size:13px;letter-spacing:-.005em;line-height:1.4}.detailSpriteFixButton{min-width:148px}.detailExportBar{gap:14px;padding:20px 24px}.detailExportCopy{display:grid;gap:3px;min-width:0}.detailStatesStatus{margin:0}@media(max-width:680px){.detailSpriteFixPanel{grid-template-columns:1fr;align-items:start}.detailSpriteFixButton{width:100%}}.petComments{position:relative;display:grid;gap:18px;padding:24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:var(--radius-xl);background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--accent-soft) 62%,transparent),transparent 32%),linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--accent-soft)),var(--surface) 54%),var(--surface);box-shadow:inset 0 1px 0 var(--inset-highlight),0 20px 46px -34px color-mix(in srgb,var(--accent) 70%,transparent),var(--shadow-md)}.petComments:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--accent) 14%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,transparent) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(135deg,color-mix(in srgb,var(--ink) 70%,transparent),transparent 58%);mask-image:linear-gradient(135deg,color-mix(in srgb,var(--ink) 70%,transparent),transparent 58%);opacity:.34}.petCommentsHeader{position:relative}.petCommentsHeader>div{display:grid;gap:4px}.petCommentsSignal{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 11px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface) 76%,var(--accent-soft));color:var(--accent-deep);font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 1px 0 var(--inset-highlight)}.petCommentsSignal:before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);animation:pulse 2.4s var(--ease-out) infinite}.petCommentComposer{position:relative;display:grid;gap:13px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 86%,var(--accent-soft)),transparent 74%),color-mix(in srgb,var(--surface-warm) 88%,var(--surface));box-shadow:inset 0 1px 0 var(--inset-highlight)}.petCommentComposer label{display:grid;gap:8px}.petCommentInput{min-height:104px;resize:vertical;line-height:1.45}.petCommentChips{display:flex;flex-wrap:wrap;gap:7px}.petCommentChips button,.petCommentReactions button{display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 55%,transparent);color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:0;transition:background .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out),transform 90ms var(--ease-out)}.petCommentChips button:hover:not(:disabled),.petCommentReactions button:hover:not(:disabled),.petCommentReactions button.active{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:color-mix(in srgb,var(--accent-soft) 82%,var(--surface));color:var(--ink)}.petCommentChips button:active,.petCommentReactions button:active{transform:translateY(1px) scale(.99)}.petCommentComposerFooter,.petCommentSignedOut,.petCommentMore{display:flex;align-items:center;justify-content:space-between;gap:12px}.petCommentLimit{color:var(--muted);font-family:var(--font-mono);font-size:11px}.petCommentLimit.warning{color:var(--danger-fg)}.petCommentSignedOut{flex-wrap:wrap;padding:4px 0}.petCommentSignedOut p,.petCommentEmpty{margin:0;color:var(--muted);font-size:13px}.petCommentsStatus{margin:0}.petCommentList,.petCommentSkeletons{display:grid;gap:10px}.petComment{position:relative;display:grid;gap:10px;padding:14px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,var(--accent-soft)),var(--surface) 62%),var(--surface);box-shadow:inset 0 1px 0 var(--inset-highlight);animation:pet-comment-in .34s var(--ease-out) both;animation-delay:calc(var(--comment-index) * 46ms);transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .12s var(--ease-out)}.petComment:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));box-shadow:inset 0 1px 0 var(--inset-highlight),0 14px 32px -28px color-mix(in srgb,var(--accent) 72%,transparent);transform:translateY(-1px)}.petComment.highlighted{border-color:color-mix(in srgb,var(--accent) 68%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 1px 0 var(--inset-highlight),0 18px 38px -28px color-mix(in srgb,var(--accent) 90%,transparent)}.petComment:focus{outline:2px solid color-mix(in srgb,var(--accent) 42%,transparent);outline-offset:3px}.petCommentMeta{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px}.petCommentAvatar{display:grid;place-items:center;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:999px;background:radial-gradient(circle at 35% 20%,var(--inset-highlight),transparent 40%),color-mix(in srgb,var(--accent-soft) 58%,var(--surface));color:var(--accent-deep);font-family:var(--font-mono);font-size:11px;font-weight:700}.petCommentByline{display:grid;min-width:0;gap:2px}.petCommentByline>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;min-width:0}.petCommentByline strong,.petCommentAuthorLink{color:var(--ink);font-size:14px;font-weight:650;letter-spacing:-.01em}.petCommentAuthorLink{border-bottom:1px solid transparent;transition:border-color .16s var(--ease-out),color .16s var(--ease-out)}.petCommentAuthorLink:hover{border-color:currentColor;color:var(--accent-deep)}.petCommentByline span,.petCommentByline small,.petCommentHandleLink{color:var(--muted);font-family:var(--font-mono);font-size:10.5px;font-style:normal}.petCommentHandleLink{justify-self:start;transition:color .16s var(--ease-out)}.petCommentHandleLink:hover{color:var(--accent-deep)}.petCommentDelete{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid transparent;border-radius:999px;color:var(--muted);transition:background .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out),transform 90ms var(--ease-out)}.petCommentDelete:hover:not(:disabled){border-color:var(--danger-border);background:var(--danger-bg-hover);color:var(--danger-fg-hover)}.petCommentDelete:active{transform:translateY(1px) scale(.98)}.petComment p{margin:0;color:var(--foreground);font-size:14px;line-height:1.48;overflow-wrap:anywhere}.petCommentReactions{display:flex;flex-wrap:wrap;gap:7px}.petCommentReactions button{min-height:28px;padding:0 8px;font-size:11px}.petCommentReactions strong{font-family:var(--font-mono);font-size:10.5px;font-weight:600}.petCommentMore{justify-self:start}.skeletonComment{pointer-events:none}.skeletonComment:hover{transform:none}.skeletonComment .line{margin:0}@keyframes pet-comment-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:680px){.petComments{gap:16px;padding:18px}.petCommentsHeader{align-items:start}.petCommentsSignal{justify-self:start}.petCommentComposerFooter{align-items:stretch}.petCommentComposerFooter .btn{justify-content:center}.petCommentMeta{grid-template-columns:34px minmax(0,1fr) auto}.petCommentAvatar{width:34px;height:34px}.petCommentReactions button span{display:none}}.detailAdminBar{display:grid;gap:8px;padding:18px 24px;background:var(--surface-warm);border:1px solid var(--border-soft);border-radius:var(--radius-xl)}.cursorPetPreview{position:fixed;z-index:80;pointer-events:none;transform:rotate(var(--cursor-rotation, 0deg));transform-origin:50% 80%;transition:transform .15s var(--ease-out);filter:drop-shadow(0 12px 20px rgba(15,15,14,.18))}.cursorPetLoader{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:var(--radius-md);background:radial-gradient(circle at 65% 35%,var(--accent-glow),transparent 42%),var(--floating-control-bg);color:var(--ink);box-shadow:var(--shadow-md)}@media(hover:none),(pointer:coarse){.detailWalkButton,.cursorPetPreview{display:none}}.importCommand{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;max-width:760px;margin-top:4px;border-radius:var(--radius-md);overflow:hidden;background:var(--terminal-bg);border:1px solid var(--terminal-border);box-shadow:0 14px 32px -22px #0f0f0e80}.commandLine{display:flex;align-items:center;gap:12px;min-width:0;height:48px;background:var(--terminal-bg);color:color-mix(in srgb,var(--terminal-fg) 55%,var(--terminal-bg));padding:0 18px;border:0}.commandLine .icon{color:var(--terminal-prompt);flex-shrink:0}.commandLine code{overflow:hidden;min-width:0;color:var(--terminal-fg);font-family:var(--font-mono);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.importCommand .btn{height:48px;border-radius:0;border:0;border-left:1px solid var(--terminal-border);background:var(--terminal-bg);color:var(--terminal-fg);padding:0 18px;font-size:12px;letter-spacing:0;box-shadow:none}.importCommand .btn:hover:not(:disabled){background:color-mix(in srgb,var(--terminal-fg) 7%,var(--terminal-bg));color:var(--terminal-prompt);border-color:var(--terminal-border)}.validationCard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.validationCard.compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.validationCard div{display:grid;gap:4px;min-width:0;padding:10px 16px;background:transparent;border-right:1px solid var(--border-soft)}.validationCard div:last-child{border-right:0}.validationCard span{overflow:hidden;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.validationCard strong{overflow:hidden;color:var(--ink);font-family:var(--font-mono);font-size:12.5px;font-weight:500;font-feature-settings:"tnum","zero";text-overflow:ellipsis;white-space:nowrap}.validationCard.compact div{gap:6px;padding:14px 16px}.status{margin:12px 0 0;color:var(--danger-fg);font-family:var(--font-mono);font-size:12px;letter-spacing:0}.modalBackdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:color-mix(in srgb,var(--terminal-bg) 44%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:24px;animation:fade-in .22s var(--ease-out)}.authModal{position:relative;width:min(420px,100%);padding:32px 28px 24px;background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-modal);border:1px solid var(--border);animation:modal-in .32s var(--ease-spring)}.modalHeader,.authTabs{display:flex;gap:0}.modalHeader{align-items:center;justify-content:flex-start;margin-bottom:22px;padding-right:86px}.modalCloseButton{position:absolute;top:24px;right:24px}.authTabs{gap:2px;padding:3px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-soft) 55%,var(--surface));border-radius:999px}.authTabs .btn{height:28px;padding:0 14px;background:transparent;border:0;border-radius:999px;color:var(--muted);font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:-.005em;text-transform:none;box-shadow:none}.authTabs .btn:hover:not(:disabled){background:transparent;color:var(--ink);border:0;transform:none}.authTabs .btnPrimary{background:var(--ink);color:var(--bg);border:0;box-shadow:var(--shadow-sm)}.authTabs .btnPrimary:hover:not(:disabled){background:var(--ink);color:var(--bg)}.modalTitle{margin-bottom:22px}.modalTitle.compact{margin-bottom:0}.modalTitle .metaText{margin:0 0 6px}.modalTitle h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:28px;letter-spacing:-.02em;line-height:1.02;color:var(--ink)}.stackForm{display:grid;gap:14px}.signupIdentityPanel{display:grid;gap:8px;margin-bottom:16px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.signupIdentityPanel label{display:grid;gap:7px}.signupIdentityPanel .input{background:var(--surface)}.authFieldHint{margin:0;color:var(--muted);font-family:var(--font-mono);font-size:11px;line-height:1.4;letter-spacing:0}.authFieldHint.error{color:var(--danger-fg)}.authProviderCluster{display:grid;gap:10px;margin-bottom:16px}.authProviderList{display:grid;gap:10px}.signupProviderSet{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.signupProviderSetHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.signupProviderSetHeader small{color:var(--muted);font-family:var(--font-mono);font-size:10.5px;letter-spacing:0;white-space:nowrap}.authProviderButton{width:100%;justify-content:flex-start;background:var(--surface)}.authProviderMark{display:inline-grid;width:22px;height:22px;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--ink);font-family:var(--font-mono);font-size:12px;font-weight:700}.authProviderMark.x{background:var(--ink);color:var(--surface)}.authDivider{display:grid;padding:2px 0}.authDivider.withLabel{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:16px}.authDivider span{height:1px;background:var(--border)}.authDivider em{color:var(--muted);font-family:var(--font-mono);font-size:10.5px;font-style:normal;letter-spacing:0;white-space:nowrap}.authInlineAction{display:block;margin:14px auto 0}.textButton{border:0;background:transparent;color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:0;transition:color .2s var(--ease-swift)}.textButton:hover:not(:disabled){color:var(--ink)}.textButton:disabled{cursor:default;opacity:.55}.settingsDivider{height:1px;margin:4px 0;background:var(--border)}.settingsPreferenceList{display:grid;gap:10px}.settingsPreferenceList+.stackForm{margin-top:16px}.settingsDangerZone{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.settingsDeleteButton{justify-content:center;min-width:0}.settingsApiKeys{display:grid;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.settingsSectionHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.settingsSectionHeader small{color:var(--muted);font-family:var(--font-mono);font-size:11px}.apiKeyCreateRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.apiKeyCreateRow label{display:grid;gap:7px}.apiKeySecretBox{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);padding:10px}.apiKeySecretBox code{overflow:hidden;color:var(--ink);font-family:var(--font-mono);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.apiKeyList{display:grid;gap:8px}.apiKeyRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:10px}.apiKeyRow span{display:grid;gap:4px;min-width:0}.apiKeyRow strong,.apiKeyRow small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apiKeyRow strong{color:var(--ink);font-size:13.5px}.apiKeyRow small{color:var(--muted);font-family:var(--font-mono);font-size:11px}.settingsToggleRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.settingsToggleCopy{display:grid;gap:5px}.settingsToggleCopy small{color:var(--muted);font-family:var(--font-mono);font-size:11px;line-height:1.35}.contentModeSwitch{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-family:var(--font-mono);font-size:11.5px;letter-spacing:0;cursor:pointer;-webkit-user-select:none;user-select:none}.contentModeSwitch input{position:absolute;opacity:0;pointer-events:none}.switchTrack{position:relative;width:34px;height:20px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-soft);transition:background .18s var(--ease-out),border-color .18s var(--ease-out)}.switchThumb{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .18s var(--ease-out),background .18s var(--ease-out)}.contentModeSwitch:hover{color:var(--ink)}.contentModeSwitch:has(input:checked){color:var(--ink)}.contentModeSwitch:has(input:checked) .switchTrack{border-color:var(--ink);background:var(--ink)}.contentModeSwitch:has(input:checked) .switchThumb{transform:translate(14px)}.modalBodyCopy{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.modalActionRow{display:flex;flex-wrap:wrap;gap:10px}.modalActionRow .btn{flex:1 1 150px;justify-content:center}.accountDeleteModal{width:min(460px,100%)}.accountDeleteOptions{display:grid;gap:10px}.accountDeleteOption{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;width:100%;min-width:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;transition:border-color .2s var(--ease-swift),background .2s var(--ease-swift),box-shadow .2s var(--ease-swift)}.accountDeleteOption:hover:not(:disabled){border-color:var(--border-strong)}.accountDeleteOption.isSelected{border-color:var(--ink);background:var(--surface-soft);box-shadow:inset 0 0 0 1px var(--ink)}.accountDeleteOption:disabled{cursor:default;opacity:.6}.accountDeleteOption span{display:grid;gap:4px;min-width:0}.accountDeleteOption strong{color:var(--ink);font-family:var(--font-sans);font-size:14px;font-weight:600;line-height:1.2}.accountDeleteOption small{color:var(--muted);font-family:var(--font-mono);font-size:11px;line-height:1.35}.adminActions{display:grid;gap:8px}.adminPage{gap:18px}.adminSection{display:grid;gap:12px}.adminSectionHeader h2{margin:0;color:var(--ink);font-family:var(--font-sans);font-size:22px;font-weight:600;letter-spacing:0}.adminCollectionList{display:grid;gap:14px}.adminCollectionForm{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.35fr);gap:12px;padding:16px}.adminCollectionForm label{display:grid;gap:7px}.adminCollectionForm label:has(textarea){grid-column:1 / -1}.adminCollectionForm .rowActions{grid-column:1 / -1}.collectionCheckboxList{display:grid;gap:8px;max-height:320px;overflow:auto;padding-right:2px}.collectionCheckbox{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-warm);padding:10px}.collectionCheckbox span{display:grid;min-width:0}.collectionCheckbox strong,.collectionCheckbox small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collectionCheckbox small{color:var(--muted);font-family:var(--font-mono);font-size:11px}.stackForm label,.stackField{display:grid;gap:7px}.modalFootnote{margin:16px 0 0;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:0;text-align:center}.shareModal{width:min(620px,100%)}.playgroundModal{width:min(1245px,calc(100vw - 48px))}.playgroundModal[data-fullscreen],.playgroundModal:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;margin:0;padding:14px 18px;display:flex;flex-direction:column;background:var(--surface)}.playgroundModal[data-fullscreen] .playgroundCanvasWrapper,.playgroundModal:fullscreen .playgroundCanvasWrapper{flex:1 1 auto;aspect-ratio:auto;height:100%;min-height:0}.playgroundHeaderIconBtn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-soft);color:var(--ink);cursor:pointer;font-size:16px;font-family:inherit;transition:background .2s var(--ease-swift),border-color .2s var(--ease-swift),color .2s var(--ease-swift),transform .2s var(--ease-swift)}.playgroundHeaderIconBtn:hover,.playgroundHeaderIconBtn:focus-visible{background:var(--surface-warm);border-color:var(--border-strong);transform:translateY(-1px)}.playgroundHeaderIconBtn:active{transform:translateY(0) scale(.96)}.playgroundHeaderIconBtn[data-active]{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-deep)}.playgroundTouchControls{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;padding:12px;pointer-events:none;user-select:none;-webkit-user-select:none;touch-action:none}.playgroundTouchControls>*{pointer-events:auto}.playgroundDpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:4px}.playgroundDpadBtn{border:1px solid color-mix(in srgb,var(--border-strong) 78%,transparent);background:var(--floating-control-bg);color:var(--foreground);font-size:18px;font-family:inherit;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 var(--inset-highlight),var(--shadow-md);transition:background .2s var(--ease-swift),border-color .2s var(--ease-swift),color .2s var(--ease-swift),transform .16s var(--ease-swift)}.playgroundDpadBtn:active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-deep);transform:scale(.96)}.playgroundDpadUp{grid-column:2;grid-row:1}.playgroundDpadLeft{grid-column:1;grid-row:2}.playgroundDpadRight{grid-column:3;grid-row:2}.playgroundDpadDown{grid-column:2;grid-row:3}.playgroundActionButtons{display:grid;grid-template-columns:repeat(2,72px);gap:6px}.playgroundActionBtn{height:44px;border:1px solid color-mix(in srgb,var(--border-strong) 78%,transparent);background:var(--floating-control-bg);color:var(--foreground);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;border-radius:var(--radius-md);cursor:pointer;text-transform:uppercase;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 var(--inset-highlight),var(--shadow-md);transition:background .2s var(--ease-swift),border-color .2s var(--ease-swift),color .2s var(--ease-swift),transform .16s var(--ease-swift)}.playgroundActionBtn.playgroundActionJump{grid-column:1 / span 2;background:linear-gradient(180deg,color-mix(in srgb,var(--floating-control-bg) 88%,var(--accent-soft)),color-mix(in srgb,var(--floating-control-bg) 76%,var(--surface-soft)));color:var(--foreground);border-color:color-mix(in srgb,var(--accent-deep) 42%,var(--border-strong));font-weight:600;box-shadow:inset 0 1px 0 var(--inset-highlight),inset 0 -1px color-mix(in srgb,var(--accent-deep) 22%,transparent),var(--shadow-md)}.playgroundActionBtn.playgroundActionGhost{grid-column:1 / span 2;background:color-mix(in srgb,var(--floating-control-bg) 76%,transparent)}.playgroundActionBtn:active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-deep);transform:scale(.97)}@media(max-width:720px){.authModal.playgroundModal{width:100%;margin:0;padding:12px;border-radius:0;height:100dvh;max-height:100dvh;display:flex;flex-direction:column}.authModal.playgroundModal .modalHeader{flex-wrap:wrap;gap:8px;margin-bottom:12px;padding-right:0}.authModal.playgroundModal .playgroundHeaderActions{flex-wrap:wrap;width:100%;margin-left:0}.authModal.playgroundModal .modalTitle.compact{flex:1 1 100%}.authModal.playgroundModal .playgroundCanvasWrapper{aspect-ratio:auto;flex:1 1 auto;min-height:0}.authModal.playgroundModal .playgroundControlsHint{display:none}.authModal.playgroundModal .playgroundChatBar{margin-top:8px}.modalBackdrop{padding:0}}@keyframes roomPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.4}}@keyframes roomBubbleIn{0%{transform:translateY(4px) scale(.94);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes roomBadgeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.playgroundHeaderActions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:nowrap;white-space:nowrap;margin-left:auto}.playgroundModal .modalTitle{min-width:0;flex:1 1 auto}.playgroundModal .modalHeader{padding-right:0}.playgroundModal .modalCloseButton{position:static;top:auto;right:auto}.openAsRoomBtn,.roomStatusChip{white-space:nowrap;flex-shrink:0}.openAsRoomBtn{position:relative;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;cursor:pointer;transition:border-color .2s var(--ease-swift),background .2s var(--ease-swift),transform .2s var(--ease-swift),box-shadow .2s var(--ease-swift);box-shadow:var(--shadow-sm)}.openAsRoomBtn:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);animation:roomPulse 2.4s var(--ease-out) infinite}.openAsRoomBtn:hover,.openAsRoomBtn:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-strong));background:var(--accent-soft);transform:translateY(-1px);box-shadow:var(--shadow-md);outline:none}.openAsRoomBtn:active{transform:translateY(0) scale(.98);box-shadow:none}.openAsRoomWrap{position:relative;display:inline-flex}.openAsRoomMenu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:280px;padding:14px 14px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:menu-pop .26s var(--ease-swift);transform-origin:top right}.openAsRoomLabel{margin:0 0 10px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.openAsRoomField{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:12px}.openAsRoomField>span{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.openAsRoomField input,.openAsRoomField select{width:100%;padding:7px 8px;font-family:inherit;font-size:13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:inherit;transition:border-color .2s var(--ease-swift),box-shadow .2s var(--ease-swift)}.openAsRoomField input:focus,.openAsRoomField select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.openAsRoomActions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.openAsRoomActions .btn{font-size:12px;padding:7px 12px}.roomStatusChip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid var(--border);background:var(--surface-warm);border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.roomStatusChip[data-kind=host]{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-deep)}.roomStatusChip[data-permanent]{background:var(--surface-warm);border-color:var(--border);color:var(--muted)}.roomStatusChip[data-permanent] .roomDot{background:var(--muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--muted) 16%,transparent)}.roomStatusChip .roomDot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);animation:roomPulse 2.4s var(--ease-out) infinite}.roomStatusChip .roomCallsign{font-weight:600;color:var(--ink);letter-spacing:.06em}.roomStatusChip .roomCallsignSep{color:var(--subtle)}.roomShareBtn{margin-left:6px;height:22px;padding:0 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft);color:var(--accent-deep);font-family:inherit;font-size:10px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s var(--ease-swift),color .2s var(--ease-swift),border-color .2s var(--ease-swift),transform .2s var(--ease-swift)}.roomShareBtn:hover,.roomShareBtn:focus-visible{background:var(--ink);border-color:var(--ink);color:var(--bg);transform:translateY(-1px);outline:none}.roomShareBtn[data-copied]{opacity:1;background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-deep)}.roomShareBtn[data-open]{opacity:1;background:color-mix(in srgb,var(--ink) 8%,transparent)}.roomShareWrap{position:relative;display:inline-flex}.roomShareMenu{position:absolute;top:calc(100% + 6px);right:0;z-index:10;min-width:192px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:2px;animation:menu-pop .26s var(--ease-swift);transform-origin:top right}@keyframes roomShareMenuIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.roomShareMenuItem{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:transparent;color:inherit;font-family:inherit;font-size:13px;text-align:left;text-decoration:none;border-radius:10px;cursor:pointer;transition:background .2s var(--ease-swift),color .2s var(--ease-swift)}.roomShareMenuItem:hover,.roomShareMenuItem:focus-visible{background:var(--accent-soft);color:var(--accent-ink);outline:none}.roomShareMenuIcon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-weight:700;font-size:11px;letter-spacing:.02em;background:var(--surface-soft);color:var(--muted);flex-shrink:0}.roomShareMenuIcon[data-tone=native]{background:var(--accent-soft);color:var(--accent-deep)}.roomShareMenuIcon[data-tone=x]{background:#111;color:#fff}.roomShareMenuIcon[data-tone=bsky]{background:#1185fe;color:#fff}.roomShareMenuIcon[data-tone=telegram]{background:#229ed9;color:#fff}.roomShareMenuIcon[data-tone=whatsapp]{background:#25d366;color:#fff}.roomShareMenuIcon[data-tone=email]{background:var(--muted);color:var(--surface)}.roomShareMenuIcon[data-tone=copy]{background:var(--surface-soft);color:var(--muted)}.petSwapWrap{position:relative;display:inline-flex}.petSwapMenu{position:absolute;top:calc(100% + 8px);right:0;z-index:12;width:296px;max-height:420px;overflow-y:auto;padding:10px 10px 12px;background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--accent-soft) 70%,transparent),transparent 70%),var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--inset-highlight);animation:menu-pop .26s var(--ease-swift);transform-origin:top right;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 35%,transparent) transparent}.petSwapMenu::-webkit-scrollbar{width:6px}.petSwapMenu::-webkit-scrollbar-track{background:transparent}.petSwapMenu::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 32%,transparent);border-radius:3px}@keyframes petSwapMenuIn{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.petSwapMenuHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 8px;border-bottom:1px dashed var(--border-strong);margin-bottom:8px}.petSwapMenuLabel{display:inline-flex;align-items:center;gap:7px;margin:0;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep)}.petSwapMenuLabelDot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);animation:petSwapDotPulse 2.4s ease-in-out infinite}@keyframes petSwapDotPulse{0%,to{box-shadow:0 0 0 3px var(--accent-glow)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 8%,transparent)}}.petSwapMenuCount{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:3px 7px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 55%,var(--surface));white-space:nowrap}.petSwapSearchWrap{position:relative;margin:0 0 8px}.petSwapSearchPrefix{position:absolute;left:10px;top:50%;transform:translateY(-52%);font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--subtle);pointer-events:none;transition:color .2s var(--ease-out),transform .2s var(--ease-out)}.petSwapSearchWrap:focus-within .petSwapSearchPrefix{color:var(--accent);transform:translateY(-52%) translate(2px)}.petSwapSearch{width:100%;padding:8px 10px 8px 24px;font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-warm) 45%,var(--surface));color:var(--ink);caret-color:var(--accent);box-sizing:border-box;transition:border-color .2s var(--ease-swift),box-shadow .2s var(--ease-swift),background .2s var(--ease-swift)}.petSwapSearch::placeholder{color:var(--subtle);font-style:italic}.petSwapSearch:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:var(--ring)}.petSwapSearch::-webkit-search-decoration,.petSwapSearch::-webkit-search-cancel-button,.petSwapSearch::-webkit-search-results-button,.petSwapSearch::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.petSwapMenuError{margin:6px 0;padding:6px 8px;font-size:11px;color:var(--danger-fg);background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 22%,transparent);border-radius:var(--radius-sm);text-align:center}.petSwapMenuLoading{margin:6px 0;font-size:12px;color:var(--muted);text-align:center}.petSwapEmpty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 8px 8px;color:var(--muted);font-size:12px;text-align:center}.petSwapEmpty p{margin:0;max-width:220px;line-height:1.4}.petSwapEmptyMark{display:inline-block;font-family:var(--font-mono);font-size:18px;letter-spacing:.05em;color:color-mix(in srgb,var(--accent) 60%,transparent);transform:rotate(-4deg)}.petSwapSection{margin:0}.petSwapSection+.petSwapSection{margin-top:12px}.petSwapSectionLabel{display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:0 2px;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.petSwapSectionRule{display:inline-block;width:10px;height:1px;background:color-mix(in srgb,var(--accent) 50%,transparent)}.petSwapSectionCount{margin-left:auto;font-size:8px;letter-spacing:.08em;color:var(--subtle);padding:1px 5px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-warm) 40%,transparent)}.petSwapSectionMore{margin:6px 0 0;padding:0 4px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:var(--muted);text-align:right;font-style:italic}.petSwapGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.petSwapTile{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 3px 4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;color:var(--ink);box-shadow:inset 0 1px 0 var(--inset-highlight);transition:background .2s var(--ease-swift),border-color .2s var(--ease-swift),transform .2s var(--ease-swift),box-shadow .2s var(--ease-swift)}.petSwapTile:hover:not(:disabled),.petSwapTile:focus-visible:not(:disabled){background:color-mix(in srgb,var(--accent-soft) 55%,var(--surface));border-color:color-mix(in srgb,var(--accent) 45%,var(--border));outline:none;transform:translateY(-1px) rotate(-.4deg);box-shadow:var(--shadow-md),inset 0 1px 0 var(--inset-highlight)}.petSwapTile:active:not(:disabled){transform:translateY(0) rotate(0)}.petSwapTile:disabled{cursor:not-allowed}.petSwapTile:disabled:not([data-active]){opacity:.4;filter:saturate(.7)}.petSwapTile[data-active]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent),var(--shadow-sm),inset 0 1px 0 var(--inset-highlight)}.petSwapTile[data-active]:after{content:"";position:absolute;top:-1px;right:-1px;width:0;height:0;border-style:solid;border-width:0 7px 7px 0;border-color:transparent var(--accent) transparent transparent;border-top-right-radius:var(--radius-sm)}.petSwapTileFrame{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:44px;background:radial-gradient(circle at 50% 82%,var(--preview-ground),transparent 60%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,18px 18px;background-color:var(--stage-checker-a);border-radius:var(--radius-xs);overflow:hidden}.petSwapTileSprite{display:block;width:36px;height:39px;background-repeat:no-repeat;background-position:0 0;background-size:288px auto;image-rendering:pixelated}.petSwapTileName{margin-top:1px;padding:0 2px;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.04em;line-height:1.15;text-align:center;color:color-mix(in srgb,var(--ink) 85%,transparent);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.petSwapTile[data-active] .petSwapTileName{color:var(--accent-deep);font-weight:700}.playgroundHeaderIconBtn:disabled{opacity:.4;cursor:not-allowed}.btnSpinner{display:inline-block;width:11px;height:11px;margin-right:6px;vertical-align:-1px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btnSpin .72s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.roomOverlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;font-family:var(--font-mono)}.roomAnchor{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.roomBadge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 6px;background:color-mix(in srgb,var(--terminal-bg) 88%,transparent);color:color-mix(in srgb,var(--terminal-fg) 78%,transparent);font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 8px #0f0f0e2e;animation:roomBadgeIn .28s var(--ease-out)}.roomBadge .roomBadgeName{color:var(--terminal-fg)}.roomBadge .roomBadgeSep{color:color-mix(in srgb,var(--terminal-fg) 40%,transparent)}.roomBadge .roomBadgePet{color:var(--terminal-prompt);letter-spacing:.04em}.roomBadge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--terminal-prompt);box-shadow:0 0 0 2px var(--accent-glow)}.roomBubble{position:relative;max-width:240px;padding:8px 12px 9px;background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:13px;line-height:1.4;letter-spacing:-.005em;text-align:left;word-break:break-word;box-shadow:var(--shadow-md);animation:roomBubbleIn .28s var(--ease-spring)}.roomBubble:before{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--surface);border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong)}.playgroundChatBar{position:relative;display:flex;align-items:stretch;gap:0;margin-top:12px;border:1px solid var(--terminal-border);border-radius:var(--radius-md);background:var(--terminal-bg);box-shadow:inset 0 1px color-mix(in srgb,var(--terminal-fg) 6%,transparent);transition:border-color .2s var(--ease-swift),box-shadow .2s var(--ease-swift),background .2s var(--ease-swift)}.playgroundChatBar:focus-within{border-color:var(--accent);background:var(--terminal-bg);box-shadow:var(--ring),inset 0 1px color-mix(in srgb,var(--terminal-fg) 6%,transparent)}.playgroundChatPrompt{display:inline-flex;align-items:center;justify-content:center;width:26px;font-family:var(--font-mono);font-size:14px;font-weight:700;color:color-mix(in srgb,var(--terminal-prompt) 55%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;transition:color .2s var(--ease-swift),transform .2s var(--ease-swift)}.playgroundChatBar:focus-within .playgroundChatPrompt{color:var(--terminal-prompt);transform:translate(1px)}.playgroundChatInput{flex:1;height:38px;border:none!important;background:transparent!important;padding:0 8px 0 4px;font-family:var(--font-mono);font-size:13px;letter-spacing:-.005em;color:var(--terminal-fg);outline:none;box-shadow:none!important;border-radius:0!important;caret-color:var(--terminal-prompt)}.playgroundChatInput::placeholder{color:color-mix(in srgb,var(--terminal-fg) 42%,transparent);font-style:italic}.playgroundEmojiWrap{position:relative;display:inline-flex}.playgroundEmojiBtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:38px;border:none;border-left:1px solid var(--terminal-border);background:transparent;color:color-mix(in srgb,var(--terminal-fg) 55%,transparent);cursor:pointer;border-radius:0;transition:background .2s var(--ease-swift),color .2s var(--ease-swift),transform .2s var(--ease-swift)}.playgroundEmojiBtn:hover,.playgroundEmojiBtn:focus-visible{background:color-mix(in srgb,var(--terminal-fg) 8%,transparent);color:var(--terminal-prompt);outline:none;transform:scale(1.06)}.playgroundEmojiBtn[data-active]{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--terminal-prompt)}.playgroundEmojiPopover{position:absolute;bottom:calc(100% + 10px);right:-8px;z-index:14;border-radius:var(--radius-lg);background:var(--surface);padding:4px;border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:menu-pop .26s var(--ease-swift);transform-origin:bottom right}.playgroundEmojiPopover:after{content:"";position:absolute;bottom:-7px;right:18px;width:12px;height:12px;background:var(--surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg)}.playgroundEmojiPopover .EmojiPickerReact{--epr-emoji-size: 24px;--epr-emoji-padding: 5px;--epr-bg-color: var(--surface);--epr-category-label-bg-color: var(--surface);--epr-picker-border-color: transparent;--epr-search-border-color: var(--border);--epr-search-bg-color: var(--surface-warm);--epr-search-input-bg-color: var(--surface-warm);--epr-search-input-bg-color-active: var(--surface);--epr-search-input-placeholder-color: var(--subtle);--epr-search-input-text-color: var(--ink);--epr-hover-bg-color: var(--accent-soft);--epr-focus-bg-color: color-mix(in srgb, var(--accent) 18%, transparent);--epr-highlight-color: var(--accent-deep);--epr-text-color: var(--foreground);--epr-category-icon-active-color: var(--accent-deep);--epr-active-skin-tone-indicator-border-color: var(--accent);--epr-category-navigation-button-size: 28px;--epr-header-padding: 8px 8px 6px;--epr-horizontal-padding: 8px;font-family:var(--font-mono)!important;border:0!important;background:transparent!important}.playgroundEmojiPopover .EmojiPickerReact .epr-search-container input.epr-search{border-radius:var(--radius-sm)!important;border:1px solid var(--border)!important;padding-left:28px!important;font-family:var(--font-mono)!important;font-size:12px!important;letter-spacing:.02em;color:var(--ink)!important}.playgroundEmojiPopover .EmojiPickerReact .epr-search-container input.epr-search::placeholder{font-style:italic}.playgroundEmojiPopover .EmojiPickerReact .epr-search-container input.epr-search:focus{border-color:var(--accent)!important;box-shadow:var(--ring)!important}.playgroundEmojiPopover .EmojiPickerReact .epr-icn-search{filter:brightness(.6) saturate(2) hue-rotate(335deg)}.playgroundEmojiPopover .EmojiPickerReact .epr-category-nav{border-bottom:1px solid var(--border-soft);margin:0 4px;padding:4px 0 6px!important}.playgroundEmojiPopover .EmojiPickerReact .epr-cat-btn{border-radius:6px!important;transition:background .2s var(--ease-swift)}.playgroundEmojiPopover .EmojiPickerReact .epr-cat-btn:hover{background:var(--surface-soft)!important}.playgroundEmojiPopover .EmojiPickerReact .epr-cat-btn.epr-active{background:var(--accent-soft)!important}.playgroundEmojiPopover .EmojiPickerReact .epr-emoji-category-label{font-family:var(--font-mono)!important;font-size:9px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--muted)!important;background:var(--surface)!important;padding:8px 10px 4px!important;position:relative}.playgroundEmojiPopover .EmojiPickerReact .epr-emoji-category-label:before{content:"";display:inline-block;width:10px;height:1px;background:color-mix(in srgb,var(--accent) 55%,transparent);margin-right:8px;vertical-align:middle}.playgroundEmojiPopover .EmojiPickerReact .epr-emoji-img,.playgroundEmojiPopover .EmojiPickerReact button.epr-emoji{border-radius:6px!important}.playgroundEmojiPopover .EmojiPickerReact button.epr-emoji:focus-visible{outline:2px solid var(--accent)!important;outline-offset:-2px!important}.playgroundEmojiPopover .EmojiPickerReact .epr-body{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 35%,transparent) transparent}.playgroundEmojiPopover .EmojiPickerReact .epr-body::-webkit-scrollbar{width:6px}.playgroundEmojiPopover .EmojiPickerReact .epr-body::-webkit-scrollbar-track{background:transparent}.playgroundEmojiPopover .EmojiPickerReact .epr-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 32%,transparent);border-radius:3px}.playgroundEmojiLoading{width:304px;height:360px;display:flex;align-items:center;justify-content:center;background:transparent;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.playgroundChatSend{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:38px;border:none;border-left:1px solid var(--terminal-border);background:color-mix(in srgb,var(--terminal-fg) 5%,transparent);color:var(--terminal-prompt);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0;transition:background .2s var(--ease-swift),color .2s var(--ease-swift)}.playgroundChatSend:hover,.playgroundChatSend:focus-visible{background:var(--terminal-prompt);color:var(--terminal-bg);outline:none}.playgroundChatSend kbd{font:inherit;font-size:10px;font-weight:600;opacity:.7;padding:1px 4px;border:1px solid currentColor;border-radius:3px;letter-spacing:0}.roomGate{width:min(560px,100%);border-radius:var(--radius-2xl)}.roomGateHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:16px}.roomGateHeader h2{margin:6px 0 0;font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.roomGateCallsign{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep)}.roomGateCallsign .roomDot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);animation:roomPulse 2.4s var(--ease-out) infinite}.roomGateLead{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.roomPetSection{margin:0 0 16px}.roomPetSection .roomPetGrid{margin:0;max-height:240px}.roomPetSectionLabel{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:0 2px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.roomPetSectionLabel:before{content:"";display:inline-block;width:10px;height:1px;background:color-mix(in srgb,var(--accent) 55%,transparent)}.roomPetGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px;margin:0 0 16px;max-height:360px;overflow-y:auto;padding:4px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 35%,transparent) transparent}.roomPetGrid::-webkit-scrollbar{width:6px}.roomPetGrid::-webkit-scrollbar-track{background:transparent}.roomPetGrid::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 32%,transparent);border-radius:3px}.roomPetTile{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;font:inherit;color:inherit;text-align:left;overflow:hidden;transition:border-color .2s var(--ease-swift),transform .2s var(--ease-swift),box-shadow .2s var(--ease-swift)}.roomPetTile{background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--inset-highlight)}.roomPetTile:hover,.roomPetTile:focus-visible{border-color:color-mix(in srgb,var(--accent) 30%,var(--border-strong));transform:translateY(-2px);box-shadow:var(--shadow-md);outline:none}.roomPetTile:active{transform:translateY(0) scale(.98)}.roomPetTile:hover .roomPetTilePreview,.roomPetTile:focus-visible .roomPetTilePreview{background:radial-gradient(120px circle at 50% 42%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 68%),radial-gradient(circle at 50% 82%,var(--preview-ground),transparent 60%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,auto,18px 18px;background-color:var(--stage-checker-a)}.roomPetTilePreview{display:flex;align-items:flex-end;justify-content:center;height:92px;padding:8px 0 6px;background:radial-gradient(circle at 50% 82%,var(--preview-ground),transparent 60%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,18px 18px;background-color:var(--stage-checker-a);border-bottom:1px solid var(--border-soft);transition:background .2s var(--ease-swift)}.roomPetTileSprite{display:block;width:70px;height:76px;background-repeat:no-repeat;background-position:0 0;background-size:560px auto;image-rendering:pixelated}.roomPetTileLabel{display:flex;flex-direction:column;gap:1px;padding:6px 8px 7px}.roomPetTileName{font-size:12px;font-weight:600;letter-spacing:-.005em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roomPetTileSlug{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roomGateEmpty{padding:24px 12px;text-align:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--muted);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-warm);display:flex;flex-direction:column;align-items:center;gap:14px}.roomGateEmpty p{margin:0;max-width:32ch}.roomSignInGate{width:min(440px,100%);border-radius:var(--radius-2xl)}.roomSignInGate .roomGateCallsign{margin-bottom:6px}.roomSignInGate h2{margin:0 0 10px;font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.roomSignInGate p{color:var(--muted);margin:0 0 18px;font-size:14px;line-height:1.55}.playgroundControlsHint{position:relative;margin:-10px 0 14px;padding:8px 0 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted);border-top:1px dashed var(--border-soft);border-bottom:1px dashed var(--border-soft);overflow:hidden;white-space:nowrap}.playgroundControlsHint:after{content:"";position:absolute;top:0;bottom:0;right:0;width:36px;pointer-events:none;background:linear-gradient(to right,transparent,var(--surface) 80%)}.playgroundControlsHintInner{display:inline-block;overflow-x:auto;white-space:nowrap;scrollbar-width:none;width:100%;padding-right:36px}.playgroundControlsHintInner::-webkit-scrollbar{display:none}.playgroundCanvasWrapper{position:relative;width:100%;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:radial-gradient(circle at 50% 82%,var(--preview-ground),transparent 60%),conic-gradient(var(--stage-checker-b) 25%,transparent 0 50%,var(--stage-checker-b) 0 75%,transparent 0);background-size:auto,18px 18px;background-color:var(--stage-checker-a)}.playgroundCanvas{display:block;width:100%;height:100%;outline:none;cursor:grab}.playgroundMinimap{position:absolute;top:52px;right:12px;width:144px;height:144px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--terminal-bg) 84%,var(--terminal-fg));box-shadow:0 0 0 2px var(--terminal-border),inset 0 0 0 1px color-mix(in srgb,var(--terminal-fg) 34%,transparent),0 8px 18px -10px #0000008c;pointer-events:none;opacity:.82;transition:opacity .2s var(--ease-out);z-index:4}.playgroundCanvasWrapper:hover .playgroundMinimap{opacity:1}.playgroundMinimap[data-touch]{right:12px}@media(max-width:640px){.playgroundMinimap{width:108px;height:108px;top:52px;right:8px}.playgroundMinimap[data-touch]{right:8px}}.playgroundOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono, ui-monospace, monospace);font-size:13px;color:var(--muted);background:color-mix(in srgb,var(--surface) 85%,transparent);pointer-events:none}.playgroundOverlay.error{color:var(--danger)}.playgroundHostClosedOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--terminal-bg) 62%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:12;animation:hostClosedIn .2s var(--ease-out)}@keyframes hostClosedIn{0%{opacity:0}to{opacity:1}}.playgroundHostClosedCard{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:22px 28px 20px;box-shadow:var(--shadow-modal);text-align:center;max-width:360px;margin:0 18px}.playgroundHostClosedHeading{margin:0 0 6px;font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.playgroundHostClosedSub{margin:0 0 16px;font-size:13px;color:var(--muted)}.playgroundHostClosedCard .btn{font-size:12px;padding:8px 16px}.playgroundJoinToasts{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:11;align-items:flex-end}.playgroundJoinToast{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;background:color-mix(in srgb,var(--terminal-bg) 88%,transparent);border:1px solid var(--terminal-border);color:var(--terminal-fg);font-family:var(--font-mono, ui-monospace, monospace);font-size:12px;letter-spacing:.02em;border-radius:999px;box-shadow:0 6px 16px -8px #0009;animation:joinToastIn .22s var(--ease-out)}.playgroundJoinToastDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--terminal-prompt);box-shadow:0 0 0 3px var(--accent-glow)}@keyframes joinToastIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.playgroundStateBadge{position:absolute;top:10px;left:10px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--terminal-bg) 80%,transparent);color:var(--terminal-prompt);font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:11px;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none}.playgroundNpcBar{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace)}.playgroundNpcChip{appearance:none;border:0;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--terminal-bg) 84%,transparent);color:var(--terminal-fg);font-size:11px;letter-spacing:.04em;cursor:pointer;transition:background .2s var(--ease-swift);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playgroundNpcChip:hover{background:color-mix(in srgb,var(--danger) 72%,var(--terminal-bg))}.playgroundNpcChipX{font-size:13px;line-height:1;opacity:.75}.playgroundNpcAddBtn{appearance:none;border:1px dashed color-mix(in srgb,var(--terminal-fg) 40%,transparent);background:color-mix(in srgb,var(--terminal-bg) 64%,transparent);color:var(--terminal-fg);padding:4px 12px;border-radius:999px;font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:11px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .2s var(--ease-swift),border-color .2s var(--ease-swift),color .2s var(--ease-swift)}.playgroundNpcAddBtn:hover{background:color-mix(in srgb,var(--terminal-prompt) 16%,transparent);border-color:color-mix(in srgb,var(--terminal-prompt) 70%,transparent);color:var(--terminal-prompt)}.playgroundResetBtn{appearance:none;border:1px solid color-mix(in srgb,var(--terminal-fg) 25%,transparent);background:color-mix(in srgb,var(--terminal-bg) 74%,transparent);color:var(--terminal-fg);width:28px;height:28px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s var(--ease-swift),border-color .2s var(--ease-swift),color .2s var(--ease-swift)}.playgroundResetBtn svg{display:block}.playgroundResetBtn:hover{background:color-mix(in srgb,var(--danger) 22%,transparent);border-color:color-mix(in srgb,var(--danger) 60%,transparent);color:color-mix(in srgb,var(--danger) 42%,var(--terminal-fg))}.playgroundNpcBar [data-tooltip]:after{bottom:auto;top:calc(100% + 6px);transform:translate(-50%,-4px);text-transform:none}.playgroundNpcBar [data-tooltip]:hover:after,.playgroundNpcBar [data-tooltip]:focus-visible:after{transform:translate(-50%)}.playgroundNpcAddBtn[data-tooltip]:after,.playgroundResetBtn[data-tooltip]:after{left:auto;right:0;transform:translateY(-4px)}.playgroundNpcAddBtn[data-tooltip]:hover:after,.playgroundNpcAddBtn[data-tooltip]:focus-visible:after,.playgroundResetBtn[data-tooltip]:hover:after,.playgroundResetBtn[data-tooltip]:focus-visible:after{transform:translate(0)}.playgroundNpcSearch{width:260px;background:color-mix(in srgb,var(--terminal-bg) 95%,transparent);border:1px solid var(--terminal-border);border-radius:var(--radius-lg);padding:8px;box-shadow:var(--shadow-lg);z-index:200;font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace);animation:menu-pop .26s var(--ease-swift);transform-origin:top right}.playgroundNpcSearchInput{width:100%;appearance:none;border:1px solid color-mix(in srgb,var(--terminal-fg) 25%,transparent);background:var(--terminal-bg);color:var(--terminal-fg);caret-color:var(--terminal-prompt);font-family:inherit;font-size:12px;padding:6px 10px;border-radius:var(--radius-sm);outline:none;transition:border-color .2s var(--ease-swift),box-shadow .2s var(--ease-swift)}.playgroundNpcSearchInput:focus{border-color:var(--terminal-prompt);box-shadow:0 0 0 2px var(--accent-glow)}.playgroundNpcSearchList{list-style:none;margin:6px 0 0;padding:0;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--terminal-fg) 25%,transparent) transparent}.playgroundNpcSearchList::-webkit-scrollbar{width:6px}.playgroundNpcSearchList::-webkit-scrollbar-track{background:transparent}.playgroundNpcSearchList::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--terminal-fg) 22%,transparent);border-radius:3px}.playgroundNpcSearchList::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--terminal-fg) 40%,transparent)}.playgroundNpcSearchList>li{margin:0}.playgroundNpcSearchItem{width:100%;appearance:none;border:0;background:transparent;color:var(--terminal-fg);text-align:left;font-family:inherit;font-size:12px;padding:6px 8px;border-radius:var(--radius-xs);cursor:pointer;transition:background .2s var(--ease-swift),color .2s var(--ease-swift)}.playgroundNpcSearchItem:hover{background:color-mix(in srgb,var(--terminal-prompt) 16%,transparent);color:var(--terminal-prompt)}.playgroundNpcSearchEmpty{padding:8px;color:color-mix(in srgb,var(--terminal-fg) 55%,transparent);font-size:11px;letter-spacing:.04em}.shareStack{display:grid;gap:12px}.socialShareActions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sharePreviewImage{display:block;width:100%;aspect-ratio:1200 / 630;border:1px solid var(--border);border-radius:var(--radius-md);object-fit:cover;background:var(--surface-soft);box-shadow:var(--shadow-sm)}.shareCreator{margin:4px 0 0;color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:0}.shareCopyRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-warm);padding:12px}.shareCopyRow>div{min-width:0}.shareCopyRow .fieldLabel{display:block;margin-bottom:5px}.downloadCommandRow{padding:10px}.detailInstall .downloadCommandRow{grid-template-columns:minmax(0,1fr);align-items:stretch}.detailInstall .downloadCommandRow .commandCopyButton{justify-self:end;width:fit-content}.downloadCommandRow>div{display:grid;gap:8px}.commandHeaderRow{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.commandModeSwitch{display:inline-flex;align-items:center;justify-self:start;gap:12px;width:fit-content}.commandModeSwitch button{padding:0 0 3px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:0;cursor:pointer;transition:color .2s var(--ease-swift),border-color .2s var(--ease-swift)}.commandModeSwitch button.active{border-color:var(--accent);color:var(--ink)}.commandModeSwitch button:hover:not(.active){border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--ink)}.commandDestination{display:inline-flex;align-items:baseline;min-width:0;gap:6px;color:var(--muted);font-family:var(--font-mono);font-size:10.5px}.commandDestination code{overflow:hidden;color:var(--ink);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.commandHelperText,.downloadInstructions{margin:0;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:0;line-height:1.35}.downloadInstructions code{color:var(--ink);font-size:11px}.downloadOptionDivider{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:6px 0;color:var(--subtle);font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase}.downloadOptionDivider:before,.downloadOptionDivider:after{content:"";height:1px;background:var(--border)}.terminalCommandLine{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;min-width:0;min-height:40px;gap:9px;padding:11px 13px;border:1px solid var(--terminal-border);border-radius:var(--radius-md);background:var(--terminal-bg);color:var(--terminal-fg);box-shadow:inset 0 1px #ffffff0a}.commandCopyButton{height:40px;align-self:end}.terminalCommandLine span{flex:0 0 auto;color:var(--terminal-prompt);font-family:var(--font-mono);font-size:12px}.shareCopyRow code{display:block;color:var(--ink);font-family:var(--font-mono);font-size:11.5px;overflow-wrap:anywhere;word-break:break-word}.terminalCommandLine code{min-width:0;color:inherit;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}.spinner{flex:0 0 auto;animation:spin .72s linear infinite}.skeleton{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-soft)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--inset-highlight),transparent);transform:translate(-100%);animation:skel 1.4s infinite var(--ease-out)}.previewSkeleton{min-height:168px;border-radius:0;border-bottom:1px solid var(--border-soft)}.detailPreviewSkeleton{width:420px;height:440px}.commandSkeleton{height:84px;border-radius:var(--radius-md)}.skeleton.detailStateTileGif{position:absolute;top:8px;right:8px;width:56px;height:22px}.statePreviewSkeleton{width:96px;height:104px}.rowPreviewSkeleton{width:56px;height:60px}.actionSkeleton{width:130px;height:36px;border-radius:var(--radius-sm)}.actionSkeleton.small{width:70px;height:30px}.line{height:12px;margin-bottom:9px}.line.short{width:34%}.line.title{width:58%;height:18px}.line.title.wide{width:min(420px,80%);height:48px}.line.medium{width:76%}.skeletonTile{pointer-events:none}.skeletonTile:before{content:none}.skeletonTile .detailStateTileMain{cursor:default}.skeletonTile .detailStateTileMain .detailStateTileLabel .line{margin:0 auto}@keyframes sprite-play{0%{background-position:var(--sprite-x, 0) var(--sprite-y)}to{background-position:var(--sprite-end-x) var(--sprite-y)}}@keyframes preview-strip-play{0%{background-position:0 0}to{background-position:var(--preview-end-x) 0}}@keyframes skel{to{transform:translate(100%)}}@keyframes item-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.userAvatar{display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:30%;background:radial-gradient(circle at 35% 20%,var(--inset-highlight),transparent 40%),color-mix(in srgb,var(--accent-soft) 58%,var(--surface));color:var(--accent-deep);font-family:var(--font-mono);font-weight:700;line-height:1;flex:0 0 auto}.userAvatar img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.userAvatar-sm{width:30px;height:30px;font-size:10px}.userAvatar-md{width:36px;height:36px;font-size:11px}.userAvatar-lg{width:48px;height:48px;font-size:13px}@media(max-width:1100px){.appShell{width:min(100vw - 48px,1080px)}.galleryGrid.compact{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:980px){.appShell{width:min(100vw - 32px,1080px)}.galleryGrid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.collectionCard{grid-template-columns:minmax(0,1fr)}.collectionCardFooter{grid-template-rows:auto;border-left:0;border-top:1px solid var(--border-soft)}.appNav{grid-template-columns:1fr auto;gap:12px;padding:10px 14px 12px;border-radius:var(--radius-2xl)}.navLinks{grid-column:1 / -1;order:3;justify-content:flex-start;gap:4px;padding-top:8px;border-top:1px solid var(--border-soft)}.detailSurface{grid-template-columns:1fr;grid-template-areas:"hero" "install" "states" "admin" "more"}.detailInstall{position:static}.detailMoreGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.detailStatesGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.uploadsHead,.uploadsTable colgroup{display:none}.uploadsTable,.uploadsTable tbody,.uploadsRow{display:block}.uploadsRow{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:16px;padding:14px 22px;border-bottom:1px solid var(--border-soft)}.uploadsRow:last-child{border-bottom:0}.uploadsRow td{display:contents;padding:0;border-bottom:0}.uploadsPackage{display:contents}.uploadsRow .monoText,.uploadsRow .petStats,.rowActions{grid-column:2 / -1}.rowActions{justify-content:flex-start}}@media(max-width:680px){.accountName{max-width:58px}.sectionHeader .metaText,.sectionHeader .sectionSubhead{display:none}.galleryToolbar{grid-template-columns:1fr;gap:10px}.galleryToolbar .btnLg{width:100%}.galleryFilterRow{align-items:flex-start;flex-direction:column}.sortControls,.galleryControlGroup,.viewControls,.kindControls,.formatControls{width:100%}.sortControls button,.viewControls button,.kindControls button,.formatControls button{justify-content:center;flex:1}.resultBar{align-items:flex-start;flex-direction:column;gap:2px}.resultBar span:last-child{text-align:left}.galleryStatusRow.hasFresh .resultBar{padding-right:0}.freshPetsNotice{top:auto;right:0;bottom:8px;width:min(260px,100%);transform:none}.freshPetsNotice .btn{justify-content:center}.tagDropdown,.tagDropdownTrigger{width:100%}.tagDropdownTrigger{justify-content:space-between}.tagDropdownMenu{left:0;right:auto;width:min(100%,320px)}.galleryGrid,.userCollectionsGrid{grid-template-columns:1fr}.collectionCardBody{grid-template-columns:1fr;min-height:0}.collectionCardFooter{align-items:flex-start;flex-direction:column}.collectionCardActions{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.galleryGrid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.sectionHeader{align-items:flex-start;flex-direction:column;padding:36px 0 20px}.collectionCommand{width:100%}.detailHero{padding:22px;gap:22px;min-width:0;max-width:100%}.detailSurface,.detailInstall,.detailHeader,.detailLede,.detailShowcase,.detailHeroFooter{min-width:0;max-width:100%}.detailLede{overflow-wrap:anywhere}.detailShowcase .spriteFrame.large{width:min(100%,210px);max-width:210px;height:auto;aspect-ratio:192 / 208}.detailHeroFooter{flex-direction:column;align-items:flex-start}.detailSocialActions{width:100%;justify-content:flex-start;flex-wrap:wrap}.detailSocialActions .btn,.detailSocialActions .adminPetMenu{flex:1 1 calc(50% - 4px);min-width:0}.detailSocialActions .btn{white-space:normal}.detailSocialActions .adminPetMenuTrigger{width:100%}.detailPreviewSkeleton{width:min(100%,210px);max-width:210px;height:auto;aspect-ratio:192 / 208}.detailTitle{font-size:clamp(36px,9vw,48px)}.detailLede{font-size:15px}.detailStates{padding:20px;min-width:0;max-width:100%}.detailStatesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailStatesActions{width:100%}.detailStatesActions .btn{flex:1 1 calc(50% - 6px)}.importCommand,.validationCard,.validationCard.compact{grid-template-columns:1fr}.validationCard div{border-right:0;border-bottom:1px solid var(--border-soft)}.validationCard div:last-child{border-bottom:0}.importCommand .btn{width:100%;border-left:0;border-top:1px solid var(--terminal-border)}.authModal{padding:24px 22px 20px}.shareCopyRow,.socialShareActions{grid-template-columns:1fr}.shareCopyRow .btn{width:100%}.modalTitle h2{font-size:24px}}@media(max-width:380px){.detailShowcase .spriteFrame.large,.detailPreviewSkeleton{width:min(100%,192px);max-width:192px}}.uploadTagSection .kindControls{width:fit-content;max-width:100%;justify-self:start}.uploadTagSection .kindControls button{flex:0 0 auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}