:root,[data-theme=dark]{--bg-primary:#0b0c10;--bg-secondary:#1f2833;--bg-card:#1f2833;--text-primary:#c5c6c7;--text-secondary:#66fcf1;--text-muted:#8b949e;--accent:#45a29e;--accent-light:#66fcf1;--gold:#d4af37;--gold-light:#f0d875;--error:#e74c3c;--success:#2ecc71;--border-subtle:rgba(255, 255, 255, 0.08);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius:8px;--nav-height:60px}[data-theme=light]{--bg-primary:#f4f4f4;--bg-secondary:#ffffff;--bg-card:#ffffff;--text-primary:#1f2833;--text-secondary:#0b0c10;--text-muted:#6c757d;--accent:#2d8a82;--accent-light:#1a5f5b;--gold:#b8860b;--gold-light:#8b6914;--error:#c0392b;--success:#27ae60;--border-subtle:rgba(0, 0, 0, 0.1)}*,::after,::before{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}html[dir=rtl]{direction:rtl}html[dir=ltr]{direction:ltr}body{margin:0;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;text-align:start}a{color:var(--accent-light);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--space-md)}.container--narrow{max-width:720px}.section{padding:var(--space-2xl) 0}.section-title{font-size:1.75rem;margin:0 0 var(--space-sm);color:var(--text-secondary);text-align:start}.section-subtitle{color:var(--text-muted);margin:0 0 var(--space-xl);font-size:1rem;text-align:start}.navbar{position:fixed;top:0;inset-inline:0;height:var(--nav-height);display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,max-content) max-content minmax(260px,1fr);grid-template-areas:"brand nav controls account";align-items:center;gap:var(--space-md);padding-inline:var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:1000;transition:background .2s,box-shadow .2s}.navbar--scrolled{box-shadow:0 2px 12px rgba(0,0,0,.2)}.navbar>.logo{grid-area:brand}.navbar .logo{font-weight:700;font-size:1.25rem;color:var(--gold-light);text-decoration:none;justify-self:start;white-space:nowrap}.navbar .logo.logo--admin{color:var(--error)}.navbar .logo:hover{text-decoration:none;opacity:.9}.nav-toggle{grid-area:toggle;display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:8px;color:var(--text-primary)}.nav-toggle span{display:block;width:24px;height:2px;background:currentColor}.nav-links{grid-area:nav;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);list-style:none;margin:0;padding:0;min-width:0;flex-wrap:nowrap}.nav-links a{color:var(--text-primary);padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:var(--radius);text-align:start;unicode-bidi:plaintext}.nav-links a.active,.nav-links a:hover{background:rgba(255,255,255,.06);color:var(--accent-light)}.admin-link{color:#ff4d4d;font-weight:700}.nav-controls{grid-area:controls;display:flex;align-items:center;gap:var(--space-md);justify-self:end;min-inline-size:max-content}.lang-switcher{position:relative}.lang-switcher-trigger{background:0 0;border:1px solid var(--border-subtle);color:var(--text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius);cursor:pointer;font-size:.9rem;min-inline-size:72px;text-align:center}.lang-dropdown{display:none;position:absolute;top:100%;inset-inline-end:0;margin-top:4px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);list-style:none;padding:var(--space-xs);min-width:120px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.lang-dropdown.is-open{display:block}.lang-dropdown button{display:block;width:100%;padding-block:var(--space-sm);padding-inline:var(--space-md);text-align:start;background:0 0;border:none;color:var(--text-primary);cursor:pointer;border-radius:4px}.lang-dropdown button:hover{background:rgba(255,255,255,.06)}.theme-toggle-btn{background:0 0;border:1px solid var(--border-subtle);color:var(--text-primary);width:36px;height:36px;border-radius:var(--radius);cursor:pointer;font-size:1.2rem}.auth-buttons{grid-area:account;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,max-content);gap:var(--space-sm);justify-self:end;justify-content:flex-end;align-items:center;min-inline-size:clamp(220px,26vw,320px);contain:layout}.user-profile{grid-area:account;display:grid;grid-template-columns:minmax(110px,max-content) minmax(0,18ch) auto;align-items:center;gap:var(--space-md);justify-self:end;justify-content:flex-end;min-inline-size:clamp(220px,26vw,360px);text-align:start;unicode-bidi:plaintext;contain:layout}html[dir=rtl] .navbar{grid-template-areas:"account controls nav brand"}html[dir=rtl] .navbar .logo{justify-self:end}html[dir=rtl] .auth-buttons,html[dir=rtl] .nav-controls,html[dir=rtl] .user-profile{justify-self:start}html[dir=rtl] .auth-buttons,html[dir=rtl] .user-profile{justify-content:flex-start}#welcome-message{display:inline-flex;justify-self:end;justify-content:flex-start;gap:.35rem;min-inline-size:0;max-inline-size:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center}.nav-coins{display:inline-flex;align-items:center;justify-self:end;font-size:.9rem;color:var(--gold-light);white-space:nowrap;min-inline-size:110px;font-variant-numeric:tabular-nums}.nav-coins-icon::before{content:'🪙';margin-inline-end:4px}.nav-coins-value,.welcome-prefix,.welcome-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-prefix{color:var(--text-muted);flex:0 0 auto}.welcome-username{color:var(--text-primary);font-weight:600;min-inline-size:0}#logout-btn{justify-self:end;white-space:nowrap}html[dir=rtl] .navbar :is(.logo,.nav-links a,.lang-switcher-trigger,.lang-dropdown button,.theme-toggle-btn,.auth-buttons .btn,.user-profile,.nav-coins,#welcome-message,#logout-btn){direction:rtl;text-align:start;unicode-bidi:plaintext}.hidden{display:none!important}.btn{display:inline-block;padding:var(--space-sm) var(--space-lg);font-size:1rem;font-weight:600;text-align:center;border-radius:var(--radius);border:none;cursor:pointer;text-decoration:none;transition:opacity .2s,transform .1s}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-outline{background:0 0;border:2px solid var(--accent);color:var(--accent-light)}.btn-hero{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--bg-primary)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.875rem}.btn--animated:hover{transform:translateY(-2px)}.hero,.hero-section{position:relative;overflow:hidden}.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-height) + var(--space-2xl)) var(--space-lg) var(--space-2xl)}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-primary) 100%);z-index:0}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1;pointer-events:none}.hero-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xl);max-width:1200px;margin:0 auto;width:100%}.hero-content{position:relative;z-index:2;flex:1;text-align:start}.hero-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:rgba(212,175,55,.2);color:var(--gold-light);border-radius:999px;font-size:.875rem;margin-bottom:var(--space-md)}.hero-title{font-size:clamp(2rem, 5vw, 3.5rem);margin:0 0 var(--space-md);color:var(--text-secondary)}.hero-tagline{font-size:1.125rem;color:var(--text-muted);margin:0 0 var(--space-xl);max-width:560px;text-align:start}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--space-md)}.glitch{position:relative}.glitch[data-text]::before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;opacity:.8;color:var(--accent-light);z-index:-1;animation:glitch 3s infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,2px)}100%{transform:translate(0)}}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-lg)}.server-status-bar{padding:var(--space-lg)}.server-status-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.server-status-indicator{display:flex;align-items:center;gap:var(--space-sm)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted);animation:pulse 2s infinite}.status-dot--online,.status-dot.online{background:var(--success)}.status-dot--offline,.status-dot.offline{background:var(--error)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.server-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.server-stat{text-align:center;padding:var(--space-md);background:rgba(255,255,255,.06);border-radius:var(--radius)}.server-stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent-light)}.server-stat-label{font-size:.8rem;color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-xl)}.feature-card{padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);text-align:center}.feature-icon{margin-bottom:var(--space-md)}.feature-icon img{width:48px;height:48px}.feature-card h3{margin:0 0 var(--space-sm);color:var(--text-secondary);font-size:1.125rem}.feature-card p{margin:0;color:var(--text-muted);font-size:.9rem}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table td,.data-table th{padding-block:var(--space-sm);padding-inline:var(--space-md);text-align:start;border-bottom:1px solid var(--border-subtle)}.data-table th{color:var(--text-muted);font-weight:600}.data-table tbody tr:hover{background:rgba(255,255,255,.03)}.ranking-preview .cta-link{display:inline-block;margin-top:var(--space-md);color:var(--accent-light);font-weight:600}.character-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl)}.character-card{text-align:center;padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius)}.character-card-img img{width:80px;height:80px;margin-bottom:var(--space-md)}.character-card h3{margin:0 0 var(--space-xs);color:var(--text-secondary);font-size:1rem}.character-card p{margin:0;color:var(--text-muted);font-size:.85rem}.character-showcase--grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-xl)}.character-card-imgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);justify-content:center;margin-bottom:var(--space-md)}.character-figure{margin:0}.character-figure img{width:100%;max-width:512px;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);display:block}.character-figure figcaption{margin-top:var(--space-xs);font-size:.8rem;color:var(--text-muted)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.screenshot-card{text-align:center}.screenshot-img{margin-bottom:var(--space-sm);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-subtle)}.screenshot-card p{margin:0;color:var(--text-muted);font-size:.9rem}.video-embed-wrapper{padding:var(--space-xl);text-align:center}.video-embed-placeholder{padding:var(--space-2xl);background:rgba(0,0,0,.2);border-radius:var(--radius)}.video-embed-wrapper iframe{width:100%;aspect-ratio:16/9;border:none;border-radius:var(--radius)}.news-list{display:flex;flex-direction:column;gap:var(--space-lg)}.news-card{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius)}.news-card h3{margin:0 0 var(--space-sm);color:var(--text-secondary)}.news-card time{font-size:.85rem;color:var(--text-muted)}.news-card p{margin:var(--space-sm) 0 0;color:var(--text-primary)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--nav-height) var(--space-md) var(--space-xl);position:relative}.auth-container{width:100%;max-width:420px;position:relative;z-index:2}.auth-card{display:block;visibility:visible;opacity:1;position:relative;z-index:2;padding:var(--space-2xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:0 4px 24px rgba(0,0,0,.2)}.logo-small{font-size:1.5rem;font-weight:700;color:var(--gold-light);text-align:center;margin-bottom:var(--space-lg)}.auth-card h2{margin:0 0 var(--space-xs);color:var(--text-secondary);font-size:1.5rem;text-align:center}.auth-card>p{color:var(--text-muted);text-align:center;margin:0 0 var(--space-xl)}.input-group{margin-bottom:var(--space-md)}.input-group label{display:block;margin-bottom:var(--space-xs);font-size:.9rem;color:var(--text-secondary);text-align:start}.input-group input{width:100%;padding:var(--space-sm) var(--space-md);font-size:1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary)}.input-group input::placeholder{color:var(--text-muted)}.input-group input:focus{outline:0;border-color:var(--accent)}.input-group textarea,.support-message-input{width:100%;min-height:160px;padding:var(--space-md);font-size:1rem;line-height:1.6;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);resize:vertical;font-family:inherit}.input-group textarea:focus,.support-message-input:focus{outline:0;border-color:var(--accent)}.input-group textarea::placeholder,.support-message-input::placeholder{color:var(--text-muted)}.auth-submit{width:100%;margin-top:var(--space-md);padding:var(--space-md)}.error-msg{color:var(--error);font-size:.9rem;margin-bottom:var(--space-sm);min-height:1.2em}.success-msg{color:var(--success);font-size:.9rem;margin-bottom:var(--space-sm)}.auth-link{text-align:center;margin-top:var(--space-md);font-size:.9rem;color:var(--text-muted)}.auth-link a{color:var(--accent-light)}.dashboard-container{position:relative;z-index:1;padding:calc(var(--nav-height) + var(--space-xl)) var(--space-md) var(--space-2xl);max-width:1200px;margin:0 auto}.profile-container,.shop-container,.support-container{position:relative;z-index:1;display:block;visibility:visible;opacity:1}.auth-page>.hero-bg,body>.hero-bg{position:fixed;inset:0;z-index:-1;pointer-events:none}.dashboard-header{margin-bottom:var(--space-xl)}.dashboard-header h2{margin:0 0 var(--space-xs);color:var(--text-secondary);font-size:1.75rem;text-align:start}.dashboard-header p{margin:0;color:var(--text-muted);text-align:start}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-lg)}.shop-item-card{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);text-align:center}.shop-item-card img{max-height:120px;margin-bottom:var(--space-md)}.shop-item-card h4{margin:0 0 var(--space-sm);color:var(--text-secondary)}.dashboard-section{margin-bottom:var(--space-xl)}.main-max-1100{max-width:1100px}.main-max-720{max-width:720px}.main-max-640{max-width:640px}.panel-hidden{display:none}.gate-panel{padding:2rem;text-align:center;color:var(--text-muted)}.section-top-spaced{margin-top:var(--space-xl)}.section-top-spaced-2xl{margin-top:var(--space-2xl)}.grid-span-full{grid-column:1/-1}.min-height-60{min-height:60px}.min-height-120{min-height:120px}.ticket-card{padding:var(--space-lg);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-card);margin-bottom:var(--space-md)}.ticket-card h4{margin:0 0 var(--space-sm);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.ticket-status{font-size:.75rem;padding:2px 8px;border-radius:4px;background:rgba(46,204,113,.2);color:var(--success)}.ticket-status.closed{background:rgba(139,148,158,.2);color:var(--text-muted)}.ticket-message{margin:0 0 var(--space-sm);white-space:pre-wrap;word-break:break-word}.ticket-time{font-size:.85rem;color:var(--text-muted)}.ticket-admin-reply{margin-top:var(--space-md);padding:var(--space-md);background:rgba(69,162,158,.12);border-inline-start:4px solid var(--accent);border-radius:var(--radius)}.ticket-admin-reply p{margin:var(--space-xs) 0 0;white-space:pre-wrap;word-break:break-word}.ticket-admin-reply time{font-size:.8rem;color:var(--text-muted);display:block;margin-top:var(--space-xs)}.admin-ticket-reply-block{margin-top:var(--space-md);padding:var(--space-md);background:rgba(69,162,158,.12);border-inline-start:4px solid var(--accent);border-radius:var(--radius)}.admin-ticket-reply-text{white-space:pre-wrap;word-break:break-word;margin:var(--space-xs) 0 0}.admin-ticket-no-reply{margin-top:var(--space-sm);color:var(--text-muted);font-style:italic}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent-light{color:var(--accent-light)}.text-gold-light{color:var(--gold-light)}.text-error{color:var(--error)}.mb-xs{margin-bottom:.5rem}.mb-sm{margin-bottom:.75rem}.mb-lg{margin-bottom:1.5rem}.card-padded-xl{padding:var(--space-xl)}.shop-section-title{margin-bottom:var(--space-lg);color:var(--gold-light)}.shop-item-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;min-height:2.5em}.table-cell-message{text-align:center}.installation-list{color:var(--text-secondary);padding-inline-start:1.25rem;line-height:1.9}.code-accent{color:var(--accent-light)}.rules-card{padding:var(--space-2xl)}.rules-section-title{color:var(--gold-light);margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(212,175,55,.2)}.rules-list{color:var(--text-secondary);padding-inline-start:1.25rem;line-height:1.9;margin-bottom:1.5rem}.rules-report-card{margin-top:1.5rem;border-color:rgba(231,76,60,.4);padding:1rem;text-align:center}.rules-report-title{color:var(--error);margin-bottom:.5rem}.rules-report-copy{color:var(--text-secondary);font-size:.9rem}.downloads-hero-panel{text-align:center}.downloads-link-spacer{display:inline-block;margin-inline:0.5rem}.vote-status-message{font-size:1.1rem;margin-bottom:1rem}.button-hidden,.vote-progress-hidden{display:none}.vote-progress-fill--full{width:100%}.vote-ready-message{color:var(--accent-light)}.auth-inline-fallback{padding:3rem 1rem;text-align:center}.auth-inline-message{color:var(--text-muted)}.auth-inline-actions{margin-inline-start:.5rem}.fallback-card{padding:1.5rem;text-align:center}.app-error-fallback{position:fixed;inset-block-start:0;inset-inline:0;z-index:99999;padding:12px 16px;background:#c0392b;color:#fff;font-family:system-ui,sans-serif;font-size:14px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.2)}.app-error-fallback-link{color:#fff;text-decoration:underline;margin-inline-start:8px}footer{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--text-muted);font-size:.9rem;border-top:1px solid var(--border-subtle)}:root,[data-theme=dark],[data-theme=light]{--motion-fast:180ms;--motion-base:320ms;--motion-slow:520ms;--motion-ease:cubic-bezier(0.22, 1, 0.36, 1)}html{scroll-padding-top:calc(var(--nav-height) + 24px)}body{overflow-x:hidden;transition:background-color var(--motion-base) var(--motion-ease),color var(--motion-base) var(--motion-ease)}body::after{content:'';position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at top,rgba(102,252,241,.08),transparent 55%),rgba(11,12,16,.16);transition:opacity var(--motion-base) var(--motion-ease);z-index:2000}body.page-transitioning::after{opacity:1}body>:not(script){transition:opacity var(--motion-base) var(--motion-ease),transform var(--motion-slow) var(--motion-ease)}body.page-transitioning>:not(script),html.page-is-entering body>:not(script){opacity:0;transform:translateY(18px)}body.page-ready>:not(script){opacity:1;transform:none}.navbar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease),border-color var(--motion-base) var(--motion-ease),transform var(--motion-base) var(--motion-ease)}.cta-link,.lang-switcher-trigger,.nav-links a,.theme-toggle-btn{transition:color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}.cta-link:hover,.lang-switcher-trigger:hover,.nav-links a:hover,.theme-toggle-btn:hover{transform:translateY(-1px)}.btn{transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.btn:hover{opacity:1;transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.18)}.btn:active{transform:translateY(0)}.admin-card,.admin-panel,.admin-topbar,.auth-card,.card,.character-card,.dashboard-section,.feature-card,.news-card,.screenshot-img,.shop-item-card,.video-embed-wrapper{transition:transform var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease),border-color var(--motion-base) var(--motion-ease),background-color var(--motion-base) var(--motion-ease)}.admin-card:hover,.character-card:hover,.dashboard-section:hover,.feature-card:hover,.news-card:hover,.screenshot-card:hover .screenshot-img,.shop-item-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(0,0,0,.16)}.reveal-on-scroll{opacity:0;transform:translateY(28px) scale(.985);will-change:opacity,transform}.reveal-delay-0{transition-delay:0s}.reveal-delay-1{transition-delay:45ms}.reveal-delay-2{transition-delay:90ms}.reveal-delay-3{transition-delay:135ms}.reveal-delay-4,.reveal-delay-5{transition-delay:180ms}.reveal-on-scroll.is-visible{opacity:1;transform:none}img{transition:opacity var(--motion-base) var(--motion-ease),transform var(--motion-slow) var(--motion-ease)}img.media-loading{opacity:.001;transform:scale(.98)}img.media-loaded{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}body::after{display:none}.reveal-on-scroll,.reveal-on-scroll.is-visible,body>:not(script),img,img.media-loaded,img.media-loading{opacity:1!important;transform:none!important;filter:none!important}}@media (max-width:768px){:root{--nav-height:116px}.navbar{height:auto;min-height:60px;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand controls toggle" "nav nav nav" "account account account";align-content:start}.nav-controls,.nav-toggle,.navbar .logo{align-self:center}html[dir=rtl] .navbar{grid-template-areas:"toggle controls brand" "nav nav nav" "account account account"}.nav-toggle{display:flex;justify-self:end}.nav-links{position:absolute;top:60px;inset-inline:0;flex-direction:column;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:var(--space-md);display:none;grid-column:1/-1;justify-content:flex-start;align-items:stretch;text-align:start}.nav-links.is-open{display:flex}.nav-controls{justify-self:end}.auth-buttons,.user-profile{justify-self:stretch;min-inline-size:0;width:100%;padding-block:var(--space-sm);border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.auth-buttons{grid-auto-flow:row;grid-auto-columns:1fr;justify-content:stretch}.auth-buttons .btn{width:100%}.user-profile{grid-template-columns:1fr auto auto;grid-template-areas:"coins welcome logout";gap:var(--space-sm);align-items:center;justify-content:stretch;text-align:center}.user-profile .nav-coins{grid-area:coins;justify-self:start;min-inline-size:0}.user-profile #welcome-message{grid-area:welcome;justify-self:center;max-inline-size:12ch}.user-profile #logout-btn{grid-area:logout;justify-self:end}#logout-btn,#welcome-message,.nav-coins{justify-self:unset}.hero-inner{flex-direction:column;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-tagline{text-align:center}.hero-buttons{justify-content:center;width:100%;max-width:360px;margin-inline:auto}.hero-buttons .btn{flex:1 1 140px;min-width:0;justify-content:center}}}@media (max-width:480px){.hero-buttons{flex-direction:column;max-width:100%}.hero-buttons .btn{width:100%;flex:1 1 auto}}@media (max-width:768px){.character-showcase--grid{grid-template-columns:1fr}.character-card-imgs{grid-template-columns:repeat(2,1fr);max-width:100%}.character-figure img{max-width:100%}}@media (max-width:480px){.character-card-imgs{grid-template-columns:1fr}.character-figure img{max-width:100%;margin-inline:auto}}