*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a25;--surface-panel:#1a1a25db;--surface-soft:#ffffff0f;--surface-raised:#12121cf0;--accent-pink:#ff2d95;--accent-purple:#9d4edd;--accent-cyan:#00d9ff;--accent-orange:#ff6b35;--accent-soft-pink:#ff2d951f;--accent-soft-cyan:#00d9ff1a;--text-primary:#fff;--text-secondary:#b0b0c0;--text-muted:#6b6b7b;--border-color:#2a2a3a;--border-soft:#ffffff14;--nav-bg:#0a0a0fa3;--nav-bg-solid:#0a0a0fe6;--nav-border:#ffffff14;--popover-bg:#0f0f1af7;--control-bg:#ffffff0f;--control-border:#ffffff1f;--shadow-soft:0 18px 48px #00000047;--glow-pink:0 0 20px #ff2d954d;--glow-purple:0 0 20px #9d4edd4d;--font-body:"Inter", sans-serif;--font-display:"Oswald", sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f5f7fb;--bg-secondary:#eef3f8;--bg-card:#fff;--surface-panel:#ffffffe6;--surface-soft:#121b2d0e;--surface-raised:#fffffff5;--accent-pink:#e01883;--accent-purple:#7c3fd2;--accent-cyan:#008fbd;--accent-orange:#e25a2c;--accent-soft-pink:#e018831a;--accent-soft-cyan:#008fbd1a;--text-primary:#171724;--text-secondary:#4e5261;--text-muted:#7a7f90;--border-color:#d9deea;--border-soft:#121b2d1a;--nav-bg:#ffffffbd;--nav-bg-solid:#ffffffeb;--nav-border:#121b2d1a;--popover-bg:#fffffffa;--control-bg:#121b2d0e;--control-border:#121b2d1f;--shadow-soft:0 18px 46px #1a264624;--glow-pink:0 0 20px #e018832e;--glow-purple:0 0 20px #7c3fd22e}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .2s,color .2s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:1px;line-height:1.1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-pink)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-pink), 0 0 10px var(--accent-pink)}50%{box-shadow:0 0 20px var(--accent-pink), 0 0 30px var(--accent-pink)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{opacity:0;animation:.8s ease-out both fadeInUp;transform:translateY(30px)}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-glow{animation:2s ease-in-out infinite glow}.animate-float{animation:3s ease-in-out infinite float}html.js:not(.app-ready) .hero .animate-fade-in-up{opacity:0;animation:none;transform:translateY(30px)}@media (prefers-reduced-motion:reduce){.animate-fade-in-up{opacity:1;animation:none;transform:none}html.js:not(.app-ready) .hero .animate-fade-in-up{opacity:1;transform:none}}.gradient-text{background:linear-gradient(135deg, var(--accent-pink), var(--accent-purple), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--surface-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-soft);border-radius:12px}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{color:var(--text-primary);border-color:var(--border-soft);background-color:#ffffffd1}[data-theme=light] .navbar,[data-theme=light] .navbar.scrolled,[data-theme=light] .bottom-tabs-navbar{background:var(--nav-bg-solid);border-color:var(--nav-border)}[data-theme=light] .nav-auth button,[data-theme=light] .nav-profile,[data-theme=light] .nav-cart-toggle,[data-theme=light] .lang-toggle{background:var(--control-bg);border-color:var(--control-border);color:var(--text-primary)}[data-theme=light] .bottom-more-menu,[data-theme=light] .lang-dropdown,[data-theme=light] .post-menu-dropdown{background:var(--popover-bg);border-color:var(--control-border);box-shadow:var(--shadow-soft)}[data-theme=light] .bottom-more-menu a,[data-theme=light] .lang-dropdown li button{background:var(--control-bg);border-color:var(--border-soft);color:var(--text-secondary)}[data-theme=light] .ign-guide-stat,[data-theme=light] .characters-stat,[data-theme=light] .leonida-stat,[data-theme=light] .p2p-hero-panel div,[data-theme=light] .p2p-empty,[data-theme=light] .shop-cart-panel,[data-theme=light] .messages-shell,[data-theme=light] .profile-metrics-card,[data-theme=light] .profile-badges-card,[data-theme=light] .badges-panel,[data-theme=light] .social-main,[data-theme=light] .community-post,[data-theme=light] .rumor-card,[data-theme=light] .source-card,[data-theme=light] .poll-card,[data-theme=light] .trailer-thread,[data-theme=light] .profile-detail{background:var(--surface-panel);border-color:var(--border-soft)}[data-theme=light] .profile-messages-card{background:linear-gradient(135deg, #008fbd14, #e0188314), var(--surface-panel);border-color:var(--border-soft)}[data-theme=light] .profile-metrics-card span,[data-theme=light] .vehicle-tabs button,[data-theme=light] .ign-character-image,[data-theme=light] .messages-search,[data-theme=light] .messages-composer,[data-theme=light] .shop-cart-line,[data-theme=light] .p2p-filter-button,[data-theme=light] .p2p-listing-card,[data-theme=light] .post-attachment,[data-theme=light] .auth-modal input{background:var(--surface-soft);border-color:var(--border-soft)}[data-theme=light] .ign-guide-image-card figcaption,[data-theme=light] .leonida-image-card figcaption,[data-theme=light] .location-guide-image figcaption{border-color:var(--border-soft);color:var(--text-primary);box-shadow:var(--shadow-soft);background:#ffffffe0}.section-padding{padding:80px 20px}.container{max-width:1200px;margin:0 auto}.btn-primary{background:linear-gradient(135deg, var(--accent-pink), var(--accent-purple));color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{box-shadow:var(--glow-pink);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-purple);box-shadow:var(--glow-purple)}@media (width<=768px){.section-padding{padding:50px 16px}}.news-section{background:var(--bg-primary)}.fallback-notice{color:var(--accent-orange);background:#ff6b351a;border:1px solid #ff6b354d;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:32px;padding:12px 20px;font-size:13px;display:flex}.news-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.news-card{background:var(--bg-card);border:1px solid var(--border-color);color:inherit;opacity:0;border-radius:12px;flex-direction:column;padding:24px;text-decoration:none;transition:all .3s;animation:.5s ease-out forwards fadeInUp;display:flex}.news-card:hover{border-color:var(--accent-pink);transform:translateY(-4px);box-shadow:0 8px 30px #ff2d951a}.news-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.news-source{letter-spacing:1px;color:var(--accent-purple);text-transform:uppercase;font-size:11px;font-weight:700}.news-time{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.news-title{font-family:var(--font-body);color:var(--text-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:15px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.news-summary{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:-4px 0 16px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.news-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.news-stats{gap:16px;display:flex}.news-stat{color:var(--text-muted);align-items:center;gap:4px;font-size:13px;display:flex}.news-author{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.news-actions{justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}.news-count{color:var(--text-muted);font-size:13px}.show-more-button{min-width:132px;min-height:44px;color:var(--text-primary);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#ff2d951f;border:1px solid #ff2d958c;border-radius:8px;padding:0 22px;font-family:inherit;font-size:13px;font-weight:800;transition:transform .2s,border-color .2s,background .2s}.show-more-button:hover{border-color:var(--accent-pink);background:#ff2d9533;transform:translateY(-2px)}@media (width<=968px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=568px){.news-grid{grid-template-columns:1fr}.news-actions{flex-direction:column}.show-more-button{width:100%}}.navbar{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--nav-border);justify-content:space-between;align-items:center;padding:16px 40px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:var(--nav-bg-solid);border-bottom:1px solid var(--nav-border)}.nav-brand{color:var(--text-primary);font-family:var(--font-display);letter-spacing:2px;align-items:center;gap:10px;font-size:24px;text-decoration:none;display:flex}.nav-favicon{object-fit:contain;filter:drop-shadow(0 0 10px #ff2d9573);width:32px;height:32px}.nav-brand .highlight{color:var(--accent-pink)}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--accent-pink)}.nav-links a.active{text-shadow:0 0 18px #ff2d9542}.nav-links .nav-p2p-link{background:linear-gradient(135deg,#4d63c8 0%,#d77fb8 48%,#ffc37a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:600}.nav-links .nav-p2p-link:hover,.nav-links .nav-p2p-link:focus-visible,.nav-links .nav-p2p-link.active{color:#0000;filter:brightness(1.1)}.nav-auth{align-items:center;gap:8px;display:flex}.nav-cart{position:relative}.nav-cart-loading{min-width:260px;color:var(--text-secondary);text-align:center;padding:20px;font-size:13px;font-weight:700}.nav-cart:after{content:"";height:14px;position:absolute;top:100%;left:-20px;right:-20px}.nav-auth>button,.nav-settings-link,.nav-profile,.nav-cart-toggle{min-height:38px;color:var(--text-primary);background:var(--control-bg);border:1px solid var(--border-color);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.nav-auth>button:hover,.nav-settings-link:hover,.nav-settings-link.active,.nav-profile:hover,.nav-cart-toggle:hover,.nav-profile.active{border-color:var(--accent-pink);color:var(--text-primary);background:var(--accent-soft-pink)}.nav-cart-toggle{min-width:46px;position:relative}.nav-cart-toggle span{background:var(--accent-cyan);border:2px solid var(--bg-primary);color:#061016;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:-7px;right:-7px}.nav-cart-popover{z-index:260;opacity:0;pointer-events:none;width:min(92vw,390px);transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-6px)}.nav-cart:hover .nav-cart-popover,.nav-cart:focus-within .nav-cart-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-profile-avatar{width:24px;height:24px;font-family:var(--font-display);letter-spacing:1px;border:1px solid;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.nav-profile-avatar img{object-fit:cover;width:100%;height:100%}.nav-profile strong{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.lang-switcher{position:relative}.lang-toggle{background:var(--control-bg);border:1px solid var(--control-border);min-width:0;max-width:170px;color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;transition:background .2s;display:flex}.lang-toggle svg{flex:none}.lang-toggle span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lang-toggle:hover{background:var(--surface-soft)}.lang-dropdown{background:var(--popover-bg);border:1px solid var(--control-border);z-index:200;min-width:130px;box-shadow:var(--shadow-soft);border-radius:10px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.lang-dropdown li button{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 12px;font-size:.82rem;transition:background .15s,color .15s}.lang-dropdown li button:hover,.lang-dropdown li button.active{color:#ff2d95;background:#ff2d9526}.bottom-tabs-navbar{display:none}@media (width<=1120px){.nav-links{display:none}.bottom-tabs-navbar{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));z-index:180;background:var(--nav-bg-solid);border:1px solid var(--control-border);min-height:66px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;display:grid;position:fixed}.bottom-tab{min-width:0;min-height:54px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:11px;font-weight:800;line-height:1.1;text-decoration:none;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.bottom-tab svg{flex:none}.bottom-tab span{text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.1;display:-webkit-box;overflow:hidden}.bottom-tab:hover,.bottom-tab:focus-visible,.bottom-tab.active{color:var(--text-primary);background:#ff2d951f;border-color:#ff2d9547}.bottom-tab.active svg{color:var(--accent-cyan)}.bottom-more{min-width:0;position:relative}.bottom-more-toggle{width:100%}.bottom-more-menu{z-index:210;background:var(--popover-bg);border:1px solid var(--control-border);width:min(340px,100vw - 24px);box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;border-radius:8px;grid-template-columns:repeat(2,minmax(124px,1fr));gap:8px;padding:8px;transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(8px)}.bottom-more-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.bottom-more-menu a{min-width:0;min-height:40px;color:var(--text-secondary);background:var(--control-bg);border:1px solid var(--border-soft);border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:800;line-height:1.1;text-decoration:none;display:inline-flex}.bottom-more-menu a:hover,.bottom-more-menu a:focus-visible,.bottom-more-menu a.active{color:var(--text-primary);background:#00d9ff1a;border-color:#00d9ff47}.bottom-more-menu a span{overflow-wrap:anywhere;min-width:0;line-height:1.1}}@media (width<=768px){.navbar{padding:12px 20px}.nav-auth>button span,.nav-settings-link span,.nav-profile strong{display:none}}@media (width<=480px){.bottom-tabs-navbar{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left))}.bottom-tab{font-size:10px}.bottom-more-menu{grid-template-columns:repeat(2,minmax(0,1fr));width:min(344px,100vw - 16px)}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:60px 20px 30px}.footer-content{grid-template-columns:1fr 1.5fr;gap:60px;margin-bottom:40px;display:grid}.footer-brand{max-width:320px}.footer-logo{font-family:var(--font-display);letter-spacing:2px;align-items:center;gap:10px;margin-bottom:16px;font-size:24px;display:flex}.footer-icon,.footer-logo .highlight{color:var(--accent-pink)}.footer-description{color:var(--text-muted);font-size:14px;line-height:1.7}.footer-links{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.footer-column h4{font-family:var(--font-display);letter-spacing:1px;color:var(--text-primary);margin-bottom:16px;font-size:18px}.footer-column a{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:10px;font-size:14px;text-decoration:none;transition:color .3s;display:flex}.footer-column a:hover{color:var(--accent-pink)}.footer-bottom{text-align:center;border-top:1px solid var(--border-color);padding-top:30px}.footer-bottom p{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.heart-icon{color:var(--accent-pink)}@media (width<=768px){.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.footer-links{grid-template-columns:1fr}}.app{background-color:var(--bg-primary);min-height:100vh}.page-main{padding-top:70px}.route-loading{min-height:40vh;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;place-items:center;font-weight:700;display:grid}@media (width<=1120px){.app{padding-bottom:calc(86px + env(safe-area-inset-bottom))}}
