:root{--color-bg-deep:#060b14;--color-sky-deep:#060b14;--color-sky-mid:#111827;--color-sky-high:#1a2236;--color-cloud:#e5e7eb;--color-cloud-dim:#9ca3b8;--color-accent:#38bdf8;--color-accent-glow:rgba(56,189,248,0.15);--color-pixel-green:#4ade80;--color-pixel-pink:#f472b6;--color-pixel-yellow:#facc15;--color-pixel-red:#f87171;--color-success:#4ade80;--color-warning:#facc15;--color-error:#f87171;--color-info:#38bdf8;--color-successBg:rgba(74,222,128,0.10);--color-warningBg:rgba(250,204,21,0.10);--color-errorBg:rgba(248,113,113,0.08);--color-infoBg:rgba(56,189,248,0.08);--color-surface-default:var(--color-sky-mid);--color-surface-raised:var(--color-sky-high);--color-text-primary:var(--color-cloud);--color-text-secondary:var(--color-cloud-dim);--color-text-dim:var(--color-text-secondary);--color-border-default:rgba(56,189,248,0.12);--color-cream:var(--color-cloud);--color-muted:var(--color-cloud-dim);--color-mahogany:var(--color-sky-deep);--color-teak:var(--color-sky-mid);--color-walnut:var(--color-sky-high);--color-bamboo:var(--color-border-default);--color-brass:var(--color-accent);--color-copper:var(--color-pixel-pink);--color-cyan:var(--color-accent);--color-magenta:var(--color-pixel-pink);--color-lime:var(--color-pixel-green);--color-danger:var(--color-error);--touch-safe-left:0px;--touch-safe-right:0px;--touch-safe-top:0px;--touch-safe-bottom:0px;--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:12px;--space-6:16px;--space-7:24px;--space-8:32px;--space-9:48px;--space-10:64px;--space-16:64px;--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-pill:9999px;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-h3:20px;--font-size-h2:28px;--font-size-h1:36px;--font-mono:"Geist Mono","SF Mono","Fira Code",monospace;--font-sans:"Geist","SF Pro",system-ui,sans-serif}*,:after,:before{box-sizing:border-box}body{margin:0;padding:0;background:var(--color-sky-deep);color:var(--color-cloud);font-family:var(--font-sans);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-sky-high);border-radius:3px}.game-tile-grid{padding:0}.game-tile-grid,.library-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:12px;gap:12px}.library-skeleton-row,.library-skeleton-tile{background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.09),rgba(255,255,255,.03));background-size:200% 100%;animation:library-skeleton 1.4s ease-in-out infinite}.library-skeleton-tile{min-height:200px;aspect-ratio:3/4}.library-skeleton-row{height:48px;margin-bottom:2px}.library-load-sentinel{height:20px;opacity:.45}.library-load-sentinel.is-loading:after{content:"";display:block;width:32px;height:2px;margin:9px auto;background:var(--color-accent);animation:library-sentinel 1s ease-in-out infinite}.library-row-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:4px}.library-row-secondary-actions{display:flex;gap:4px}.library-row-secondary-actions>button{display:grid;place-items:center;min-width:36px;min-height:36px;padding:6px;border:1px solid transparent;background:transparent;color:var(--color-cloud-dim);cursor:pointer;opacity:0}.library-game-row:focus-within .library-row-secondary-actions>button,.library-game-row:hover .library-row-secondary-actions>button{opacity:1}.library-row-secondary-actions>button:focus-visible,.library-row-secondary-actions>button:hover{color:var(--color-accent);border-color:var(--color-accent);outline:none}.library-row-overflow{display:none;position:relative}.library-row-overflow summary{display:grid;place-items:center;min-width:44px;min-height:44px;list-style:none;border:1px solid transparent;color:var(--color-cloud);cursor:pointer}.library-row-overflow summary::-webkit-details-marker{display:none}.library-row-overflow summary:focus-visible{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:-2px}.library-row-overflow-actions{position:absolute;right:0;top:48px;z-index:5;width:max-content;min-width:180px;padding:6px;background:var(--color-sky-high);border:1px solid var(--color-accent);box-shadow:0 8px 24px rgba(0,0,0,.5)}.library-row-overflow-actions button{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px;border:0;background:transparent;color:var(--color-cloud);font:inherit;cursor:pointer}.library-row-overflow-actions button:focus-visible{outline:2px solid var(--color-accent)}@keyframes library-skeleton{to{background-position:-200% 0}}@keyframes library-sentinel{50%{opacity:.25;transform:scaleX(.5)}}@media (max-width:640px){.game-tile-grid,.library-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.library-skeleton-tile{min-height:180px}.library-row-secondary-actions{display:none}.library-row-overflow{display:block}.library-row-overflow[open]{align-self:flex-start}.library-row-overflow-actions{position:static;margin-top:4px}}@media (prefers-reduced-motion:reduce){.library-load-sentinel.is-loading:after,.library-skeleton-row,.library-skeleton-tile{animation:none!important}}