:root{--font-loading-timeout:3s;--font-swap-period:0.1s}.font-loading{font-family:Courier New,monospace}.font-loaded{font-family:Fixedsys,Courier New,monospace}.layout-container{contain:layout style;will-change:auto}.content-container{contain:layout;min-height:0}.image-placeholder{aspect-ratio:attr(width) /attr(height);background-image:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);background-size:200% 200%;animation:shimmer 1.5s ease-in-out infinite}.image-placeholder,.video-placeholder{background-color:var(--color-surface-secondary,#1a1a2e)}.video-placeholder{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.avatar-placeholder{width:var(--avatar-size,40px);height:var(--avatar-size,40px);border-radius:50%;background-color:var(--color-surface-secondary,#1a1a2e);flex-shrink:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface-secondary,#1a1a2e) 25%,var(--color-surface-tertiary,#16213e) 50%,var(--color-surface-secondary,#1a1a2e) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--border-radius,4px)}.skeleton-text{height:1em;margin-bottom:.5em;border-radius:4px}.skeleton-text:last-child{width:60%;margin-bottom:0}.skeleton-title{height:1.2em;width:80%;margin-bottom:1em;border-radius:4px}.skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-card{padding:1rem;border-radius:var(--border-radius,8px);border:1px solid var(--color-border-primary,#0f3460)}.gpu-accelerated{perspective:1000px;will-change:transform}.gpu-accelerated,.transform-optimized{transform:translateZ(0);backface-visibility:hidden}.retro-pixel-perfect{image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;transform:translateZ(0)}.responsive-container{container-type:inline-size;container-name:main-content}@container main-content (min-width: 768px){.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}}.mobile-optimized{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-scroll-optimized{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}.above-fold{content-visibility:visible;contain-intrinsic-size:0 500px}.below-fold{content-visibility:auto;contain-intrinsic-size:0 200px}.lazy-load-container{min-height:200px;background-color:var(--color-surface-secondary,#1a1a2e);display:flex;align-items:center;justify-content:center}.retro-fade-in{animation:retroFadeIn .3s ease-out forwards;animation-fill-mode:both;will-change:opacity}@keyframes retroFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.retro-slide-in{animation:retroSlideIn .4s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}@keyframes retroSlideIn{0%{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}.retro-loading{position:relative;overflow:hidden}.retro-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-accent-primary,#eeff41) 20%,var(--color-accent-primary,#eeff41) 80%,transparent);animation:retroScanline 2s ease-in-out infinite}@keyframes retroScanline{0%{left:-100%}to{left:100%}}.virtual-list{height:400px;overflow:auto;contain:strict;scroll-behavior:smooth}.virtual-item{contain:layout style paint;will-change:transform}.intersection-target{min-height:1px;contain:layout}.memory-optimized{contain:strict;content-visibility:auto;contain-intrinsic-size:0 100px}.event-delegation-container{contain:layout style}.sr-optimized{contain:layout}.sr-only-efficient{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;contain:strict}.focus-optimized{outline:2px solid var(--color-accent-primary,#eeff41);outline-offset:2px;transition:outline-color .15s ease-in-out}@media (max-width:767px){.mobile-hidden{display:none!important;content-visibility:hidden}}@media (min-width:768px){.desktop-hidden{display:none!important;content-visibility:hidden}}.no-layout-shift{min-height:var(--min-height,auto);min-width:var(--min-width,auto);contain:size layout}.stable-dimensions{width:var(--stable-width,auto);height:var(--stable-height,auto);flex-shrink:0}.perf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1rem;contain:layout}@supports (-webkit-appearance:none){.chrome-optimized{transform:translateZ(0);backface-visibility:hidden}}@supports (-moz-appearance:none){.firefox-optimized{will-change:transform}}@supports (-webkit-backdrop-filter:none){.safari-optimized{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}}.perf-debug{position:relative}.perf-debug:before{content:attr(data-perf-metric);position:absolute;top:-20px;left:0;font-size:10px;background:var(--color-accent-primary,#eeff41);color:var(--color-text-inverse,#000);padding:2px 4px;border-radius:2px;font-family:monospace;z-index:9999;opacity:0;pointer-events:none}.perf-debug:hover:before{opacity:1}.cls-monitor{outline:1px dashed rgba(255,0,0,.3);position:relative}.cls-monitor:after{content:"CLS Monitor";position:absolute;bottom:-15px;right:0;font-size:8px;color:rgba(255,0,0,.7);font-family:monospace}:root,:root.light,[data-theme=light]{--color-background-primary:#ffffff;--color-background-secondary:#f8fafc;--color-background-tertiary:#f1f5f9;--color-background-elevated:#ffffff;--color-background-overlay:rgba(0,0,0,0.5);--color-surface-primary:#ffffff;--color-surface-secondary:#f8fafc;--color-surface-elevated:#ffffff;--color-surface-sunken:#f1f5f9;--color-surface-hover:#f1f5f9;--color-surface-pressed:#e2e8f0;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-disabled:#94a3b8;--color-text-inverse:#ffffff;--color-text-link:#2563eb;--color-text-link-hover:#1d4ed8;--color-border-primary:#e2e8f0;--color-border-secondary:#cbd5e1;--color-border-focus:#3b82f6;--color-border-error:#ef4444;--color-border-success:#10b981;--color-border-warning:#f59e0b;--color-border-disabled:#cbd5e1;--color-interactive-primary:#1d4ed8;--color-interactive-primary-hover:#1e40af;--color-interactive-primary-pressed:#1e3a8a;--color-interactive-secondary:#6b7280;--color-interactive-secondary-hover:#4b5563;--color-interactive-secondary-pressed:#374151;--color-interactive-destructive:#ef4444;--color-interactive-destructive-hover:#dc2626;--color-interactive-destructive-pressed:#b91c1c;--color-interactive-success:#10b981;--color-interactive-success-hover:#059669;--color-interactive-success-pressed:#047857;--color-game-rpg:#7c3aed;--color-game-rpg-light:#a855f7;--color-game-rpg-bg:#ffffff;--color-game-farm:#15803d;--color-game-farm-light:#16a34a;--color-game-farm-bg:#ffffff;--color-game-city:#dc2626;--color-game-city-light:#ef4444;--color-game-city-bg:#ffffff;--color-game-mine:#92400e;--color-game-mine-light:#b45309;--color-game-mine-bg:#ffffff;--color-game-university:#1e40af;--color-game-university-light:#3b82f6;--color-game-university-bg:#ffffff;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}:root.dark,[data-theme=dark]{--color-background-primary:#0f172a;--color-background-secondary:#1e293b;--color-background-tertiary:#334155;--color-background-elevated:#1e293b;--color-background-overlay:rgba(0,0,0,0.8);--color-surface-primary:#1e293b;--color-surface-secondary:#334155;--color-surface-elevated:#475569;--color-surface-sunken:#0f172a;--color-surface-hover:#475569;--color-surface-pressed:#64748b;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-disabled:#64748b;--color-text-inverse:#0f172a;--color-text-link:#60a5fa;--color-text-link-hover:#93c5fd;--color-border-primary:#475569;--color-border-secondary:#334155;--color-border-focus:#60a5fa;--color-border-error:#f87171;--color-border-success:#34d399;--color-border-warning:#fbbf24;--color-border-disabled:#334155;--color-interactive-primary:#60a5fa;--color-interactive-primary-hover:#93c5fd;--color-interactive-primary-pressed:#bfdbfe;--color-interactive-secondary:#6b7280;--color-interactive-secondary-hover:#9ca3af;--color-interactive-secondary-pressed:#d1d5db;--color-interactive-destructive:#ef4444;--color-interactive-destructive-hover:#f87171;--color-interactive-destructive-pressed:#fca5a5;--color-interactive-success:#10b981;--color-interactive-success-hover:#34d399;--color-interactive-success-pressed:#6ee7b7;--color-game-rpg:#a855f7;--color-game-rpg-light:#c084fc;--color-game-rpg-bg:#0f172a;--color-game-farm:#4ade80;--color-game-farm-light:#86efac;--color-game-farm-bg:#0f172a;--color-game-city:#ef4444;--color-game-city-light:#f87171;--color-game-city-bg:#0f172a;--color-game-mine:#d97706;--color-game-mine-light:#f59e0b;--color-game-mine-bg:#0f172a;--color-game-university:#3b82f6;--color-game-university-light:#60a5fa;--color-game-university-bg:#0f172a;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -2px rgba(0,0,0,0.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.4),0 10px 10px -5px rgba(0,0,0,0.3)}*{transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-normal),fill var(--transition-normal),stroke var(--transition-normal)}.theme-transitioning *,.theme-transitioning :after,.theme-transitioning :before{transition:none!important;animation-duration:0s!important;animation-delay:0s!important}.bg-primary{background-color:var(--color-background-primary)}.bg-secondary{background-color:var(--color-background-secondary)}.bg-surface{background-color:var(--color-surface-primary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.border-primary{border-color:var(--color-border-primary)}.border-secondary{border-color:var(--color-border-secondary)}.btn-primary{background-color:var(--color-interactive-primary);color:var(--color-text-inverse);border-color:var(--color-interactive-primary)}.btn-primary:hover{background-color:var(--color-interactive-primary-hover);border-color:var(--color-interactive-primary-hover)}.btn-primary:active{background-color:var(--color-interactive-primary-pressed);border-color:var(--color-interactive-primary-pressed)}.btn-secondary{background-color:var(--color-surface-primary);color:var(--color-text-primary);border-color:var(--color-border-primary)}.btn-secondary:hover{background-color:var(--color-surface-hover)}.btn-secondary:active{background-color:var(--color-surface-pressed)}.focus-ring:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.theme-rpg{background-color:var(--color-game-rpg-bg);border-color:var(--color-game-rpg)}.theme-farm{background-color:var(--color-game-farm-bg);border-color:var(--color-game-farm)}.theme-city{background-color:var(--color-game-city-bg);border-color:var(--color-game-city)}.theme-mine{background-color:var(--color-game-mine-bg);border-color:var(--color-game-mine)}.theme-university{background-color:var(--color-game-university-bg);border-color:var(--color-game-university)}@media (prefers-contrast:high){:root{--color-border-primary:#000000;--color-border-secondary:#000000;--color-text-primary:#000000;--color-text-secondary:#000000}:root.dark,[data-theme=dark]{--color-border-primary:#ffffff;--color-border-secondary:#ffffff;--color-text-primary:#ffffff;--color-text-secondary:#ffffff}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.focus-visible:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}@media (max-width:640px){:root{--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem}}.nav-theme{background-color:var(--color-surface-elevated);box-shadow:var(--shadow-md)}.card-theme,.nav-theme{border-color:var(--color-border-primary)}.card-theme{background-color:var(--color-surface-primary);box-shadow:var(--shadow-sm)}.card-theme:hover{background-color:var(--color-surface-hover);box-shadow:var(--shadow-md)}.modal-theme{background-color:var(--color-surface-elevated);box-shadow:var(--shadow-xl)}.modal-overlay{background-color:var(--color-background-overlay)}.input-theme{background-color:var(--color-surface-primary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.input-theme:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 1px var(--color-border-focus)}.input-theme:disabled{background-color:var(--color-surface-sunken);color:var(--color-text-disabled);border-color:var(--color-border-secondary)}