*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #0091ea;--color-primary-dark: #0277bd;--color-primary-light: #4fc3f7;--color-secondary: #43a047;--color-secondary-dark: #2e7d32;--color-accent: #ff9800;--color-accent-dark: #f57c00;--color-fun-pink: #e91e63;--color-fun-purple: #7c4dff;--color-fun-yellow: #ffc107;--color-fun-red: #ff5252;--color-fun-teal: #00bcd4;--color-fun-lime: #76ff03;--color-bg: #f0f7ff;--color-bg-alt: #e3f2fd;--color-surface: #ffffff;--color-text: #2d3436;--color-text-light: #636e72;--color-text-muted: #b2bec3;--color-border: #dfe6e9;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .1);--shadow-fun: 0 6px 24px rgba(0, 145, 234, .15);--radius: 20px;--radius-sm: 12px;--radius-pill: 50px;--rainbow: linear-gradient(90deg, #ff5252, #ff9800, #ffc107, #43a047, #0091ea, #7c4dff, #e91e63);font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--color-text);background:var(--color-bg);min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh}#root{min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{color:var(--color-text);margin-bottom:1rem;font-weight:800}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem}button{border-radius:var(--radius-pill);border:none;padding:.75rem 1.75rem;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:#fff;border-radius:var(--radius-pill);box-shadow:0 4px 16px #43a0474d}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 28px #43a04766}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-pill)}.btn-secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-3px) scale(1.02)}.card{background:var(--color-surface);border:none;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-md)}code{background:#f0f4f8;padding:.2rem .5rem;border-radius:8px;font-family:Consolas,Monaco,monospace;font-size:.9em;color:var(--color-primary-dark)}pre{background:#f0f4f8;padding:1rem;border-radius:var(--radius-sm);overflow-x:auto;margin:1rem 0}pre code{background:none;padding:0}.rainbow-bar{height:4px;background:var(--rainbow);width:100%}[data-theme=dark]{--color-bg: #0d1b2a;--color-bg-alt: #1b2838;--color-surface: #1b2838;--color-text: #e0e0e0;--color-text-light: #b0b0b0;--color-text-muted: #808080;--color-border: #2a3a4a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-fun: 0 6px 24px rgba(0, 145, 234, .25)}[data-theme=dark] code{background:#2a3a4a;color:var(--color-primary-light)}[data-theme=dark] pre{background:#2a3a4a}[data-theme=dark] .btn-secondary{background:var(--color-surface);border-color:var(--color-primary-light)}[data-theme=dark] .btn-secondary:hover{background:var(--color-primary);color:#fff}.theme-toggle{background:#fff3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .3s ease;padding:0}.theme-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.language-selector{position:relative}.language-selector-btn{display:flex;align-items:center;gap:.35rem;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;padding:.35rem .65rem;border-radius:var(--radius-pill);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.language-selector-btn:hover{background:#ffffff40}.language-flag{font-size:1rem;line-height:1}.language-code{letter-spacing:.5px}.language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);list-style:none;margin:0;padding:.35rem;min-width:150px;z-index:200;border:1px solid var(--color-border)}.language-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:transparent;color:var(--color-text);font-size:.85rem;font-weight:500;cursor:pointer;border-radius:6px;transition:background .15s}.language-option:hover{background:var(--color-bg-alt)}.language-option.active{background:var(--color-primary);color:#fff;font-weight:700}@media(max-width:768px){.language-selector-btn{padding:.3rem .5rem;font-size:.75rem}}.navbar{background:linear-gradient(135deg,#1565c0,#0091ea,#29b6f6);padding:.75rem 0;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #00000026}.navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff5252,#ff9800,#ffc107,#43a047,#0091ea,#7c4dff,#e91e63)}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-brand{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:900;color:#fff;text-decoration:none;transition:transform .2s}.navbar-brand:hover{transform:scale(1.03)}.brand-logo{height:44px;width:auto;border-radius:10px;box-shadow:0 2px 8px #0003}.brand-text{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.25);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;letter-spacing:-.5px}.navbar-right{display:flex;align-items:center;gap:.75rem}.navbar-links{display:flex;list-style:none;gap:.15rem;margin:0;padding:0;align-items:center}.navbar-links a{color:#ffffffe6;text-decoration:none;font-weight:700;padding:.5rem .85rem;border-radius:var(--radius-pill);transition:all .2s;font-size:.85rem;white-space:nowrap}.navbar-links a:hover{color:#fff;background:#fff3;transform:translateY(-1px)}.navbar-links a.active{color:#fff;background:#ffffff4d;box-shadow:0 2px 12px #00000026}.more-dropdown{position:relative}.more-btn{color:#ffffffe6;background:none;border:none;font-weight:700;padding:.5rem .85rem;border-radius:var(--radius-pill);transition:all .2s;font-size:.85rem;cursor:pointer;font-family:inherit;white-space:nowrap}.more-btn:hover{color:#fff;background:#fff3;transform:translateY(-1px)}.more-btn.active{color:#fff;background:#ffffff4d;box-shadow:0 2px 12px #00000026}.more-menu{position:absolute;top:calc(100% + .75rem);right:0;background:var(--color-surface, #fff);border-radius:var(--radius);box-shadow:0 12px 40px #0000002e;min-width:200px;z-index:200;padding:.5rem;display:flex;flex-direction:column;gap:.15rem;animation:dropdownFade .2s ease;border:1px solid var(--color-border, #e0e0e0)}.more-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff5252,#ff9800,#ffc107,#43a047,#0091ea,#7c4dff);border-radius:var(--radius) var(--radius) 0 0}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.more-menu a{color:var(--color-text, #333)!important;padding:.65rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;transition:all .15s;display:block}.more-menu a:hover{background:var(--color-bg, #e8f5fe)!important;color:var(--color-primary, #0091ea)!important;transform:translate(4px)}.more-menu a.active{background:var(--color-primary, #0091ea)!important;color:#fff!important;box-shadow:none}.discord-link{background:#5865f2;color:#fff!important;padding:.5rem 1rem;border-radius:var(--radius-pill);font-weight:700;font-size:.8rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 8px #5865f24d}.discord-link:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 4px 16px #5865f266}@media(max-width:768px){.navbar-container{flex-direction:column;gap:.75rem}.navbar-right,.navbar-links{flex-wrap:wrap;justify-content:center}.navbar-links a{padding:.4rem .7rem;font-size:.8rem}.more-menu{right:auto;left:50%;transform:translate(-50%)}@keyframes dropdownFade{0%{opacity:0}to{opacity:1}}}.home{padding:2rem 0}.hero{text-align:center;padding:5rem 2rem 4rem;background:linear-gradient(135deg,#1565c0,#0091ea,#29b6f6 70%,#4fc3f7);border-radius:var(--radius);margin-bottom:3rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 60%);animation:shimmer 10s infinite linear}.hero:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:5px;background:linear-gradient(90deg,#ff5252,#ff9800,#ffc107,#43a047,#0091ea,#7c4dff,#e91e63)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-18px) rotate(5deg)}50%{transform:translateY(-8px) rotate(-3deg)}75%{transform:translateY(-22px) rotate(3deg)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-animate{opacity:0;animation:fadeSlideUp .7s ease-out forwards}.hero-float{position:absolute;pointer-events:none;animation:float linear infinite;z-index:0}.hero-float-1{top:12%;left:8%;font-size:2rem;animation-duration:6s;animation-delay:0s;color:#ffc1074d}.hero-float-2{top:20%;right:10%;font-size:1.5rem;animation-duration:7s;animation-delay:1s;color:#e91e6340}.hero-float-3{bottom:25%;left:15%;font-size:1.2rem;animation-duration:8s;animation-delay:.5s;color:#4caf504d}.hero-float-4{top:55%;right:18%;font-size:1rem;animation-duration:5s;animation-delay:2s;color:#ff98004d}.hero-float-5{top:8%;left:50%;font-size:1.8rem;animation-duration:9s;animation-delay:1.5s;color:#7c4dff40}.hero-float-6{bottom:18%;right:30%;font-size:1.3rem;animation-duration:7.5s;animation-delay:.8s;color:#00bcd44d}.hero h1{font-size:4rem;margin-bottom:.5rem;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.2);position:relative;font-weight:900;letter-spacing:-1px}.hero-subtitle{font-size:1.5rem;color:var(--color-fun-yellow);margin-bottom:1.25rem;font-weight:800;position:relative;text-shadow:0 2px 8px rgba(0,0,0,.15)}.hero-description{max-width:600px;margin:0 auto 2.5rem;color:#ffffffeb;position:relative;font-size:1.1rem;line-height:1.7}.hero-buttons{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;position:relative}.hero-buttons a{display:inline-block;padding:1rem 2.5rem;text-decoration:none;border-radius:var(--radius-pill);font-weight:800;font-size:1.1rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.hero-buttons .btn-primary{background:linear-gradient(135deg,#ffc107,#ff9800);color:#333;box-shadow:0 4px 20px #ffc10766}.hero-buttons .btn-primary:hover{box-shadow:0 8px 32px #ffc10780;transform:translateY(-3px) scale(1.03)}.hero-buttons .btn-secondary{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-buttons .btn-secondary:hover{background:#ffffff4d;color:#fff;transform:translateY(-3px) scale(1.03)}.section-header{text-align:center;margin-bottom:2.5rem;position:relative}.section-header h2{color:var(--color-primary-dark);font-size:2rem;font-weight:900;margin-bottom:.5rem}.section-header:after{content:"";display:block;width:80px;height:4px;background:var(--rainbow);border-radius:2px;margin:.5rem auto 0}.stats-section{padding:3rem 0}.stats-section h2{text-align:center;margin-bottom:2.5rem;color:var(--color-primary-dark);font-weight:900}.stats-grid{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.stats-grid.detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem;max-width:900px;margin:0 auto}.stat-card{text-align:center;padding:1.5rem 1rem;border-radius:var(--radius);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius) var(--radius) 0 0}.stat-card:nth-child(1):before{background:#0091ea}.stat-card:nth-child(2):before{background:#ff9800}.stat-card:nth-child(3):before{background:#43a047}.stat-card:nth-child(4):before{background:#e91e63}.stat-card:nth-child(5):before{background:#7c4dff}.stat-card:nth-child(6):before{background:#00bcd4}.stat-card:nth-child(7):before{background:#ff5252}.stat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-fun)}.stat-icon{display:block;font-size:2.5rem;margin-bottom:.5rem}.stat-number{display:block;font-size:2rem;font-weight:900;color:var(--color-primary);margin-bottom:.25rem}.stat-label{color:var(--color-text-muted);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.stats-summary{text-align:center;margin-top:2rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:var(--radius);max-width:600px;margin-left:auto;margin-right:auto;border:2px solid rgba(0,145,234,.1)}.stats-summary p{color:var(--color-text-light);margin:0;font-weight:600}.stats-summary strong{color:var(--color-primary)}.timeline-preview{padding:3rem 0}.timeline-preview h2{text-align:center;margin-bottom:2rem;color:var(--color-primary-dark);font-weight:900}.timeline-horizontal{display:flex;align-items:center;justify-content:center;gap:0;padding:2rem 1rem;overflow-x:auto;max-width:100%}.timeline-item-h{display:flex;flex-direction:column;align-items:center;min-width:100px}.timeline-dot{width:22px;height:22px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:50%;border:3px solid var(--color-bg);margin-bottom:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 12px #0091ea4d}.timeline-dot:hover{transform:scale(1.3)}.timeline-dot.active{background:linear-gradient(135deg,var(--color-secondary),#66bb6a);transform:scale(1.4);box-shadow:0 3px 16px #43a04766}.timeline-connector{width:40px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));margin-bottom:2rem;border-radius:2px}.timeline-year-h{font-weight:900;color:var(--color-primary);font-size:1.1rem;margin-bottom:.25rem}.timeline-label{color:var(--color-text-muted);font-size:.8rem;text-align:center;font-weight:700}.timeline-cta{text-align:center;margin-top:1.5rem}.games-preview{padding:3rem 0}.games-preview h2{text-align:center;margin-bottom:2.5rem;color:var(--color-primary-dark);font-weight:900}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.game-card{display:block;text-decoration:none;border-radius:var(--radius);border-left:5px solid var(--color-accent);position:relative;overflow:hidden}.game-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-fun)}.game-card-thumbnail{width:100%;height:110px;object-fit:cover;border-radius:10px;margin-bottom:.75rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.game-card:hover .game-card-thumbnail{transform:scale(1.05)}.game-card-thumbnail-placeholder{width:100%;height:110px;border-radius:10px;margin-bottom:.75rem;background:linear-gradient(135deg,#0091ea,#29b6f6,#4fc3f7);display:flex;align-items:center;justify-content:center}.game-card-thumbnail-placeholder span{font-size:2.8rem;font-weight:900;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.1)}.game-card .game-grade{display:inline-block;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:#fff;padding:.3rem .85rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:800;margin-bottom:.75rem;box-shadow:0 2px 8px #ff98004d}.game-card h3{color:var(--color-text);margin-bottom:.5rem;font-size:1.15rem;font-weight:800}.game-card .game-subtitle{color:var(--color-primary);font-size:.85rem;margin-bottom:.5rem;font-weight:700}.game-editions{color:var(--color-secondary);font-size:.85rem;font-weight:700}.view-all{text-align:center;margin-top:2rem}.categories-preview{padding:3rem 0}.categories-preview h2{text-align:center;margin-bottom:2.5rem;color:var(--color-primary-dark);font-weight:900}.home-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.home-category-card{text-align:center;position:relative;overflow:hidden;border-top:none}.home-category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;border-radius:var(--radius) var(--radius) 0 0}.home-category-card:nth-child(1):before{background:linear-gradient(90deg,#0091ea,#29b6f6)}.home-category-card:nth-child(2):before{background:linear-gradient(90deg,#43a047,#66bb6a)}.home-category-card:nth-child(3):before{background:linear-gradient(90deg,#ff9800,#ffb74d)}.home-category-card:nth-child(4):before{background:linear-gradient(90deg,#e91e63,#f06292)}.home-category-card:nth-child(5):before{background:linear-gradient(90deg,#7c4dff,#b388ff)}.home-category-card:nth-child(6):before{background:linear-gradient(90deg,#ff5252,#ff8a80)}.home-category-card:nth-child(7):before{background:linear-gradient(90deg,#00bcd4,#4dd0e1)}.home-category-card:nth-child(8):before{background:linear-gradient(90deg,#ffc107,#ffd54f)}.home-category-card:nth-child(9):before{background:linear-gradient(90deg,#9c27b0,#ce93d8)}.home-category-card:nth-child(10):before{background:linear-gradient(90deg,#1976d2,#42a5f5)}.home-category-card:nth-child(11):before{background:linear-gradient(90deg,#ad1457,#ec407a)}.home-category-card:nth-child(12):before{background:linear-gradient(90deg,#0060a8,#2196f3)}.home-category-card:nth-child(13):before{background:linear-gradient(90deg,#e4000f,#ff5252)}.home-category-card:nth-child(14):before{background:linear-gradient(90deg,#107c10,#4caf50)}.home-category-card:nth-child(15):before{background:linear-gradient(90deg,#003087,#1565c0)}.home-category-card:nth-child(16):before{background:linear-gradient(90deg,#313131,#616161)}.home-category-card:nth-child(17):before{background:linear-gradient(90deg,#1b2838,#2a475e)}.home-category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-fun)}.home-category-card h3{color:var(--color-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:800}.home-category-card p{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.75rem}.home-category-card .category-count{color:var(--color-secondary);font-size:.85rem;font-weight:800}.features{padding:3rem 0}.features h2{text-align:center;margin-bottom:2.5rem;color:var(--color-primary-dark);font-weight:900}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.feature-card{text-align:center;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;bottom:0;left:20%;right:20%;height:4px;border-radius:2px}.feature-card:nth-child(1):before{background:#0091ea}.feature-card:nth-child(2):before{background:#43a047}.feature-card:nth-child(3):before{background:#ff9800}.feature-card:nth-child(4):before{background:#e91e63}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-fun)}.feature-icon{font-size:3.5rem;margin-bottom:1rem;display:block}.feature-card h3{color:var(--color-primary);margin-bottom:.5rem;font-weight:800}.feature-card p{color:var(--color-text-muted);margin:0;font-size:.9rem}.about{padding:3rem 0}.about h2{text-align:center;margin-bottom:2rem;color:var(--color-primary-dark);font-weight:900}.about .card{text-align:center;max-width:800px;margin:0 auto;border-top:4px solid var(--color-primary)}.about .card p{color:var(--color-text-light);margin-bottom:1rem}.archive-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.archive-links .btn-secondary{display:inline-block;text-decoration:none}.community-section{padding:3rem 0}.community-card{background:linear-gradient(135deg,#5865f2,#4752c4);border-radius:var(--radius);padding:3.5rem 2rem;text-align:center;color:#fff;position:relative;overflow:hidden}.community-card:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff0d;border-radius:50%}.community-card:after{content:"";position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:#ffffff0d;border-radius:50%}.community-card h2{color:#fff;margin-bottom:.75rem;font-weight:900;position:relative}.community-card p{color:#ffffffe6;margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto;position:relative}.discord-btn{display:inline-block;background:#fff;color:#5865f2;padding:.9rem 2.25rem;border-radius:var(--radius-pill);font-weight:800;font-size:1.05rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000026;position:relative}.discord-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 32px #0003;color:#4752c4}[data-theme=dark] .stats-summary{background:linear-gradient(135deg,#1b2838,#253545);border-color:#0091ea33}[data-theme=dark] .about .card{border-top-color:var(--color-primary-light)}@media(max-width:768px){.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.15rem}.hero{padding:3.5rem 1.5rem 3rem}.hero-description{font-size:1rem}.hero-float{display:none}}.games-page{padding:2rem 0}.games-hero{text-align:center;padding:2rem 0 3rem}.games-hero h1{margin-bottom:.5rem;color:var(--color-primary-dark);font-weight:900;font-size:2.5rem}.games-hero p{color:var(--color-text-muted);font-size:1.2rem;margin-bottom:.75rem}.total-count{display:inline-block;color:var(--color-text-muted);font-size:.95rem;font-weight:700}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-bottom:3rem}.category-card{display:flex;flex-direction:column;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;border-left:none}.category-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:5px;border-radius:var(--radius) 0 0 var(--radius)}.category-card:nth-child(1):before{background:linear-gradient(to bottom,#0091ea,#29b6f6)}.category-card:nth-child(2):before{background:linear-gradient(to bottom,#43a047,#66bb6a)}.category-card:nth-child(3):before{background:linear-gradient(to bottom,#ff9800,#ffb74d)}.category-card:nth-child(4):before{background:linear-gradient(to bottom,#e91e63,#f06292)}.category-card:nth-child(5):before{background:linear-gradient(to bottom,#7c4dff,#b388ff)}.category-card:nth-child(6):before{background:linear-gradient(to bottom,#ff5252,#ff8a80)}.category-card:nth-child(7):before{background:linear-gradient(to bottom,#00bcd4,#4dd0e1)}.category-card:nth-child(8):before{background:linear-gradient(to bottom,#ffc107,#ffd54f)}.category-card:nth-child(9):before{background:linear-gradient(to bottom,#9c27b0,#ce93d8)}.category-card:nth-child(10):before{background:linear-gradient(to bottom,#1976d2,#42a5f5)}.category-card:nth-child(11):before{background:linear-gradient(to bottom,#ad1457,#ec407a)}.category-card:nth-child(12):before{background:linear-gradient(to bottom,#0060a8,#2196f3)}.category-card:nth-child(13):before{background:linear-gradient(to bottom,#e4000f,#ff5252)}.category-card:nth-child(14):before{background:linear-gradient(to bottom,#107c10,#4caf50)}.category-card:nth-child(15):before{background:linear-gradient(to bottom,#003087,#1565c0)}.category-card:nth-child(16):before{background:linear-gradient(to bottom,#313131,#616161)}.category-card:nth-child(17):before{background:linear-gradient(to bottom,#1b2838,#2a475e)}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-fun)}.category-card-thumbnails{display:flex;gap:4px;height:85px;overflow:hidden;margin:-1.5rem -1.5rem 1rem}.category-thumb{flex:1;object-fit:cover;min-width:0}.category-thumb-placeholder{flex:1;display:flex;align-items:center;justify-content:center}.category-card:nth-child(1) .category-thumb-placeholder{background:linear-gradient(135deg,#0091ea,#29b6f6)}.category-card:nth-child(2) .category-thumb-placeholder{background:linear-gradient(135deg,#43a047,#66bb6a)}.category-card:nth-child(3) .category-thumb-placeholder{background:linear-gradient(135deg,#ff9800,#ffb74d)}.category-card:nth-child(4) .category-thumb-placeholder{background:linear-gradient(135deg,#e91e63,#f06292)}.category-card:nth-child(5) .category-thumb-placeholder{background:linear-gradient(135deg,#7c4dff,#b388ff)}.category-card:nth-child(6) .category-thumb-placeholder{background:linear-gradient(135deg,#ff5252,#ff8a80)}.category-card:nth-child(7) .category-thumb-placeholder{background:linear-gradient(135deg,#00bcd4,#4dd0e1)}.category-card:nth-child(8) .category-thumb-placeholder{background:linear-gradient(135deg,#ffc107,#ffd54f)}.category-card:nth-child(9) .category-thumb-placeholder{background:linear-gradient(135deg,#9c27b0,#ce93d8)}.category-card:nth-child(10) .category-thumb-placeholder{background:linear-gradient(135deg,#1976d2,#42a5f5)}.category-card:nth-child(11) .category-thumb-placeholder{background:linear-gradient(135deg,#ad1457,#ec407a)}.category-card:nth-child(12) .category-thumb-placeholder{background:linear-gradient(135deg,#0060a8,#2196f3)}.category-card:nth-child(13) .category-thumb-placeholder{background:linear-gradient(135deg,#e4000f,#ff5252)}.category-card:nth-child(14) .category-thumb-placeholder{background:linear-gradient(135deg,#107c10,#4caf50)}.category-card:nth-child(15) .category-thumb-placeholder{background:linear-gradient(135deg,#003087,#1565c0)}.category-card:nth-child(16) .category-thumb-placeholder{background:linear-gradient(135deg,#313131,#616161)}.category-card:nth-child(17) .category-thumb-placeholder{background:linear-gradient(135deg,#1b2838,#2a475e)}.category-thumb-placeholder span{font-size:2rem;font-weight:900;color:#ffffffd9;text-shadow:0 2px 4px rgba(0,0,0,.1)}.category-card-info h3{color:var(--color-text);font-size:1.15rem;margin-bottom:.35rem;font-weight:800}.category-card-info p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:.75rem;line-height:1.5}.category-game-count{display:inline-block;background:linear-gradient(135deg,var(--color-secondary) 0%,#2e7d32 100%);color:#fff;padding:.25rem .8rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:800;box-shadow:0 2px 8px #43a04740}.archive-link{margin-top:3rem}.archive-link .card{text-align:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid rgba(0,145,234,.1)}.archive-link h3{color:var(--color-primary);margin-bottom:.5rem;font-weight:800}.archive-link p{color:var(--color-text-light);margin-bottom:1.5rem}.archive-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}[data-theme=dark] .archive-link .card{background:linear-gradient(135deg,#1b2838,#253545);border-color:#0091ea33}@media(max-width:768px){.categories-grid{grid-template-columns:1fr}}.screenshot-section{margin-bottom:3rem}.screenshot-section h3{color:var(--color-primary-dark);margin-bottom:1rem}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.screenshot-thumb{border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;aspect-ratio:4/3}.screenshot-thumb:hover{transform:scale(1.03);box-shadow:var(--shadow-md)}.screenshot-thumb img{width:100%;height:100%;object-fit:cover}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox img{max-width:90%;max-height:85vh;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;padding:0;line-height:1}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;font-size:2.5rem;padding:.5rem 1rem;cursor:pointer;border-radius:8px;transition:background .2s}.lightbox-nav:hover{background:#ffffff4d}.lightbox-nav.prev{left:1rem}.lightbox-nav.next{right:1rem}.lightbox-counter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:.9rem}.video-section{margin-bottom:3rem}.video-section h3{color:var(--color-primary-dark);margin-bottom:1rem}.video-container{position:relative;width:100%;padding-bottom:56.25%;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.review-section{margin-bottom:3rem}.review-section h3{color:var(--color-primary-dark);margin-bottom:1.5rem}.rating-summary{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.rating-big{font-size:3rem;font-weight:800;color:var(--color-accent)}.rating-details{display:flex;flex-direction:column;gap:.25rem}.rating-count{color:var(--color-text-muted);font-size:.9rem}.star-rating{display:flex;gap:2px}.star{color:#ddd;font-size:1.4rem;transition:color .15s}.star.filled{color:var(--color-accent)}.star.interactive{cursor:pointer}.star.interactive:hover{transform:scale(1.15)}.review-form-card{margin-bottom:1.5rem}.review-form-card h4{color:var(--color-primary);margin-bottom:1rem}.review-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:700;font-size:.9rem;color:var(--color-text-light)}.form-group input,.form-group textarea{padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:1rem;color:var(--color-text);background:var(--color-surface);transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-message{font-size:.9rem;font-weight:600;margin:0}.form-message.success{color:var(--color-secondary)}.form-message.error{color:#e53935}.reviews-list{display:flex;flex-direction:column;gap:1rem}.review-card{border-left:4px solid var(--color-accent)}.review-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.review-header strong{color:var(--color-text)}.review-date{color:var(--color-text-muted);font-size:.85rem}.review-text{color:var(--color-text-light);margin:0;line-height:1.6}.share-buttons{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:1rem 0}.share-label{font-weight:700;color:var(--color-text-muted);font-size:.9rem}.share-links{display:flex;gap:.5rem;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;text-decoration:none;border:2px solid var(--share-color, var(--color-border));color:var(--share-color, var(--color-text));background:transparent;cursor:pointer;transition:all .2s;font-family:inherit}.share-btn:hover{background:var(--share-color, var(--color-primary));color:#fff;transform:translateY(-1px)}.share-icon{font-size:1rem;line-height:1}.share-twitter .share-icon{font-weight:900;font-size:.9rem}.share-reddit .share-icon,.share-facebook .share-icon{font-weight:900;font-size:.95rem}.share-copy{--share-color: var(--color-primary)}@media(max-width:768px){.share-buttons{justify-content:center}.share-name{display:none}.share-btn{padding:.5rem .7rem}}.game-detail{padding:2rem 0}.back-link{color:var(--color-text-muted);text-decoration:none;display:inline-block;margin-bottom:1rem;font-weight:600;transition:color .2s}.back-link:hover{color:var(--color-primary)}.game-header-section{margin-bottom:3rem}.game-title-area{text-align:center}.game-title-area .game-badge{display:inline-block;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:#fff;padding:.5rem 1.5rem;border-radius:var(--radius-pill);font-weight:700;margin-bottom:1rem}.game-title-area h1{margin-bottom:.5rem;font-size:2rem;color:var(--color-text)}.game-title-area h2{color:var(--color-primary);margin-bottom:1rem;font-size:1.5rem}.game-title-area p{color:var(--color-text-light);max-width:600px;margin:0 auto}.game-title-area .skills-list{justify-content:center;margin-top:1rem}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#e3f2fd;color:var(--color-primary);padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600}.features-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.75rem}.feature-tag{background:#e8f5e9;color:var(--color-secondary);padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600}.editions-section,.setup-section,.bugs-section,.controls-section{margin-bottom:3rem}.editions-section h3,.setup-section h3,.bugs-section h3,.controls-section h3{margin-bottom:1.5rem;color:var(--color-primary-dark)}.editions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.edition-card{position:relative;display:flex;flex-direction:column}.edition-card.recommended{border:2px solid var(--color-secondary);background:#f1f8e9}.edition-card.membership{opacity:.6}.edition-badge{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:#fff;padding:.25rem 1rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700}.browser-badge-card{position:absolute;top:-10px;left:20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:.25rem 1rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700}.edition-card h4{color:var(--color-text);margin-bottom:.5rem}.edition-desc{color:var(--color-text-light);margin-bottom:1rem;flex-grow:1}.edition-details{margin-bottom:1rem}.detail-item{display:flex;gap:.5rem;margin-bottom:.5rem}.detail-label{color:var(--color-text-muted)}.detail-value{color:var(--color-primary);font-weight:700}.edition-notes{background:#fff3e0;padding:.75rem;border-radius:var(--radius-sm);font-size:.9rem;color:var(--color-text-light);margin-top:.5rem}.edition-notes strong{color:var(--color-accent)}.edition-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.edition-buttons .btn-primary,.edition-buttons .btn-secondary{width:100%;text-align:center;padding:.75rem 1rem}.edition-buttons .btn-primary.disabled{background:#bdbdbd;cursor:not-allowed;box-shadow:none}.membership-alt-link{display:block;margin-top:.5rem;font-size:.8rem;color:var(--color-primary);text-decoration:underline;cursor:pointer;font-weight:600}.edition-buttons .btn-secondary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.edition-buttons .btn-secondary:hover{background:var(--color-primary);color:#fff}.setup-steps,.online-steps{padding-left:1.5rem;color:var(--color-text-light)}.setup-steps li,.online-steps li{padding:.5rem 0}.bug-card{margin-bottom:1rem}.bug-card h4{color:#e53935;margin-bottom:.5rem}.bug-card p{color:var(--color-text-light);margin-bottom:1rem}.solution{background:#e8f5e9;padding:1rem;border-radius:var(--radius-sm);color:var(--color-text-light)}.solution strong{color:var(--color-secondary)}.controls-table{width:100%;border-collapse:collapse;margin-bottom:2rem}.controls-table th,.controls-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--color-border)}.controls-table th{color:var(--color-primary);font-weight:700}.controls-table td{color:var(--color-text-light)}.console-info{border-top:1px solid var(--color-border);padding-top:1.5rem}.console-info h4{color:var(--color-primary);margin-bottom:1rem}.console-info p{color:var(--color-text-light);margin-bottom:.5rem}.console-info ul{list-style:none;padding:0}.console-info li{padding:.5rem 0;color:var(--color-text-light)}.console-info code{background:#e3f2fd;padding:.25rem .5rem;border-radius:6px;color:var(--color-primary-dark)}.archive-section{margin-bottom:3rem}.archive-section h3{margin-bottom:1.5rem;color:var(--color-primary-dark)}.archive-section p{color:var(--color-text-light);margin-bottom:1rem}.archive-note{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border);font-style:italic;color:var(--color-text-muted)}.multiplayer-section{margin-bottom:2rem}.multiplayer-card{border-left:4px solid var(--color-secondary)}.multiplayer-status{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.1rem}.status-indicator{width:10px;height:10px;border-radius:50%;display:inline-block}.status-indicator.active{background:#43a047;box-shadow:0 0 6px #43a04780}.status-indicator.community{background:#ff9800;box-shadow:0 0 6px #ff980080}.multiplayer-steps{margin-top:1rem}.multiplayer-steps h4{color:var(--color-primary);margin-bottom:.5rem}.multiplayer-steps ol{padding-left:1.5rem}.multiplayer-steps li{margin-bottom:.4rem;line-height:1.5}.community-links{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border, #e0e0e0)}.community-links h4{color:var(--color-primary);margin-bottom:.75rem}.links-grid{display:flex;flex-wrap:wrap;gap:.75rem}.community-link{display:inline-block;padding:.5rem 1rem;background:var(--color-bg, #e8f5fe);color:var(--color-primary);border-radius:20px;text-decoration:none;font-weight:600;font-size:.9rem;transition:background .2s,transform .2s}.community-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}@media(max-width:768px){.game-title-area h1{font-size:1.5rem}.game-title-area h2{font-size:1.2rem}.links-grid{flex-direction:column}}.category-page{padding:2rem 0}.category-page-hero{text-align:center;padding:2rem 0 3rem}.category-page-hero h1{margin-bottom:.5rem;color:var(--color-primary-dark);font-size:2.2rem}.category-page-hero p{color:var(--color-text-muted);font-size:1.2rem;margin-bottom:1rem}.back-link{display:inline-block;margin-bottom:1.5rem;color:var(--color-primary);font-weight:600;font-size:1rem;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--color-primary-dark)}.game-count-badge{display:inline-block;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:.4rem 1.2rem;border-radius:var(--radius-pill);font-size:.95rem;font-weight:700}.category-games-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.category-nav{display:flex;justify-content:space-between;gap:1rem;padding:2rem 0;border-top:2px solid var(--color-primary-light)}.category-nav-link{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.5rem;border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .2s,box-shadow .2s;max-width:45%}.category-nav-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-nav-link.next{text-align:right;margin-left:auto}.nav-direction{font-size:.85rem;color:var(--color-text-muted);font-weight:600}.nav-name{font-size:1.05rem;color:var(--color-primary);font-weight:700}@media(max-width:768px){.category-page-hero h1{font-size:1.6rem}.category-games-list .game-list-card{flex-direction:column;text-align:center}.category-games-list .game-thumbnail,.category-games-list .thumbnail-placeholder{width:100%;height:100px}.category-games-list .game-header,.category-games-list .game-meta{justify-content:center}.category-games-list .game-actions,.category-games-list .game-actions .btn-primary{width:100%}.category-nav{flex-direction:column}.category-nav-link{max-width:100%}.category-nav-link.next{text-align:left}}.setup{padding:2rem 0}.setup-hero{text-align:center;padding:2rem 0 3rem}.setup-hero h1{margin-bottom:.5rem;color:var(--color-primary-dark)}.setup-hero p{color:var(--color-text-muted);font-size:1.2rem}.setup-steps{padding:2rem 0;max-width:900px;margin:0 auto}.step{display:flex;gap:1.5rem;margin-bottom:2rem}.step-icon{position:relative;flex-shrink:0}.step-icon .icon{width:60px;height:60px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.8rem;border:2px solid var(--color-primary)}.step-number{position:absolute;bottom:-8px;right:-8px;width:28px;height:28px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;border:2px solid var(--color-surface)}.step-content{flex:1}.step-content h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.3rem}.step-content p{color:var(--color-text-light);line-height:1.6}.step-content a{color:var(--color-primary);font-weight:600}.visual-tip{display:flex;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1rem;background:#fff3e0;border-left:4px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.visual-tip.success{background:#e8f5e9;border-left-color:var(--color-secondary)}.visual-tip .tip-icon{font-size:1.5rem}.visual-tip .tip-text{color:var(--color-text-light)}.visual-tip .tip-text strong{color:var(--color-accent-dark)}.visual-tip.success .tip-text strong{color:var(--color-secondary)}.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.method-card{background:#f5f5f5;padding:1rem;border-radius:var(--radius-sm);text-align:center;border:1px solid var(--color-border)}.method-icon{font-size:2rem;margin-bottom:.5rem}.method-card h4{color:var(--color-text);margin-bottom:.5rem;font-size:1rem}.method-card p{color:var(--color-text-muted);font-size:.9rem;margin:0}.file-options{display:flex;gap:1rem;margin:1rem 0;flex-wrap:wrap}.file-option{background:#f5f5f5;padding:.75rem 1rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.75rem;border:1px solid var(--color-border)}.file-option span{color:var(--color-text-muted);font-size:.9rem}.sub-note{color:var(--color-text-muted)!important;font-size:.9rem;margin-top:.5rem}.important-note{background:#fff3e0;padding:1rem;border-radius:var(--radius-sm);margin-bottom:1.5rem;color:var(--color-text-light)}.compat-visual-guide{display:flex;flex-direction:column;gap:1rem}.compat-step{display:flex;gap:1rem;padding:1rem;background:#fafafa;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.compat-number{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.compat-content{flex:1}.compat-content h4{color:var(--color-text);margin-bottom:.5rem;font-size:1rem}.compat-content p{color:var(--color-text-muted);margin:0;font-size:.95rem}.visual-box{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background:#f5f5f5;border-radius:6px}.mouse-icon{font-size:1.2rem}.arrow{color:var(--color-text-muted)}.menu-text{color:var(--color-text);font-weight:600}.checkbox-visual{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.checkbox{width:18px;height:18px;background:#fff;border:2px solid var(--color-secondary);border-radius:3px;display:flex;align-items:center;justify-content:center;color:var(--color-secondary);font-size:.8rem;font-weight:700}.checkbox-visual span{color:var(--color-text-light)}.dropdown-visual{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#fff;color:#333;border-radius:6px;font-size:.9rem;margin-left:1.5rem;border:1px solid var(--color-border)}.dropdown-arrow{color:var(--color-text-muted);font-size:.7rem}.button-visual{display:flex;gap:.5rem;margin-top:.75rem}.btn-mock{padding:.4rem 1rem;border-radius:6px;font-size:.9rem;background:#e0e0e0;color:#333}.btn-mock.primary{background:var(--color-primary);color:#fff}.platform-section{padding:2rem 0;max-width:900px;margin:0 auto}.platform-section>h2{text-align:center;margin-bottom:.5rem;color:var(--color-primary-dark)}.section-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:2rem;font-size:1.05rem}.platform-tabs{display:flex;flex-direction:column;gap:2rem}.platform-block{border-radius:var(--radius);overflow:hidden}.platform-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;color:#fff}.wine-header{background:linear-gradient(135deg,#7b1fa2,#9c27b0)}.vm-header{background:linear-gradient(135deg,#1565c0,#0091ea)}.platform-icon{font-size:1.5rem}.platform-header h3{color:#fff;margin:0;flex:1;font-size:1.2rem}.platform-badge{background:#ffffff40;color:#fff;padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.platform-badge.alt{background:#fff3}.platform-content{border-top:none;border-radius:0 0 var(--radius) var(--radius)!important}.platform-content>p{color:var(--color-text-light);margin-bottom:1.5rem;line-height:1.6}.platform-os-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1rem}.platform-os-card{background:var(--color-bg, #f5f5f5);border-radius:var(--radius-sm);padding:1.25rem;border:1px solid var(--color-border, #e0e0e0)}.platform-os-card h4{color:var(--color-primary);margin-bottom:1rem;font-size:1.1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-primary)}.platform-steps{display:flex;flex-direction:column;gap:.75rem}.platform-step{display:flex;gap:.75rem;align-items:flex-start}.ps-num{width:24px;height:24px;min-width:24px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;margin-top:2px}.platform-step strong{display:block;color:var(--color-text);margin-bottom:.2rem;font-size:.9rem}.platform-step p{color:var(--color-text-muted);font-size:.85rem;margin:0;line-height:1.4}.platform-step a{color:var(--color-primary);font-weight:600}.vm-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.5rem}.vm-option{background:var(--color-bg, #f5f5f5);border-radius:var(--radius-sm);padding:1.25rem;text-align:center;border:1px solid var(--color-border, #e0e0e0);transition:all .2s}.vm-option:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.vm-option h4{color:var(--color-text);margin-bottom:.25rem;font-size:1rem}.vm-price{color:var(--color-secondary)!important;font-weight:700;font-size:.8rem!important;margin-bottom:.5rem!important}.vm-option p{color:var(--color-text-muted);font-size:.8rem;margin-bottom:.5rem}.vm-link{color:var(--color-primary);font-weight:600;font-size:.8rem}.vm-setup-steps{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border, #e0e0e0)}.vm-setup-steps h4{color:var(--color-primary);margin-bottom:1rem}.requirements-section,.controls-section,.console-section,.troubleshooting,.archive-section{padding:2rem 0;max-width:900px;margin:0 auto}.requirements-section h2,.controls-section h2,.console-section h2,.troubleshooting h2,.archive-section h2{text-align:center;margin-bottom:1.5rem;color:var(--color-primary-dark)}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.req-item{text-align:center;padding:1rem}.req-icon{font-size:2rem;margin-bottom:.5rem}.req-item h4{color:var(--color-primary);margin-bottom:.5rem}.req-item p{color:var(--color-text-muted);margin:0;font-size:.95rem}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.control-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f5f5f5;border-radius:var(--radius-sm)}.control-item kbd{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:#fff;font-weight:700}.control-item span{color:var(--color-text-light)}kbd{background:#e3f2fd;padding:.25rem .5rem;border-radius:6px;font-family:monospace;color:var(--color-primary-dark);border:1px solid var(--color-border)}.console-open{margin-bottom:1.5rem}.console-open h4,.cheats-list h4{color:var(--color-primary);margin-bottom:.75rem}.key-combo{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.key-combo span{color:var(--color-text-muted)}.key-combo kbd{background:#e3f2fd;border:1px solid var(--color-border);padding:.4rem .6rem;font-size:.85rem;color:var(--color-primary-dark)}.command-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.command-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#f5f5f5;border-radius:var(--radius-sm)}.command-item span{color:var(--color-text-muted);font-size:.9rem}.faq-item{display:flex;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-item:first-child{padding-top:0}.faq-icon{font-size:1.5rem;flex-shrink:0}.faq-content h4{color:var(--color-primary);margin-bottom:.5rem}.faq-content p{color:var(--color-text-muted);margin:0}.archive-section .card{text-align:center}.archive-section p{color:var(--color-text-muted);margin-bottom:1.5rem}@media(max-width:768px){.step{flex-direction:column;align-items:center;text-align:center}.step-icon{margin-bottom:1rem}.compat-step{flex-direction:column;text-align:center}.compat-number{margin:0 auto}.checkbox-visual{justify-content:center}.dropdown-visual{margin-left:0}.key-combo{justify-content:center}.faq-item{flex-direction:column;text-align:center}}.status-page{padding:2rem;max-width:1200px;margin:0 auto}.status-hero{text-align:center;margin-bottom:2rem}.status-hero h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--color-primary-dark)}.status-hero p{color:var(--color-text-muted);font-size:1.1rem}.status-summary{margin-bottom:1.5rem}.summary-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:var(--radius);font-size:1.1rem;font-weight:700}.summary-banner.all-online{background:#e8f5e9;border:2px solid #a5d6a7;color:var(--color-secondary-dark)}.summary-banner.some-offline{background:#fff3e0;border:2px solid #ffcc80;color:var(--color-accent-dark)}.summary-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;animation:glow 2s infinite}.status-controls{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.refresh-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-pill);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #0091ea4d}.refresh-btn:disabled{opacity:.7;cursor:not-allowed}.last-checked{color:var(--color-text-muted);font-size:.9rem}.live-badge{margin-left:auto;background:#e53935;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:var(--radius-pill);letter-spacing:.1em;animation:livePulse 2s infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.6}}.connection-status{font-size:.8rem;font-weight:600}.connection-status.connected{color:#43a047}.connection-status.disconnected{color:#e53935}.status-error{background:#ffebee;border:2px solid #ef9a9a;border-radius:var(--radius);padding:1rem 1.5rem;margin-bottom:2rem;color:#c62828}.status-loading{text-align:center;padding:3rem;color:var(--color-text-muted)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.status-card{padding:1.5rem}.status-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.status-indicator{width:16px;height:16px;border-radius:50%;flex-shrink:0}.status-indicator.status-online{background:#43a047;box-shadow:0 0 10px #43a04780;animation:glow 2s infinite}.status-indicator.status-degraded{background:#ff9800;box-shadow:0 0 10px #ff980080}.status-indicator.status-offline{background:#e53935;box-shadow:0 0 10px #e5393580}@keyframes glow{0%,to{box-shadow:0 0 10px #43a04780}50%{box-shadow:0 0 20px #43a047cc}}.status-header h2{margin:0;font-size:1.2rem;color:var(--color-text)}.status-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.status-row{display:flex;justify-content:space-between;align-items:center}.status-row .label{color:var(--color-text-muted)}.status-row .value{font-weight:700;color:var(--color-text)}.status-row .value.status-online{color:#43a047}.status-row .value.status-degraded{color:#ff9800}.status-row .value.status-offline{color:#e53935}.server-type-badge{display:inline-block;padding:.15rem .5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff!important;border-radius:var(--radius-pill);font-size:.75rem;letter-spacing:.05em}.status-games{padding-top:1rem;border-top:1px solid var(--color-border)}.status-games .label{display:block;color:var(--color-text-muted);font-size:.85rem;margin-bottom:.5rem}.game-tags{display:flex;flex-wrap:wrap;gap:.5rem}.game-tag{display:inline-block;padding:.2rem .6rem;background:#fff3e0;color:var(--color-accent-dark);border-radius:var(--radius-pill);font-size:.8rem;font-weight:600}.status-section{margin-bottom:2.5rem}.section-title{font-size:1.5rem;color:var(--color-primary);margin:0 0 .25rem}.section-subtitle{color:var(--color-text-muted);font-size:.95rem;margin:0 0 1.25rem}.status-description{padding-top:.75rem;border-top:1px solid var(--color-border);margin-bottom:.5rem}.status-description p{margin:0;color:var(--color-text-muted);font-size:.9rem}.status-info{margin-top:2rem}.status-info .card{padding:1.5rem}.status-info h3{margin:0 0 .75rem;color:var(--color-text)}.status-info p{margin:0;color:var(--color-text-muted);line-height:1.6}@media(max-width:768px){.status-page{padding:1rem}.status-hero h1{font-size:2rem}.status-grid{grid-template-columns:1fr}.status-controls{flex-direction:column;align-items:flex-start}}.about{max-width:900px;margin:0 auto;padding:2rem}.about-hero{text-align:center;margin-bottom:3rem;padding:2rem 0}.about-hero h1{font-size:2.5rem;color:var(--color-primary-dark);margin-bottom:.5rem}.about-hero p{color:var(--color-text-muted);font-size:1.1rem}.about section{margin-bottom:3rem}.about h2{font-size:1.5rem;color:var(--color-primary);margin-bottom:1rem;border-bottom:3px solid var(--color-primary-light);padding-bottom:.5rem}.about .card p{color:var(--color-text-light);line-height:1.7;margin-bottom:1rem}.about .card p:last-child{margin-bottom:0}.owner-section .owner-card{border-left:4px solid var(--color-primary);background:linear-gradient(135deg,#e3f2fd,#f3e5f5)}.owner-info h3{color:var(--color-text);font-size:1.5rem;margin-bottom:.25rem}.owner-title{color:var(--color-primary);font-weight:700;margin-bottom:1rem}.cubez-section .card{border-left:4px solid var(--color-accent)}.partnerships-section .card{border-left:4px solid var(--color-secondary)}.partnership-item{padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.partnership-item:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.partnership-item h3{color:var(--color-primary);font-size:1.1rem;margin-bottom:.5rem}.partnership-item p{margin-bottom:0}.ownership-card{background:linear-gradient(135deg,#e3f2fd,#e8f5e9);border:1px solid var(--color-primary-light)}.trademark-list{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.trademark-list p{font-size:.9rem;margin-bottom:.75rem}.trademark-list p:last-child{margin-bottom:0;font-style:italic;color:var(--color-text-muted)}.contact-section .card{text-align:center}.contact-section .btn-primary{display:inline-block;margin-top:1rem}@media(max-width:768px){.about{padding:1rem}.about-hero h1{font-size:2rem}}.faq-page{padding:2rem 0}.faq-hero{text-align:center;padding:2rem 0 3rem}.faq-hero h1{color:var(--color-primary-dark);margin-bottom:.5rem}.faq-hero p{color:var(--color-text-muted);font-size:1.2rem}.faq-category{margin-bottom:2.5rem}.faq-category h2{color:var(--color-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:3px solid var(--color-primary-light)}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-accordion{background:var(--color-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .2s}.faq-accordion.open{box-shadow:var(--shadow-md)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:none;border:none;cursor:pointer;text-align:left;font-size:1rem;font-weight:700;color:var(--color-text);border-radius:0;font-family:inherit}.faq-question:hover{color:var(--color-primary)}.faq-arrow{font-size:1.5rem;font-weight:700;color:var(--color-primary);flex-shrink:0;margin-left:1rem}.faq-answer{padding:0 1.5rem 1.25rem}.faq-answer p{color:var(--color-text-light);line-height:1.7;margin:0}.soundtrack-page{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.soundtrack-header{text-align:center;margin-bottom:2.5rem}.soundtrack-header h1{font-size:2.5rem;margin-bottom:.5rem}.soundtrack-header .subtitle{color:var(--color-text-light);font-size:1.1rem;margin-bottom:1rem}.soundtrack-notice{background:var(--color-surface);border-left:4px solid var(--color-accent);padding:1rem 1.25rem;border-radius:var(--radius-sm);margin-bottom:2.5rem;color:var(--color-text-light);font-size:.95rem;line-height:1.6}.soundtrack-notice strong{color:var(--color-text)}.soundtrack-filters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.filter-btn{padding:.5rem 1.25rem;border-radius:var(--radius-pill);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.game-soundtrack{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:2rem;overflow:hidden}.game-soundtrack-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.game-soundtrack-header:hover{background:var(--color-bg)}.game-soundtrack-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.game-soundtrack-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;color:#fff}.game-soundtrack-text h3{font-size:1.1rem;margin-bottom:.15rem;line-height:1.3}.game-soundtrack-meta{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--color-text-muted)}.category-badge{padding:.15rem .6rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;color:#fff}.track-count{font-weight:600}.expand-icon{font-size:1.2rem;color:var(--color-text-muted);transition:transform .3s;flex-shrink:0;margin-left:1rem}.expand-icon.expanded{transform:rotate(180deg)}.track-list{border-top:1px solid var(--color-border);padding:0}.track-coming-soon-banner{padding:.6rem 1.5rem;background:var(--color-bg);color:var(--color-text-muted);font-size:.82rem;border-bottom:1px solid var(--color-border)}.track-item{display:flex;align-items:center;padding:.85rem 1.5rem;gap:1rem;transition:background .15s,border-left .15s;border-bottom:1px solid var(--color-border);border-left:3px solid transparent;cursor:pointer}.track-item.track-odd{background:#00000005}.track-item:last-child{border-bottom:none}.track-item:hover{background:var(--color-bg)}.track-item.track-selected{border-left-color:var(--color-primary);background:#1565c00f}.track-item.track-selected:hover{background:#1565c01a}.track-number{width:28px;height:28px;border-radius:50%;background:var(--color-bg-alt);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--color-text-muted);flex-shrink:0}.track-play-icon{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.75rem;flex-shrink:0;transition:border-color .2s,color .2s}.track-item:hover .track-play-icon{border-color:var(--color-primary);color:var(--color-primary)}.track-equalizer{width:32px;height:32px;display:flex;align-items:flex-end;justify-content:center;gap:2px;flex-shrink:0}.eq-bar{display:inline-block;width:4px;border-radius:2px;background:var(--color-primary);animation:equalizerBounce .8s ease-in-out infinite alternate}.eq-bar-1{height:8px;animation-duration:.6s}.eq-bar-2{height:14px;animation-duration:.8s;animation-delay:.1s}.eq-bar-3{height:10px;animation-duration:.7s;animation-delay:.2s}.eq-bar-4{height:16px;animation-duration:.9s;animation-delay:.15s}@keyframes equalizerBounce{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.track-details{flex:1;min-width:0}.track-name{font-weight:600;font-size:.95rem;color:var(--color-text);margin-bottom:.1rem}.track-notes{font-size:.82rem;color:var(--color-text-muted)}.track-duration{font-size:.85rem;color:var(--color-text-muted);font-weight:600;flex-shrink:0;font-variant-numeric:tabular-nums}.soundtrack-stats{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem}.stat-card{background:var(--color-surface);border-radius:var(--radius);padding:1.25rem 2rem;text-align:center;box-shadow:var(--shadow-sm);min-width:140px}.stat-number{font-size:2rem;font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--color-text-muted);font-weight:600}@media(max-width:640px){.soundtrack-header h1{font-size:1.8rem}.game-soundtrack-header{padding:1rem}.game-soundtrack-text h3{font-size:.95rem}.track-item{padding:.75rem 1rem;gap:.75rem}.soundtrack-stats{gap:.75rem}.stat-card{padding:1rem 1.25rem;min-width:100px}.stat-number{font-size:1.5rem}}.gallery{padding:2rem 0;max-width:1200px;margin:0 auto}.gallery-hero{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#7b1fa2,#9c27b0 40%,#ce93d8);border-radius:var(--radius);margin-bottom:3rem;position:relative;overflow:hidden}.gallery-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:gallery-shimmer 8s infinite linear}@keyframes gallery-shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gallery-hero h1{font-size:3rem;color:#fff;text-shadow:0 3px 6px rgba(0,0,0,.2);position:relative;margin-bottom:.5rem}.gallery-hero-subtitle{font-size:1.3rem;color:var(--color-fun-yellow);font-weight:700;position:relative;margin-bottom:.5rem}.gallery-hero-description{max-width:600px;margin:0 auto;color:#ffffffe6;font-size:1.1rem;position:relative}.gallery-grid{display:flex;flex-direction:column;gap:2rem;padding:0 1rem}.gallery-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s,box-shadow .2s}.gallery-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.gallery-card-header{padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff}.gallery-card-header h2{font-size:1.4rem;color:#fff;margin-bottom:0}.gallery-card-body{padding:1.5rem}.gallery-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:stretch}.gallery-edition{display:flex;flex-direction:column}.gallery-edition-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding:.25rem .75rem;border-radius:var(--radius-pill);display:inline-block;width:fit-content}.gallery-edition-label.original{background:#e3f2fd;color:#1565c0}.gallery-edition-label.later{background:#e8f5e9;color:#2e7d32}[data-theme=dark] .gallery-edition-label.original{background:#1565c033;color:#64b5f6}[data-theme=dark] .gallery-edition-label.later{background:#2e7d3233;color:#81c784}.gallery-edition h3{font-size:1.1rem;margin-bottom:.25rem}.gallery-edition-year{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.75rem}.gallery-edition p{font-size:.95rem;color:var(--color-text-light);margin-bottom:.75rem;line-height:1.5}.gallery-placeholder{background:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-sm);padding:2rem 1rem;text-align:center;margin-bottom:1rem;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.gallery-placeholder-icon{font-size:2rem;margin-bottom:.5rem}.gallery-placeholder-text{font-size:.85rem;color:var(--color-text-muted)}.gallery-features{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}.gallery-features li{font-size:.8rem;padding:.2rem .6rem;background:var(--color-bg);border-radius:var(--radius-pill);color:var(--color-text-light)}.gallery-arrow{display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-accent);padding:0 .5rem}.gallery-changes{margin-top:1rem;padding:1rem 1.25rem;background:var(--color-bg);border-radius:var(--radius-sm);border-left:4px solid var(--color-accent)}.gallery-changes-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-dark);margin-bottom:.25rem}.gallery-changes p{font-size:.95rem;color:var(--color-text-light);margin-bottom:0;line-height:1.5}@media(max-width:768px){.gallery-hero h1{font-size:2.2rem}.gallery-comparison{grid-template-columns:1fr;gap:1rem}.gallery-arrow{transform:rotate(90deg);padding:0}.gallery-card-body{padding:1rem}}.timeline-page{padding:2rem 1rem;max-width:1000px;margin:0 auto}.timeline-header{text-align:center;margin-bottom:3rem}.timeline-header h1{font-size:2.5rem;color:var(--color-primary-dark);margin-bottom:.75rem}.timeline-description{color:var(--color-text-light);max-width:600px;margin:0 auto 1.5rem;font-size:1.05rem}.timeline-legend{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--color-text-light)}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.timeline-container{position:relative;padding:2rem 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--color-primary-light),var(--color-primary),var(--color-primary-dark));border-radius:2px;transform:translate(-50%)}.timeline-year-group{position:relative;margin-bottom:1rem}.timeline-year-marker{display:flex;justify-content:center;position:relative;z-index:2;margin-bottom:1.5rem}.timeline-year-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;padding:.5rem 1.5rem;border-radius:var(--radius-pill);font-size:1.2rem;font-weight:800;box-shadow:0 4px 16px #0091ea4d}.timeline-entry{position:relative;display:flex;align-items:flex-start;margin-bottom:2rem;width:100%}.timeline-entry.left{justify-content:flex-start;padding-right:calc(50% + 30px);padding-left:0}.timeline-entry.right{justify-content:flex-end;padding-left:calc(50% + 30px);padding-right:0}.timeline-dot-large{position:absolute;left:50%;top:1.5rem;width:20px;height:20px;border-radius:50%;transform:translate(-50%);z-index:2;transition:transform .3s ease}.timeline-entry:hover .timeline-dot-large{transform:translate(-50%) scale(1.4)}.timeline-card{display:block;background:var(--color-surface);border-radius:var(--radius);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;width:100%}.timeline-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.timeline-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem;flex-wrap:wrap}.timeline-category-badge{padding:.2rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.timeline-grade{font-size:.8rem;color:var(--color-text-muted);font-weight:600}.timeline-card-title{font-size:1.1rem;color:var(--color-text);margin-bottom:.25rem}.timeline-card-subtitle{color:var(--color-primary);font-size:.85rem;font-weight:600;margin-bottom:.5rem}.timeline-card-desc{color:var(--color-text-light);font-size:.85rem;line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.timeline-card-link{color:var(--color-primary);font-size:.85rem;font-weight:700;transition:color .2s}.timeline-card:hover .timeline-card-link{color:var(--color-primary-dark)}@media(max-width:768px){.timeline-line{left:20px}.timeline-entry.left,.timeline-entry.right{padding-left:50px;padding-right:0;justify-content:flex-start}.timeline-dot-large{left:20px}.timeline-year-marker{justify-content:flex-start;padding-left:50px}.timeline-header h1{font-size:2rem}.timeline-legend{gap:1rem}}.donate-page{padding:2rem 0;max-width:1000px;margin:0 auto}.donate-hero{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#e91e63,#ff5722,#ff9800);border-radius:var(--radius);margin-bottom:3rem;position:relative;overflow:hidden}.donate-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:donateShimmer 8s infinite linear}@keyframes donateShimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.donate-hero h1{font-size:2.8rem;color:#fff;text-shadow:0 3px 6px rgba(0,0,0,.2);position:relative;margin-bottom:1rem}.donate-hero-subtitle{font-size:1.2rem;color:#ffffffe6;position:relative;max-width:600px;margin:0 auto}.donate-section{margin-bottom:3rem}.donate-section h2{text-align:center;color:var(--color-primary-dark);margin-bottom:1rem;font-size:1.8rem}.section-description{text-align:center;color:var(--color-text-light);max-width:600px;margin:0 auto 2rem}.why-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.why-card{text-align:center;padding:2rem 1.5rem}.why-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.why-icon{font-size:3rem;display:block;margin-bottom:1rem}.why-card h3{color:var(--color-primary);margin-bottom:.75rem}.why-card p{color:var(--color-text-light);margin:0;font-size:.95rem}.costs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;max-width:800px;margin:0 auto}.cost-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;gap:.5rem}.cost-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.cost-icon{font-size:2rem}.cost-label{font-weight:600;color:var(--color-text);font-size:.9rem}.cost-amount{font-weight:800;color:var(--color-primary);font-size:1.1rem}.costs-note{text-align:center;margin-top:1.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:var(--radius-sm);max-width:600px;margin-left:auto;margin-right:auto}.costs-note p{color:var(--color-text-light);margin:0;font-size:.9rem}[data-theme=dark] .costs-note{background:linear-gradient(135deg,#1a2a3a,#1b2838)}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.method-card{text-align:center;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center}.method-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.method-icon{font-size:3rem;display:block;margin-bottom:1rem}.method-card h3{color:var(--color-text);margin-bottom:.5rem}.method-card p{color:var(--color-text-light);font-size:.9rem;margin-bottom:1.5rem;flex-grow:1}.donate-btn{display:inline-block;color:#fff;padding:.75rem 1.75rem;border-radius:var(--radius-pill);font-weight:700;font-size:.95rem;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #00000026}.donate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040;color:#fff;opacity:.9}.placeholder-note{text-align:center;margin-top:1.5rem;color:var(--color-text-muted);font-style:italic;font-size:.9rem}.other-ways-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.other-card{text-align:center;padding:1.5rem}.other-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.other-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.other-card h3{color:var(--color-primary);margin-bottom:.5rem;font-size:1.1rem}.other-card p{color:var(--color-text-light);margin:0;font-size:.9rem}.thank-you-card{background:linear-gradient(135deg,#1565c0,#0091ea 40%,#4fc3f7);border-radius:var(--radius);padding:3rem 2rem;text-align:center;color:#fff}.thank-you-card h2{color:#fff;margin-bottom:1rem;font-size:2rem}.thank-you-card p{color:#ffffffe6;max-width:600px;margin:0 auto 1rem;font-size:1.05rem}.thank-you-signature{font-style:italic;color:#fffc!important;margin-top:1.5rem!important;margin-bottom:2rem!important}.thank-you-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.thank-you-actions .btn-primary{background:var(--color-fun-yellow);color:#333;padding:.85rem 2rem;text-decoration:none;display:inline-block;border-radius:var(--radius-pill);font-weight:700;box-shadow:0 4px 16px #ffc10766}.thank-you-actions .btn-primary:hover{box-shadow:0 6px 24px #ffc10780;transform:translateY(-2px)}.thank-you-actions .btn-secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5);padding:.85rem 2rem;text-decoration:none;display:inline-block;border-radius:var(--radius-pill);font-weight:700}.thank-you-actions .btn-secondary:hover{background:#ffffff4d;color:#fff;transform:translateY(-2px)}@media(max-width:768px){.donate-hero h1{font-size:2rem}.donate-hero-subtitle{font-size:1rem}.donate-hero{padding:3rem 1.5rem}.donate-page{padding:1rem}}.memories-page{padding:2rem 0}.memories-hero{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#1565c0,#0091ea 40%,#4fc3f7);border-radius:var(--radius);margin-bottom:3rem;position:relative;overflow:hidden}.memories-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:shimmer 8s infinite linear}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.memories-hero h1{font-size:3rem;color:#fff;margin-bottom:.5rem;text-shadow:0 3px 6px rgba(0,0,0,.2);position:relative}.memories-subtitle{font-size:1.2rem;color:#ffffffe6;position:relative}.memories-form-section{margin-bottom:3rem}.memories-form-card{max-width:800px;margin:0 auto}.memories-form-card h2{color:var(--color-primary-dark);margin-bottom:1.5rem}.memories-form .form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem}.memories-form .form-group{display:flex;flex-direction:column;margin-bottom:1rem}.memories-form label{font-weight:600;margin-bottom:.4rem;color:var(--color-text);font-size:.9rem}.memories-form input,.memories-form textarea{padding:.7rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;background:var(--color-bg);color:var(--color-text);transition:border-color .2s}.memories-form input:focus,.memories-form textarea:focus{outline:none;border-color:var(--color-primary)}.memories-form textarea{resize:vertical;min-height:100px}.char-count{text-align:right;font-size:.8rem;color:var(--color-text-muted);margin-top:.25rem}.form-error{background:#fdecea;color:#c62828;padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem}.form-success{background:#e8f5e9;color:#2e7d32;padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem}.memories-form .btn-primary{display:inline-block;padding:.85rem 2rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-pill);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.memories-form .btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.memories-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}.memories-grid-section{margin-bottom:3rem}.memories-grid-section h2{text-align:center;color:var(--color-primary-dark);margin-bottom:2rem}.memories-loading,.memories-empty{text-align:center;color:var(--color-text-muted);font-size:1.1rem;padding:2rem}.memories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.memory-card{display:flex;flex-direction:column;gap:.75rem}.memory-header{display:flex;justify-content:space-between;align-items:center}.memory-author{font-weight:700;color:var(--color-text);font-size:1rem}.memory-time{font-size:.8rem;color:var(--color-text-muted)}.memory-meta{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.memory-game-badge{display:inline-block;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;padding:.2rem .6rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600}.memory-year{font-size:.8rem;color:var(--color-text-muted);font-weight:600}.memory-text{color:var(--color-text-light);font-size:.95rem;line-height:1.5;margin:0}@media(max-width:1024px){.memories-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.memories-hero h1{font-size:2.2rem}.memories-form .form-row,.memories-grid{grid-template-columns:1fr}}.newsletter{background:linear-gradient(135deg,#1565c0,#0091ea);border-radius:var(--radius);padding:2.5rem;text-align:center;margin:2rem 0}.newsletter h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.newsletter p{color:#ffffffd9;margin-bottom:1.5rem}.newsletter-form{display:flex;gap:.75rem;max-width:500px;margin:0 auto}.newsletter-form input{flex:1;padding:.85rem 1.25rem;border:none;border-radius:var(--radius-pill);font-size:1rem;font-family:inherit;outline:none}.newsletter-form .btn-primary{background:var(--color-fun-yellow);color:#333;white-space:nowrap}.newsletter-success{background:#fff3;padding:1rem 1.5rem;border-radius:var(--radius-pill);color:#fff;font-weight:700}.newsletter-error{color:#ffcdd2;font-size:.9rem;margin-top:.5rem;margin-bottom:0}@media(max-width:768px){.newsletter-form{flex-direction:column}}.announcement-banners{position:relative;z-index:1001;width:100%}.announcement-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;color:#fff;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.announcement-info{background:linear-gradient(135deg,#0091ea,#0277bd)}.announcement-warning{background:linear-gradient(135deg,#ff9800,#f57c00)}.announcement-success{background:linear-gradient(135deg,#43a047,#2e7d32)}.announcement-important{background:linear-gradient(135deg,#e53935,#c62828)}.announcement-icon{font-size:1.1rem;flex-shrink:0}.announcement-message{flex:1;text-align:center}.announcement-dismiss{background:#fff3;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.25rem .5rem;border-radius:50%;line-height:1;transition:background .2s;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.announcement-dismiss:hover{background:#ffffff59;transform:none;box-shadow:none}@media(max-width:600px){.announcement-banner{font-size:.85rem;padding:.6rem 1rem;gap:.5rem}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}.footer{background:linear-gradient(135deg,#1a237e,#283593,#1565c0);padding:2.5rem 2rem 1rem;text-align:center;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--rainbow)}.footer p{margin:.5rem 0;color:#ffffffb3}.footer strong{color:#fff}.footer a{color:var(--color-fun-yellow);text-decoration:none}.footer a:hover{text-decoration:underline}.footer-links{margin-top:1.25rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer-links a{color:#fff;font-weight:700;padding:.5rem 1.25rem;border-radius:var(--radius-pill);background:#ffffff1f;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:.9rem}.footer-links a:hover{background:#ffffff40;text-decoration:none;transform:translateY(-2px)}