.about-room{--room-bg:#050505;--room-vignette:#0b0b0b;--fog:#000000d1;--fog-soft:#0000008a;--halo:#ffffff2e;--trail-core:#ffffff26;--trail-glow:#ffffff38;--surface:#ffffff0f;--surface-strong:#ffffff1a;--border:#ffffff24;--text-primary:#f4f1e8;--text-muted:#f4f1e894;--text-dim:#f4f1e814;--dot-active:#f4f1e8;--dot-inactive:#f4f1e842;--accent-games:#7da0fa;--accent-creators:#f48fb1;--accent-food:#e8a75a;--accent-work:#86c9a6;--card-radius:22px;--panel-radius:999px;--note-radius:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-watermark:clamp(1rem,2vw,1.25rem);--ease-out-soft:cubic-bezier(.22,1,.36,1);--ease-tilt-reset:cubic-bezier(.2,.8,.2,1);--dur-fast:.16s;--dur-med:.28s;--dur-slow:.48s;--z-scene-badge:0;--z-cards:20;--z-fog:30;--z-trace:40;--z-nav:50;--z-back:60;font-family:var(--font-space-grotesk,system-ui,sans-serif);color:var(--text-primary)}.ar-frame{background:radial-gradient(circle at 50% 45%,#ffffff08 0%,#fff0 34%,#000000b8 100%),linear-gradient(#050505 0%,#080808 100%);min-height:100svh;position:fixed;inset:0;overflow:hidden}.ar-fog{z-index:var(--z-fog);pointer-events:none;background:var(--fog);will-change:mask-image,-webkit-mask-image;-webkit-mask-image:radial-gradient(ellipse 260px 220px at var(--fog-x,-9999px)var(--fog-y,-9999px),transparent 0px,#0006 72px,#000000bf 180px,black 260px);mask-image:radial-gradient(ellipse 260px 220px at var(--fog-x,-9999px)var(--fog-y,-9999px),transparent 0px,#0006 72px,#000000bf 180px,black 260px);-webkit-mask-image:radial-gradient(ellipse 260px 220px at var(--fog-x,-9999px)var(--fog-y,-9999px),transparent 0px,#0006 72px,#000000bf 180px,black 260px);position:fixed;inset:0}.ar-trace{z-index:var(--z-trace);pointer-events:none;position:fixed;inset:0}.ar-back{z-index:var(--z-back);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:background var(--dur-fast)var(--ease-out-soft),border-color var(--dur-fast)var(--ease-out-soft),transform var(--dur-fast)var(--ease-out-soft);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:fixed;top:28px;left:28px}.ar-back:hover,.ar-back:focus-visible{background:var(--surface);border-color:var(--border);outline:none;transform:translate(-2px)}.ar-scene-badge{z-index:var(--z-scene-badge);pointer-events:none;min-width:160px;min-height:52px;padding:var(--space-3)var(--space-5);border-radius:var(--panel-radius);font-family:var(--font-bricolage,serif);font-weight:700;font-size:var(--text-watermark);letter-spacing:.1em;background:#f4f1e808;border:1px solid #f4f1e814;justify-content:center;align-items:center;display:flex;position:fixed;top:21%;left:22%}.ar-deck-stage{z-index:var(--z-cards);justify-content:center;align-items:center;width:min(1180px,100vw - 96px);height:min(62vh,620px);display:flex;position:relative}.ar-spread{cursor:grab;justify-content:center;align-items:flex-end;gap:20px;display:flex}.ar-spread:active{cursor:grabbing}.ar-card{aspect-ratio:3/4;perspective:800px;cursor:pointer;-webkit-user-select:none;user-select:none;contain:layout style;flex-shrink:0;width:220px;position:relative}.ar-card-flipper{width:100%;height:100%;transform-style:preserve-3d;position:relative}.ar-card-face{border-radius:var(--card-radius);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.ar-card-front{box-shadow:0 20px 40px #00000057}.ar-card-back{border:1px solid var(--border);gap:var(--space-3);background:#0d0d0d;flex-direction:column;padding:20px;display:flex;overflow:hidden;transform:rotateY(180deg);box-shadow:0 20px 40px #00000057}.ar-card-title{font-size:var(--text-md);color:var(--text-primary);font-weight:700;line-height:1.2}.ar-card-rating{font-family:var(--font-ibm-plex-mono,monospace);color:var(--text-primary);font-size:1.5rem;font-weight:500;line-height:1}.ar-card-meta-line{font-family:var(--font-ibm-plex-mono,monospace);font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.ar-card-tags{flex-wrap:wrap;gap:4px;display:flex}.ar-card-tag{color:var(--text-muted);border-radius:var(--panel-radius);border:1px solid var(--border);background:var(--surface);white-space:nowrap;padding:2px 8px;font-size:.6875rem;line-height:1.4}.ar-card-note{font-size:var(--text-sm);color:var(--text-muted);-webkit-line-clamp:8;-webkit-box-orient:vertical;flex:1;line-height:1.6;display:-webkit-box;overflow:hidden}.ar-card-footer{font-family:var(--font-ibm-plex-mono,monospace);font-size:var(--text-xs);color:var(--text-dim);margin-top:auto}.ar-nav{z-index:var(--z-nav);gap:var(--space-2);width:min(920px,100vw - 32px);padding:var(--space-3)var(--space-5);border-radius:var(--panel-radius);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);background:#0a0a0ab8;flex-direction:column;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.ar-nav-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.ar-nav-label{font-family:var(--font-ibm-plex-mono,monospace);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.06em;white-space:nowrap;min-width:80px;font-weight:500}.ar-nav-dots{justify-content:center;align-items:center;gap:var(--space-2);flex:1;display:flex}.ar-nav-dot{cursor:pointer;background:var(--dot-inactive);width:6px;height:6px;transition:background var(--dur-fast)var(--ease-out-soft),transform var(--dur-fast)var(--ease-out-soft);border:none;border-radius:50%;padding:0;transform:scale(.78)}.ar-nav-dot--active{background:var(--dot-active);transform:scale(1)}.ar-nav-arrows{align-items:center;gap:var(--space-1);display:flex}.ar-nav-arrow{width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast)var(--ease-out-soft),border-color var(--dur-fast)var(--ease-out-soft),color var(--dur-fast)var(--ease-out-soft);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.ar-nav-arrow:hover,.ar-nav-arrow:focus-visible{background:var(--surface-strong);border-color:var(--border);color:var(--text-primary);outline:none}.ar-nav-arrow:disabled{opacity:.3;cursor:default}.ar-nav-cats{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.ar-nav-cat{font-family:var(--font-ibm-plex-mono,monospace);font-size:var(--text-xs);letter-spacing:.08em;padding:var(--space-1)var(--space-3);border-radius:var(--panel-radius);color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast)var(--ease-out-soft),border-color var(--dur-fast)var(--ease-out-soft),color var(--dur-fast)var(--ease-out-soft);background:0 0;border:1px solid #0000;font-weight:500}.ar-nav-cat:hover,.ar-nav-cat:focus-visible{background:var(--surface);border-color:var(--border);color:var(--text-primary);outline:none}.ar-nav-cat--active{background:var(--surface);border-color:var(--border);color:var(--text-primary)}@media (min-width:768px) and (max-width:1279px){.ar-card{width:190px}.ar-deck-stage{width:calc(100vw - 64px)}.ar-scene-badge{top:18%;left:14%}}@media (max-width:767px){.ar-back{width:48px;height:48px;top:20px;left:16px}.ar-deck-stage{width:100%;height:min(72vh,560px)}.ar-card{width:calc(100vw - 32px);max-height:min(72vh,560px)}.ar-nav{padding:var(--space-3)var(--space-3);border-radius:24px}.ar-nav-cats{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.ar-nav-cats::-webkit-scrollbar{display:none}.ar-card-title{font-size:1.25rem}.ar-card-note{-webkit-line-clamp:12;font-size:1rem}}