/* Global theme system: restrained palettes, shared motion language and live previews. */
body[data-theme]{
 --accent:var(--user-accent,#cfb970);--blue:#829edb;--red:#cb827d;
 --bg:#141820;--surface:#1b202a;--surface2:#242b36;--border:#343d4b;--text:#dfe4ec;--muted:#a2aab8;
 --theme-glow:111 145 194;--theme-warm:207 185 112;--theme-panel:#1b202a;
 min-height:100vh;background:var(--bg);color:var(--text);position:relative;isolation:isolate;
}
body[data-theme=blacksite]{--bg:#11151b;--surface:#181e26;--surface2:#222a34;--border:#35404c;--text:#dce3e8;--muted:#9aa7b0;--blue:#7d9db5;--red:#aa7470;--theme-glow:104 151 181;--theme-warm:150 166 176;--theme-panel:#181e26}
body[data-theme=archive]{--bg:#191816;--surface:#22201c;--surface2:#2c2923;--border:#484239;--text:#e2ded4;--muted:#aaa398;--blue:#8797a3;--red:#a76f72;--theme-glow:174 148 104;--theme-warm:190 161 105;--theme-panel:#22201c}
body[data-theme=deep-facility]{--bg:#10181c;--surface:#172229;--surface2:#203039;--border:#30464f;--text:#d9e5e7;--muted:#95aab0;--blue:#6fa4ae;--red:#be8165;--theme-glow:74 151 164;--theme-warm:201 126 79;--theme-panel:#172229}
body[data-theme=winter-containment]{--bg:#121922;--surface:#192431;--surface2:#243242;--border:#3a4b5d;--text:#e1e8ef;--muted:#a3b2c2;--blue:#89add1;--red:#a98591;--theme-glow:142 186 221;--theme-warm:188 205 219;--theme-panel:#192431}
body[data-theme=crimson-october]{--bg:#191517;--surface:#241b20;--surface2:#302329;--border:#4c373e;--text:#e5dcde;--muted:#ad9ca1;--blue:#8b8799;--red:#bf7566;--theme-glow:163 76 70;--theme-warm:204 126 74;--theme-panel:#241b20}
body[data-theme]::before,body[data-theme]::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2}
body[data-theme]::before{opacity:calc(var(--texture-strength,.35)*.32);background-image:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(#fff 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(120deg,#0007,transparent 68%)}
body[data-theme]::after{z-index:-3;opacity:var(--ambient-strength,.45);background:radial-gradient(circle at 15% 6%,rgb(var(--theme-glow)/.18),transparent 31%),radial-gradient(circle at 88% 26%,rgb(var(--theme-warm)/.1),transparent 27%)}
body[data-theme=archive]::before{background-image:repeating-linear-gradient(0deg,#d9caa90b 0 1px,transparent 1px 5px),linear-gradient(90deg,#d2b98314 1px,transparent 1px);background-size:auto,120px 100%;mask-image:linear-gradient(90deg,#000b,transparent)}
body[data-theme=deep-facility]::before{background-image:linear-gradient(90deg,#76c3ca13 1px,transparent 1px),linear-gradient(#76c3ca0d 1px,transparent 1px);background-size:64px 64px}
body[data-theme=winter-containment]::before{background-image:radial-gradient(circle,#dcefff26 0 1px,transparent 1.5px);background-size:44px 58px;animation:theme-snow 38s linear infinite}
body[data-theme=crimson-october]::after{background:radial-gradient(ellipse at 80% 12%,rgb(var(--theme-warm)/.18),transparent 34%),radial-gradient(ellipse at 18% 75%,rgb(var(--theme-glow)/.2),transparent 38%);animation:theme-fog 24s ease-in-out infinite alternate}
body[data-theme] .topbar,body[data-theme] .footer{background:color-mix(in srgb,var(--bg) 84%,var(--surface));border-color:var(--border);backdrop-filter:blur(18px)}
body[data-theme] .topbar{position:sticky;top:0}
body[data-theme] .panel,body[data-theme] .metric{background-color:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--border)}
body[data-theme] .explore-card{background:color-mix(in srgb,var(--surface) 86%,var(--bg));border-color:var(--border)}
body[data-theme] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),body[data-theme] select,body[data-theme] textarea{background:color-mix(in srgb,var(--bg) 78%,var(--surface));border-color:var(--border);color:var(--text)}
body[data-theme] .btn.primary{background:color-mix(in srgb,var(--accent) 78%,#d9e4ef);border-color:var(--accent);color:#151b24}
body[data-theme] .btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,white)}
body[data-theme] nav a.active::after{background:linear-gradient(90deg,var(--blue) 0 33%,var(--accent) 33% 66%,var(--red) 66%)}
body[data-theme=archive] .kicker,body[data-theme=archive] .eyebrow{letter-spacing:.14em}
body[data-theme=archive] .panel{box-shadow:inset 0 1px #fff5}
body[data-theme=blacksite] .panel{box-shadow:inset 0 1px #bfe9ff05}

/* Theme editor */
.theme-dialog{width:min(1040px,calc(100% - 34px));max-height:92vh;padding:0;border:1px solid color-mix(in srgb,var(--border) 80%,var(--accent));border-radius:14px;background:var(--bg);color:var(--text);box-shadow:0 28px 90px #05080dbd;overflow:auto}
.theme-dialog::backdrop{background:#070a10c7;backdrop-filter:blur(9px)}
.theme-editor{padding:30px}.theme-editor-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--border)}
.theme-editor-head h2{font-size:31px;margin:5px 0 8px}.theme-editor-head p{font-size:12px;margin:0}.theme-editor-head .icon-button{font-size:24px;line-height:1}
.theme-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:0;padding:0;margin:26px 0}.theme-card-grid>legend,.motion-levels>legend{grid-column:1/-1;padding:0 0 10px;font-weight:650;color:var(--text)}
.theme-card{position:relative;display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto 1fr;gap:5px 14px;padding:13px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 86%,var(--bg));cursor:pointer;min-height:104px;transition:transform .2s,border-color .2s,background .2s}
.theme-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.theme-card:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--surface) 83%,var(--accent) 7%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}
.theme-card>input{position:absolute;opacity:0}.theme-card strong{align-self:end;font-size:13px}.theme-card small{font-size:9px;line-height:1.45;color:var(--muted)}
.theme-card-visual{grid-row:1/3;position:relative;display:block;overflow:hidden;border-radius:7px;border:1px solid #ffffff17;background:linear-gradient(145deg,#1e2a3b,#121820)}
.theme-card-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,#819fd550,transparent 45%);animation:theme-preview-drift 8s ease-in-out infinite alternate}
.theme-card-visual i{position:absolute;left:10px;right:10px;height:4px;border-radius:3px;background:#ffffff1c}.theme-card-visual i:nth-child(1){top:15px}.theme-card-visual i:nth-child(2){top:26px;right:24px}.theme-card-visual i:nth-child(3){top:37px;right:17px}.theme-card-visual b{position:absolute;left:10px;right:30px;bottom:12px;height:14px;border-radius:3px;background:#cfb97066}
.theme-card-blacksite .theme-card-visual{background:linear-gradient(145deg,#202a34,#0f141a)}.theme-card-blacksite .theme-card-visual::before{background:radial-gradient(circle at 70% 20%,#78a5c24a,transparent 45%)}
.theme-card-archive .theme-card-visual{background:linear-gradient(145deg,#332e26,#171613)}.theme-card-archive .theme-card-visual::before{background:repeating-linear-gradient(0deg,#d6bd8130 0 1px,transparent 1px 7px)}
.theme-card-deep-facility .theme-card-visual{background:linear-gradient(145deg,#173039,#0d171b)}.theme-card-deep-facility .theme-card-visual::before{background:radial-gradient(circle at 75% 25%,#65bdc452,transparent 43%)}
.theme-card-winter-containment .theme-card-visual{background:linear-gradient(145deg,#284057,#101923)}.theme-card-winter-containment .theme-card-visual::before{background:radial-gradient(circle at 68% 24%,#cae8ff6b,transparent 42%)}
.theme-card-crimson-october .theme-card-visual{background:linear-gradient(145deg,#40242a,#171114)}.theme-card-crimson-october .theme-card-visual::before{background:radial-gradient(circle at 70% 20%,#d06b4b5c,transparent 45%)}
.theme-control-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.theme-color-control{display:flex!important;align-items:center;gap:12px;margin:0!important}.theme-color-control input{width:70px;height:40px;padding:2px;background:transparent;border:1px solid var(--border);border-radius:6px}.theme-color-control output{font:11px var(--mono);color:var(--muted)}
.theme-control-grid output{float:right;color:var(--accent)}.motion-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:0;padding:0;margin:18px 0}.motion-levels label{cursor:pointer}.motion-levels input{position:absolute;opacity:0}.motion-levels span{display:block;text-align:center;padding:11px;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.motion-levels label:has(input:checked) span{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--surface) 84%,var(--accent) 10%)}
.theme-seasonal{padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 80%,transparent)}.theme-editor-actions{display:flex;gap:10px;align-items:center;margin-top:22px;padding-top:22px;border-top:1px solid var(--border)}

/* Professional motion language */
html.effects-ready [data-reveal]{opacity:0;transform:translateY(14px)}
html.effects-ready [data-reveal].is-revealed{opacity:1;transform:none;transition:opacity .58s ease,transform .58s cubic-bezier(.2,.72,.22,1)}
body[data-motion-level=subtle] [data-reveal]{transform:translateY(6px)}
body[data-motion-level=full] [data-cursor-glow]{background-image:radial-gradient(300px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgb(var(--theme-glow)/.09),transparent 58%)}
body[data-motion-level=full] .hero-visual{transform:perspective(1000px) translate3d(calc(var(--hero-x,0)*1px),calc(var(--hero-y,0)*1px),0);transition:transform .35s ease-out}
body[data-motion-level=full] .hero-watermark{transform:translate3d(calc(var(--hero-x,0)*-.5px),calc(var(--hero-y,0)*-.5px),0) rotate(-8deg)}
.count-animating{animation:counter-settle .45s ease-out}
.chart-live-point{position:absolute;width:9px;height:9px;border:2px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 50%,transparent);transform:translate(-50%,-50%);pointer-events:none;z-index:3;animation:chart-point-pulse 2.4s ease-out infinite}
.chart canvas.chart-drawing{animation:chart-draw .82s cubic-bezier(.2,.72,.22,1) both}
.player-enter{animation:player-enter .38s cubic-bezier(.2,.75,.2,1) both}.player-leave{animation:player-leave .25s ease forwards;pointer-events:none}
.badge-card,.badge-gallery-card,.showcase-badge{position:relative;overflow:hidden}.badge-card::after,.badge-gallery-card::after,.showcase-badge::after{content:"";position:absolute;inset:-120% -35%;pointer-events:none;background:linear-gradient(105deg,transparent 43%,#fff2 49%,transparent 55%);transform:translateX(-80%) rotate(8deg);transition:transform .85s ease}.badge-card:hover::after,.badge-gallery-card:hover::after,.showcase-badge:hover::after{transform:translateX(80%) rotate(8deg)}
.badge-new{animation:badge-unlock .8s cubic-bezier(.17,.8,.2,1)}.profile-showcase-block{animation:showcase-arrive .62s .12s both}.profile-showcase .showcase-badge:nth-child(2){animation-delay:.2s}.profile-showcase .showcase-badge:nth-child(3){animation-delay:.28s}
.announcement{transition:border-color .25s,box-shadow .25s,transform .25s}.announcement:hover{transform:translateY(-2px);box-shadow:0 18px 38px #060a1126,inset 0 1px #ffffff08}.announcement.tone-event{box-shadow:inset 0 0 45px #c6ae6208}.announcement.tone-community{box-shadow:inset 0 0 45px #7cae9d08}
.btn:active,.icon-button:active{transform:translateY(1px) scale(.985)}
nav a::before{content:"";position:absolute;left:50%;right:50%;bottom:12px;height:1px;background:var(--accent);opacity:.45;transition:left .2s,right .2s}nav a:hover::before{left:10%;right:10%}nav a.active::before{display:none}
body[data-motion-level=full] .game-shell,body[data-motion-level=full] [data-game]{animation:game-arrive .55s ease-out}.game-leaderboard li{animation:leader-row .4s ease both}.game-leaderboard li:nth-child(2){animation-delay:.06s}.game-leaderboard li:nth-child(3){animation-delay:.12s}.game-leaderboard li:nth-child(-n+3) .rank{color:var(--accent);text-shadow:0 0 15px color-mix(in srgb,var(--accent) 50%,transparent)}
body[data-motion-level=full] .topbar nav.open{animation:menu-drop .24s ease-out}
.hero-video{opacity:0!important;transition:opacity 1.05s ease!important}.hero-video.is-active{opacity:1!important}.hero-video.is-fading{opacity:0!important}

/* Homepage live composition. */
.hero-content{position:relative}.hero-watermark{position:absolute;z-index:-1;width:285px;height:285px;left:52%;top:50%;object-fit:contain;opacity:.035;filter:grayscale(1);transform:translate(-50%,-50%) rotate(-8deg);pointer-events:none;transition:transform .4s ease-out}
.home-ticker{display:grid;grid-template-columns:auto 1fr;align-items:stretch;margin-top:14px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--surface) 87%,transparent);box-shadow:0 13px 34px #070b121f}.ticker-label{display:flex;align-items:center;gap:8px;padding:0 18px;border-right:1px solid var(--border);color:var(--accent);font:600 9px var(--mono);letter-spacing:.1em;white-space:nowrap}.ticker-label i{width:6px;height:6px;border-radius:50%;background:var(--green);animation:chart-point-pulse 2.4s ease-out infinite}.ticker-track{display:grid;grid-template-columns:repeat(3,1fr)}.ticker-track article{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 16px;border-right:1px solid var(--border)}.ticker-track article:last-child{border:0}.ticker-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:7px;color:var(--accent);background:color-mix(in srgb,var(--surface2) 76%,transparent);flex:0 0 auto}.ticker-icon .icon{width:14px}.ticker-track article>div,.ticker-track article a{min-width:0}.ticker-track small,.ticker-track b,.ticker-track time{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-track small{font:600 8px var(--mono);letter-spacing:.08em;color:#8290a5}.ticker-track b{margin:2px 0;font-size:11px;color:var(--text)}.ticker-track time{font-size:8px;color:var(--muted)}
.online-panel{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 83%,transparent),color-mix(in srgb,var(--surface2) 62%,transparent))!important;backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff08,0 18px 42px #070b121d}.online-list{max-height:430px;overflow-y:auto;overscroll-behavior:contain;padding-right:7px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 34%,var(--border)) transparent}

/* Profile frames, backgrounds and badge category identities. */
.profile-avatar-frame{--frame-color:var(--profile-accent,var(--accent));position:relative;display:grid;place-items:center;flex:0 0 auto;padding:5px;border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--frame-color) 60%,transparent),#ffffff10 38%,color-mix(in srgb,var(--frame-color) 25%,transparent));box-shadow:0 0 0 1px color-mix(in srgb,var(--frame-color) 62%,transparent),0 10px 30px #0509115c}
.profile-avatar-frame::after{content:"";position:absolute;inset:-3px;border:1px solid color-mix(in srgb,var(--frame-color) 32%,transparent);border-radius:17px;clip-path:polygon(0 0,36% 0,36% 2px,64% 2px,64% 0,100% 0,100% 100%,64% 100%,64% calc(100% - 2px),36% calc(100% - 2px),36% 100%,0 100%)}
.profile-avatar-frame .avatar.huge{border:0}.profile-avatar-frame.category-seasonal{background:linear-gradient(145deg,#bcd8ec88,#ffffff14,#8daac66b)}.profile-avatar-frame.category-manual{background:linear-gradient(145deg,#c7a56e75,#ffffff14,#8f6c4f70)}.profile-avatar-frame.category-effect{background:linear-gradient(145deg,color-mix(in srgb,var(--frame-color) 80%,#7188bb),#ffffff12,color-mix(in srgb,var(--frame-color) 40%,#8d6680))}
.profile-title{display:inline-flex;align-items:center;gap:7px;margin:7px 0 3px;color:color-mix(in srgb,var(--profile-accent,var(--accent)) 75%,var(--text));font:600 11px var(--sans);letter-spacing:.07em;text-transform:uppercase}.profile-title::before{content:"";width:18px;height:1px;background:currentColor}
.profile-row .kicker{color:color-mix(in srgb,var(--profile-accent,var(--accent)) 48%,var(--text))}
.profile-snapshot{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.profile-snapshot>div{padding:15px;background:var(--surface)}.profile-snapshot small,.profile-snapshot strong{display:block}.profile-snapshot small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.profile-snapshot strong{margin-top:6px;font:600 17px var(--heading)}
.profile-timeline{position:relative;display:grid;gap:0;margin-top:20px}.profile-timeline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:1px;background:var(--border)}.timeline-item{position:relative;display:grid;grid-template-columns:17px 1fr;gap:13px;padding:0 0 18px}.timeline-dot{position:relative;z-index:1;width:17px;height:17px;border-radius:50%;background:var(--surface2);border:1px solid var(--accent);box-shadow:0 0 0 4px var(--surface)}.timeline-item b,.timeline-item small,.timeline-item time{display:block}.timeline-item b{font-size:12px}.timeline-item small{font-size:9px;color:var(--muted);margin-top:3px}.timeline-item time{margin-top:5px;color:color-mix(in srgb,var(--accent) 72%,var(--muted));font:8px var(--mono)}
.badge-category-effect{--category-glow:#7698d0}.badge-category-seasonal{--category-glow:#9bc4d8}.badge-category-achievement{--category-glow:#c7ab69}.badge-category-manual{--category-glow:#a77f76}.badge-card[class*=badge-category-]{border-color:color-mix(in srgb,var(--category-glow) 28%,var(--border))}.badge-card[class*=badge-category-]:hover{box-shadow:inset 3px 0 var(--category-glow),0 12px 30px #05091124}
.profile-row.cover-signal-pulse{background:linear-gradient(115deg,#1a2940,#172330)}.profile-row.cover-signal-pulse::after{opacity:.34;background:repeating-radial-gradient(circle at 76% 50%,transparent 0 30px,#76a2d52b 31px 32px,transparent 33px 68px);animation:background-pulse 8s ease-in-out infinite}
.profile-row.cover-archive-drift{background:linear-gradient(115deg,#332b24,#211d1a)}.profile-row.cover-archive-drift::after{opacity:.34;background:repeating-linear-gradient(0deg,#e5c58b24 0 1px,transparent 1px 13px);animation:background-drift 18s linear infinite}
.profile-row.cover-deep-grid{background:linear-gradient(115deg,#173039,#142329)}.profile-row.cover-deep-grid::after{opacity:.35;background:linear-gradient(90deg,#70b7bd1e 1px,transparent 1px),linear-gradient(#70b7bd17 1px,transparent 1px);background-size:54px 54px;animation:background-grid 20s linear infinite}
.profile-row.cover-winter-frost{background:linear-gradient(115deg,#233b52,#172533)}.profile-row.cover-winter-frost::after{opacity:.38;background:radial-gradient(circle,#e7f5ff80 0 1px,transparent 1.5px);background-size:36px 43px;animation:background-snow 22s linear infinite}
.profile-row.cover-crimson-fog{background:linear-gradient(115deg,#44242b,#22181c)}.profile-row.cover-crimson-fog::after{opacity:.48;background:radial-gradient(ellipse at 75% 70%,#c66f534f,transparent 43%),radial-gradient(ellipse at 45% 25%,#8f3f493b,transparent 40%);animation:background-fog 14s ease-in-out infinite alternate}
.profile-row.cover-command-orbit{background:linear-gradient(115deg,#28344a,#191f2a)}.profile-row.cover-command-orbit::after{opacity:.35;background:repeating-conic-gradient(from 0deg at 78% 50%,#d6bb6e3d 0 1deg,transparent 2deg 30deg);animation:background-orbit 48s linear infinite}
.background-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:10px 0 24px}.background-choice{position:relative;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer}.background-choice input{position:absolute;right:12px;top:12px}.background-choice b,.background-choice small{display:block;padding-right:26px}.background-choice small{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.5}.background-choice.locked{opacity:.48;cursor:not-allowed}.background-choice:has(input:checked){border-color:var(--profile-accent,var(--accent));background:color-mix(in srgb,var(--surface) 88%,var(--profile-accent,var(--accent)) 8%)}
.profile-preview-dialog{width:min(1120px,calc(100% - 34px));border:1px solid var(--border);border-radius:13px;padding:18px;background:var(--bg);color:var(--text)}.profile-preview-dialog::backdrop{background:#070a10d1;backdrop-filter:blur(8px)}.profile-preview-dialog .profile-row{margin:0}.profile-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.profile-preview-head h2{font-size:18px}
.profile-edit-head .row-actions{margin-top:20px}.profile-editor-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:24px;align-items:start}.profile-editor-aside{position:sticky;top:112px}.profile-account-card h2{margin-top:18px}.theme-account-card h3{margin:9px 0}.theme-account-card p{font-size:11px}.profile-editor-form .compact-split{margin:0;gap:16px}.profile-editor-form .compact-split>.field{margin-bottom:20px}.profile-backgrounds{border:0;padding:0;margin:10px 0}.profile-backgrounds>legend{font:650 17px var(--heading);padding:0}.profile-save-actions{position:sticky;bottom:12px;z-index:4;margin:24px -8px -8px;padding:12px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:9px;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(16px)}

@keyframes theme-preview-drift{to{transform:translate(-8%,8%) scale(1.2)}}
@keyframes theme-snow{to{background-position:44px 116px}}
@keyframes theme-fog{to{transform:scale(1.12) translate(2%,-2%)}}
@keyframes counter-settle{0%{opacity:.45;transform:translateY(5px)}100%{opacity:1;transform:none}}
@keyframes chart-point-pulse{60%,100%{box-shadow:0 0 0 12px transparent}}
@keyframes chart-draw{from{opacity:.28;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes player-enter{from{opacity:0;transform:translateX(-9px)}to{opacity:1;transform:none}}
@keyframes player-leave{to{opacity:0;transform:translateX(9px);height:0;padding-block:0}}
@keyframes badge-unlock{0%{opacity:.2;transform:scale(.86)}55%{transform:scale(1.025);box-shadow:0 0 34px color-mix(in srgb,var(--badge-color,var(--accent)) 38%,transparent)}100%{opacity:1;transform:none}}
@keyframes showcase-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes game-arrive{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes leader-row{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
@keyframes menu-drop{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@keyframes background-pulse{50%{transform:scale(1.08);opacity:.55}}
@keyframes background-drift{to{background-position:0 130px}}
@keyframes background-grid{to{background-position:54px 54px}}
@keyframes background-snow{to{background-position:36px 86px}}
@keyframes background-fog{to{transform:scale(1.15) translateX(-2%)}}
@keyframes background-orbit{to{transform:rotate(360deg)}}

body[data-motion-level=off] *,body[data-motion-level=off] *::before,body[data-motion-level=off] *::after,.reduce-motion *, .reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
body[data-motion-level=subtle] .profile-row::before,body[data-motion-level=subtle] .profile-row::after{animation-duration:calc(var(--fx-duration,30s)*1.8)!important;opacity:.25}
body[data-motion-level=subtle] .badge-card::after,body[data-motion-level=subtle] .badge-gallery-card::after,body[data-motion-level=subtle] .showcase-badge::after{display:none}

@media(max-width:940px){.home-ticker{grid-template-columns:1fr}.ticker-label{padding:9px 14px;border-right:0;border-bottom:1px solid var(--border)}.profile-editor-layout{grid-template-columns:1fr}.profile-editor-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-editor-aside .section-space{margin:0}}
@media(max-width:780px){.theme-card-grid{grid-template-columns:repeat(2,1fr)}.theme-control-grid{grid-template-columns:1fr}.theme-editor{padding:20px}.profile-snapshot{grid-template-columns:repeat(2,1fr)}.ticker-track{grid-template-columns:1fr}.ticker-track article{border-right:0;border-bottom:1px solid var(--border)}.ticker-track article:last-child{border:0}}
@media(max-width:680px){.hero-watermark{width:220px;height:220px;left:72%;top:42%}.hero-visual{height:230px!important}.hero-frame{inset:12px!important}.hero-image-caption{display:none}.hero-visual>.video-sound-controls{bottom:12px!important}.home-ticker{margin-top:10px}.ticker-track article{padding:11px 13px}.profile-editor-aside{grid-template-columns:1fr}.profile-save-actions{position:static;margin:20px 0 0}.profile-editor-form .compact-split{grid-template-columns:1fr}}
@media(max-width:520px){.theme-card-grid{grid-template-columns:1fr}.theme-card{grid-template-columns:64px 1fr}.motion-levels{grid-template-columns:1fr}.theme-editor-actions{flex-wrap:wrap}.theme-editor-actions .grow{display:none}.theme-editor-actions .btn{flex:1;min-width:130px}.background-choice-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body[data-theme] *,body[data-theme] *::before,body[data-theme] *::after{animation:none!important;transition:none!important}}