/* Theme identities and the shared ambient motion layer. */
body[data-theme=scp-romania]{--bg:#101722;--surface:#17202d;--surface2:#202c3b;--border:#304158;--text:#e2e8f1;--muted:#9ca9ba;--blue:#668bd0;--red:#bf7474;--theme-glow:82 125 190;--theme-warm:213 190 105;--theme-panel:#17202d}
body[data-theme=blacksite]{--bg:#090d12;--surface:#111820;--surface2:#18222c;--border:#283541;--text:#dce5e9;--muted:#8f9fa8;--blue:#6c9bb5;--red:#957171;--theme-glow:79 141 166;--theme-warm:133 159 170;--theme-panel:#111820}
body[data-theme=archive]{--bg:#17140f;--surface:#211d16;--surface2:#2c271e;--border:#4b4233;--text:#e4ddcf;--muted:#aa9f8e;--blue:#89929a;--red:#a96e66;--theme-glow:175 142 89;--theme-warm:204 169 102;--theme-panel:#211d16}
body[data-theme=deep-facility]{--bg:#09161a;--surface:#102329;--surface2:#173139;--border:#294851;--text:#dce9e9;--muted:#91aaae;--blue:#62a6b1;--red:#c27d5d;--theme-glow:47 151 163;--theme-warm:210 120 66;--theme-panel:#102329}
body[data-theme=winter-containment]{--bg:#0d1723;--surface:#152536;--surface2:#203449;--border:#35526b;--text:#e5edf5;--muted:#a2b5c7;--blue:#82b6df;--red:#a67d8c;--theme-glow:125 189 231;--theme-warm:207 222 232;--theme-panel:#152536}
body[data-theme=crimson-october]{--bg:#160d10;--surface:#241318;--surface2:#321b20;--border:#503039;--text:#eadfe1;--muted:#b09a9f;--blue:#89889b;--red:#cf705d;--theme-glow:155 50 57;--theme-warm:220 110 61;--theme-panel:#241318}

.site-atmosphere{position:fixed;inset:-12px;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;transform:translate3d(var(--ambient-x,0),var(--ambient-y,0),0);transition:transform 1.4s cubic-bezier(.2,.72,.22,1);background:linear-gradient(145deg,rgb(var(--theme-glow)/.025),transparent 42%,rgb(var(--theme-warm)/.018))}
.scroll-progress{position:fixed;z-index:60;left:12px;right:12px;top:10px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--accent),var(--red));box-shadow:0 0 14px rgb(var(--theme-glow)/.24);transform:scaleX(0);transform-origin:left;will-change:transform}
.ambient-haze{position:absolute;width:42vw;height:42vw;min-width:420px;min-height:420px;border-radius:50%;filter:blur(95px);opacity:calc(var(--ambient-strength,.45)*.2);will-change:transform;background:rgb(var(--theme-glow)/.48)}
.haze-one{left:-17vw;top:-19vw;animation:ambient-drift-one 32s ease-in-out infinite alternate}
.haze-two{right:-18vw;top:18vh;background:rgb(var(--theme-warm)/.34);animation:ambient-drift-two 38s ease-in-out infinite alternate}
.haze-three{left:30vw;bottom:-32vw;width:54vw;height:54vw;opacity:calc(var(--ambient-strength,.45)*.1);animation:ambient-breathe 22s ease-in-out infinite}
.ambient-scan{position:absolute;inset:-20%;opacity:calc(var(--texture-strength,.35)*.16);will-change:transform}
.ambient-particles{position:absolute;inset:0;opacity:calc(.22 + var(--ambient-strength,.45)*.5)}
.ambient-particles i{--size:3px;--delay:0s;--duration:24s;position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:rgb(var(--theme-glow)/.78);box-shadow:0 0 12px rgb(var(--theme-glow)/.3);opacity:.42;animation:ambient-particle var(--duration) var(--delay) ease-in-out infinite alternate;will-change:transform,opacity}
.ambient-particles i:nth-child(1){--x:6%;--y:16%;--size:2px;--delay:-3s;--duration:25s}.ambient-particles i:nth-child(2){--x:14%;--y:72%;--size:4px;--delay:-16s;--duration:31s}.ambient-particles i:nth-child(3){--x:22%;--y:39%;--size:2px;--delay:-9s;--duration:22s}.ambient-particles i:nth-child(4){--x:31%;--y:87%;--size:3px;--delay:-20s;--duration:34s}.ambient-particles i:nth-child(5){--x:38%;--y:13%;--size:2px;--delay:-12s;--duration:26s}.ambient-particles i:nth-child(6){--x:46%;--y:61%;--size:4px;--delay:-5s;--duration:30s}.ambient-particles i:nth-child(7){--x:53%;--y:29%;--size:2px;--delay:-18s;--duration:23s}.ambient-particles i:nth-child(8){--x:61%;--y:81%;--size:3px;--delay:-8s;--duration:29s}.ambient-particles i:nth-child(9){--x:67%;--y:8%;--size:2px;--delay:-14s;--duration:28s}.ambient-particles i:nth-child(10){--x:73%;--y:47%;--size:4px;--delay:-2s;--duration:35s}.ambient-particles i:nth-child(11){--x:79%;--y:91%;--size:2px;--delay:-19s;--duration:25s}.ambient-particles i:nth-child(12){--x:84%;--y:24%;--size:3px;--delay:-11s;--duration:32s}.ambient-particles i:nth-child(13){--x:89%;--y:66%;--size:2px;--delay:-7s;--duration:27s}.ambient-particles i:nth-child(14){--x:95%;--y:36%;--size:3px;--delay:-24s;--duration:33s}.ambient-particles i:nth-child(15){--x:10%;--y:93%;--size:2px;--delay:-6s;--duration:24s}.ambient-particles i:nth-child(16){--x:43%;--y:45%;--size:2px;--delay:-21s;--duration:36s}.ambient-particles i:nth-child(17){--x:57%;--y:96%;--size:4px;--delay:-13s;--duration:31s}.ambient-particles i:nth-child(18){--x:92%;--y:6%;--size:2px;--delay:-17s;--duration:26s}

body[data-theme=scp-romania] .ambient-scan{background:linear-gradient(115deg,transparent 0 42%,rgb(80 116 190/.08) 49%,rgb(221 193 91/.055) 50%,rgb(178 55 62/.05) 51%,transparent 58%);animation:ambient-sweep 26s ease-in-out infinite}
body[data-theme=scp-romania] .ambient-particles i:nth-child(3n+2){background:rgb(var(--theme-warm)/.8);box-shadow:0 0 12px rgb(var(--theme-warm)/.3)}
body[data-theme=scp-romania] .ambient-particles i:nth-child(5n){background:rgb(185 64 71/.72)}
body[data-theme=blacksite] .ambient-scan{inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgb(var(--theme-glow)/.045) 6px,transparent 7px 12px);animation:blacksite-scan 15s linear infinite}
body[data-theme=blacksite] .ambient-particles i{border-radius:1px;box-shadow:0 0 9px rgb(var(--theme-glow)/.45);animation-name:blacksite-signal}
body[data-theme=archive] .ambient-scan{inset:-5%;background:repeating-linear-gradient(0deg,rgb(var(--theme-warm)/.025) 0 1px,transparent 1px 7px),linear-gradient(90deg,transparent 0 18%,rgb(var(--theme-warm)/.04) 18.1%,transparent 18.3% 81%,rgb(var(--theme-warm)/.035) 81.1%,transparent 81.3%);animation:archive-shift 42s linear infinite}
body[data-theme=archive] .ambient-particles i{width:calc(var(--size)*2.3);height:1px;border-radius:0;background:rgb(var(--theme-warm)/.7);box-shadow:none;animation-name:archive-fleck}
body[data-theme=deep-facility] .ambient-scan{inset:0;background:linear-gradient(90deg,rgb(var(--theme-glow)/.055) 1px,transparent 1px),linear-gradient(rgb(var(--theme-glow)/.04) 1px,transparent 1px),linear-gradient(110deg,transparent 45%,rgb(var(--theme-warm)/.035) 50%,transparent 55%);background-size:72px 72px,72px 72px,100% 100%;animation:facility-grid 34s linear infinite}
body[data-theme=deep-facility] .ambient-particles i{border-radius:1px;background:rgb(var(--theme-warm)/.72);animation-name:facility-spark}
body[data-theme=winter-containment] .ambient-scan{inset:0;background:linear-gradient(120deg,transparent 20%,rgb(207 237 255/.08) 48%,transparent 70%);animation:winter-light 18s ease-in-out infinite alternate}
body[data-theme=winter-containment] .ambient-particles i{background:#e8f6ff;border-radius:50%;box-shadow:0 0 10px #cdeaff6b;animation-name:winter-fall;animation-timing-function:linear}
body[data-theme=crimson-october] .ambient-scan{background:radial-gradient(ellipse at 20% 70%,rgb(var(--theme-glow)/.15),transparent 43%),radial-gradient(ellipse at 85% 25%,rgb(var(--theme-warm)/.1),transparent 38%);filter:blur(28px);animation:crimson-fog 18s ease-in-out infinite alternate}
body[data-theme=crimson-october] .ambient-particles i{background:rgb(var(--theme-warm)/.9);box-shadow:0 0 13px rgb(var(--theme-warm)/.5);animation-name:ember-rise;animation-timing-function:linear}

body[data-theme] .topbar{box-shadow:0 10px 34px #05080d3d,inset 0 -1px rgb(var(--theme-glow)/.06)}
body[data-theme] .hero,body[data-theme] .server-strip,body[data-theme] .home-ticker{border-color:color-mix(in srgb,var(--border) 82%,rgb(var(--theme-glow)/.25));background-color:color-mix(in srgb,var(--theme-panel) 92%,transparent);box-shadow:inset 0 1px #ffffff07,0 18px 54px #03070d24;transition:border-color .45s ease,background-color .45s ease,box-shadow .45s ease}
body[data-theme] .hero{position:relative;overflow:hidden}
body[data-theme] .hero::before{content:"";position:absolute;z-index:3;left:24px;right:24px;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgb(var(--theme-glow)/.62),rgb(var(--theme-warm)/.42),transparent);opacity:.72;pointer-events:none}
body[data-theme] .hero-content{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-panel) 96%,transparent),color-mix(in srgb,var(--theme-panel) 74%,transparent));transition:background .45s ease}
body[data-theme] .hero-art{transition:filter .55s ease,opacity .55s ease,transform .8s cubic-bezier(.2,.72,.22,1)}
body[data-theme] .home-ticker{background:color-mix(in srgb,var(--theme-panel) 88%,transparent);backdrop-filter:blur(15px)}
body[data-theme] .server-strip{background:linear-gradient(115deg,color-mix(in srgb,var(--theme-panel) 95%,transparent),color-mix(in srgb,var(--surface2) 68%,transparent));backdrop-filter:blur(14px)}
body[data-theme] .server-strip::before{background:linear-gradient(180deg,var(--blue),var(--accent),var(--red));box-shadow:0 0 18px rgb(var(--theme-glow)/.22)}

/* Every theme changes the material language, not only the accent color. */
body[data-theme=scp-romania] .hero-content{background:linear-gradient(125deg,#192537 0%,#192537eb 63%,#19253791)}
body[data-theme=scp-romania] .hero{box-shadow:inset 0 1px #ffffff08,0 20px 58px #050b1538}
body[data-theme=scp-romania] .home-ticker,body[data-theme=scp-romania] .server-strip{background-color:#182332df}

body[data-theme=blacksite] .topbar{background:#080d12ec;box-shadow:0 12px 38px #0008,inset 0 -1px #6fa2b311}
body[data-theme=blacksite] .hero{border-radius:5px;background:#090f14;box-shadow:inset 0 0 0 1px #6f9aa50a,0 22px 60px #0007}
body[data-theme=blacksite] .hero::before{left:0;right:auto;width:36%;background:linear-gradient(90deg,rgb(var(--theme-glow)/.78),transparent);animation:blacksite-header-signal 7s steps(1,end) infinite}
body[data-theme=blacksite] .hero-content{background:linear-gradient(100deg,#0b1218 0%,#0c141af5 72%,#0c141a6b)}
body[data-theme=blacksite] .hero-art{filter:grayscale(.82) contrast(1.08) brightness(.72) saturate(.46)}
body[data-theme=blacksite] .server-strip,body[data-theme=blacksite] .home-ticker{border-radius:5px;background:#0c1319e8}
body[data-theme=blacksite] .kicker,body[data-theme=blacksite] .eyebrow{font-family:var(--mono);letter-spacing:.13em}

body[data-theme=archive] .topbar{background:#17140ff0;border-bottom-color:#514633}
body[data-theme=archive] .hero,body[data-theme=archive] .server-strip,body[data-theme=archive] .home-ticker{border-radius:3px;border-color:#574a36;background-color:#201b14;box-shadow:inset 0 0 0 1px #d0ae6a08,0 18px 46px #09070452}
body[data-theme=archive] .hero::before{left:32px;right:32px;background:repeating-linear-gradient(90deg,rgb(var(--theme-warm)/.65) 0 8px,transparent 8px 12px);opacity:.4}
body[data-theme=archive] .hero-content{background:repeating-linear-gradient(0deg,rgb(var(--theme-warm)/.018) 0 1px,transparent 1px 12px),linear-gradient(108deg,#272118 0%,#211c15ed 73%,#211c1570)}
body[data-theme=archive] .hero-art{filter:sepia(.28) saturate(.58) contrast(1.04) brightness(.74)}
body[data-theme=archive] .server-strip,body[data-theme=archive] .home-ticker{background-image:repeating-linear-gradient(0deg,rgb(var(--theme-warm)/.018) 0 1px,transparent 1px 12px)}
body[data-theme=archive] .section-head h2,body[data-theme=archive] .hero h1{font-weight:560}

body[data-theme=deep-facility] .topbar{background:#08171bea;border-bottom-color:#28505a;box-shadow:0 12px 38px #02090b66,inset 0 -1px rgb(var(--theme-glow)/.12)}
body[data-theme=deep-facility] .hero{border-radius:7px;background:#0b1d22;box-shadow:inset 3px 0 rgb(var(--theme-glow)/.28),inset -1px 0 rgb(var(--theme-warm)/.14),0 22px 58px #02090b66}
body[data-theme=deep-facility] .hero::before{left:34%;right:8%;background:linear-gradient(90deg,transparent,rgb(var(--theme-glow)/.76) 35% 72%,rgb(var(--theme-warm)/.64) 72% 78%,transparent 78%)}
body[data-theme=deep-facility] .hero-content{background:linear-gradient(104deg,#10282eef 0%,#0c2026ef 70%,#0c20265e)}
body[data-theme=deep-facility] .hero-art{filter:hue-rotate(142deg) saturate(.52) contrast(1.06) brightness(.72)}
body[data-theme=deep-facility] .server-strip,body[data-theme=deep-facility] .home-ticker{background-color:#0d2025e8;box-shadow:inset 2px 0 rgb(var(--theme-glow)/.2),0 18px 50px #02090b44}

body[data-theme=winter-containment] .topbar{background:#0d1925de;border-bottom-color:#3d5e76;backdrop-filter:blur(24px) saturate(.9)}
body[data-theme=winter-containment] .hero{border-color:#46647a;border-radius:13px;background:#102033c7;box-shadow:inset 0 1px #effaff16,0 24px 65px #07121e52}
body[data-theme=winter-containment] .hero::before{left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,#d9f1ffb8,transparent);box-shadow:0 0 17px #b7e3ff5c}
body[data-theme=winter-containment] .hero-content{background:linear-gradient(110deg,#182b3de8 0%,#15283adc 72%,#15283a61);backdrop-filter:blur(9px)}
body[data-theme=winter-containment] .hero-art{filter:hue-rotate(8deg) saturate(.42) brightness(.83) contrast(1.02)}
body[data-theme=winter-containment] .server-strip,body[data-theme=winter-containment] .home-ticker{border-color:#3c5b72;background:#142638d6;box-shadow:inset 0 1px #e6f7ff10,0 20px 52px #07121e3d}

body[data-theme=crimson-october] .topbar{background:#160b0fe8;border-bottom-color:#5a3039;box-shadow:0 12px 40px #0a020566,inset 0 -1px rgb(var(--theme-warm)/.1)}
body[data-theme=crimson-october] .hero{border-color:#5b3239;border-radius:9px;background:#1c0e12;box-shadow:inset 0 1px rgb(var(--theme-warm)/.08),0 24px 65px #09020470}
body[data-theme=crimson-october] .hero::before{left:43%;right:8%;background:linear-gradient(90deg,transparent,rgb(var(--theme-warm)/.74),rgb(var(--theme-glow)/.52),transparent)}
body[data-theme=crimson-october] .hero-content{background:linear-gradient(106deg,#29151aec 0%,#211116e8 74%,#2111165c)}
body[data-theme=crimson-october] .hero-art{filter:sepia(.14) hue-rotate(308deg) saturate(.7) brightness(.7) contrast(1.08)}
body[data-theme=crimson-october] .server-strip,body[data-theme=crimson-october] .home-ticker{border-color:#513039;background-color:#211116e6;box-shadow:inset 0 1px rgb(var(--theme-warm)/.06),0 20px 54px #09020452}

body[data-theme] nav a{transition:color .2s ease,transform .2s ease}
@media(hover:hover) and (pointer:fine){body[data-theme][data-motion-level=full] nav a:hover{transform:translateY(-1px)}body[data-theme][data-motion-level=full] .overview-metrics>div:hover .icon{transform:translateY(-2px) rotate(-3deg);filter:drop-shadow(0 7px 10px rgb(var(--theme-glow)/.26))}body[data-theme][data-motion-level=full] .hero:hover .hero-art{transform:scale(1.018)}}
body[data-theme] .overview-metrics>div .icon{transition:transform .25s ease,filter .25s ease}
body[data-theme] .announcement,body[data-theme] .profile-snapshot,body[data-theme] .staff-card,body[data-theme] .form-card{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
@media(hover:hover) and (pointer:fine){body[data-theme][data-motion-level=full] .announcement:hover,body[data-theme][data-motion-level=full] .profile-snapshot:hover,body[data-theme][data-motion-level=full] .staff-card:hover,body[data-theme][data-motion-level=full] .form-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--border) 58%,var(--accent));box-shadow:0 20px 54px #05080d30}}
body[data-theme] .panel,body[data-theme] .metric,body[data-theme] .explore-card{border-color:color-mix(in srgb,var(--border) 88%,rgb(var(--theme-glow)/.25));box-shadow:inset 0 1px #ffffff06,0 15px 42px #05080d18;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
body[data-theme=blacksite] .panel,body[data-theme=blacksite] .metric{box-shadow:inset 2px 0 rgb(var(--theme-glow)/.09),0 18px 45px #0003}
body[data-theme=archive] .panel,body[data-theme=archive] .metric{border-radius:3px;background-image:repeating-linear-gradient(0deg,rgb(var(--theme-warm)/.022) 0 1px,transparent 1px 12px),linear-gradient(135deg,rgb(var(--theme-warm)/.028),transparent 42%)}
body[data-theme=archive] .kicker,body[data-theme=archive] .eyebrow{text-transform:uppercase;color:color-mix(in srgb,var(--accent) 72%,#d9c59e)}
body[data-theme=deep-facility] .panel,body[data-theme=deep-facility] .metric{box-shadow:inset 2px 0 rgb(var(--theme-glow)/.22),inset 0 1px #ffffff06,0 18px 44px #02090b33}
body[data-theme=winter-containment] .panel,body[data-theme=winter-containment] .metric{background-color:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px);box-shadow:inset 0 1px #e9f7ff12,0 20px 50px #06111d2e}
body[data-theme=crimson-october] .panel,body[data-theme=crimson-october] .metric{box-shadow:inset 0 1px rgb(var(--theme-warm)/.08),0 18px 48px #08020442}
body[data-theme] .page-head{position:relative}
body[data-theme] .page-head::after{content:"";display:block;width:74px;height:2px;margin-top:20px;background:linear-gradient(90deg,var(--accent),rgb(var(--theme-glow)/.45),transparent);transform-origin:left}
body[data-theme] .btn,body[data-theme] .icon-button{position:relative;isolation:isolate;overflow:hidden}
body[data-theme] .btn::before,body[data-theme] .icon-button::before{content:"";position:absolute;z-index:0;inset:-2px;pointer-events:none;background:linear-gradient(110deg,transparent 28%,#ffffff16 48%,transparent 68%);transform:translateX(-115%);transition:transform .55s ease}
body[data-theme] .btn:hover::before,body[data-theme] .icon-button:hover::before{transform:translateX(115%)}
body[data-theme] tbody tr{transition:background-color .18s ease,box-shadow .18s ease}
body[data-theme] tbody tr:hover{box-shadow:inset 2px 0 color-mix(in srgb,var(--accent) 72%,transparent)}
body[data-theme] .avatar{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
body[data-theme] a:hover>.avatar,body[data-theme] .player-line:hover .avatar{transform:translateY(-1px) scale(1.035);border-color:color-mix(in srgb,var(--accent) 52%,var(--border));box-shadow:0 8px 24px rgb(var(--theme-glow)/.16)}
body[data-theme] .status-pill.online i,body[data-theme] .online-dot{box-shadow:0 0 0 0 rgb(119 190 150/.35);animation:online-breathe 2.8s ease-out infinite}
/* Text and compact values must never touch their icon, dot or label. */
body[data-theme] :where(.status-pill,.live-indicator,.player-presence.online,.check-label,.panel-bottom-link,.text-link){column-gap:7px}
body[data-theme] :where(.status-pill,.live-indicator,.player-presence.online)>i{flex:0 0 auto;margin-right:1px}
body[data-theme] .count{margin-inline-start:7px}
.public-player-identity{min-width:0;display:flex;flex-direction:column;gap:4px}.public-player-name{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.public-player-name>b{max-width:220px}.public-sanction-tag{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:3px 7px;border:1px solid;border-radius:4px;font:700 8px/1.35 var(--mono);font-style:normal;letter-spacing:.025em}.public-sanction-tag.ban{border-color:#8a4a4d;background:#3b2026;color:#efb1ae}.public-sanction-tag.mute{border-color:#846d3d;background:#352c1b;color:#ead18d}.profile-tags .public-sanction-tag{flex-wrap:wrap;padding:6px 9px}.profile-tags .public-sanction-tag span{font-weight:500}.profile-tags .public-sanction-tag span+span::before{content:"·";margin-right:5px;opacity:.65}
body[data-theme] .chart{box-shadow:inset 0 1px rgb(var(--theme-glow)/.08),0 18px 48px #04090f24}
body[data-theme] ::-webkit-scrollbar{width:9px;height:9px}body[data-theme] ::-webkit-scrollbar-track{background:color-mix(in srgb,var(--bg) 80%,transparent)}body[data-theme] ::-webkit-scrollbar-thumb{border:2px solid var(--bg);border-radius:10px;background:color-mix(in srgb,var(--border) 68%,var(--accent))}

/* Theme selector: the badge requirement is part of each card. */
.theme-dialog{width:min(1120px,calc(100% - 34px));background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(24px) saturate(.9)}
.theme-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.theme-card{grid-template-columns:104px minmax(0,1fr);grid-template-rows:1fr;gap:16px;min-height:154px;padding:14px;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface2) 76%,transparent));box-shadow:inset 0 1px #ffffff06;overflow:hidden}
.theme-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0a,0 14px 32px #05080d30}
.theme-card:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
.theme-card.is-locked{cursor:not-allowed;filter:saturate(.72)}.theme-card.is-locked:hover{transform:none;border-color:var(--border);box-shadow:inset 0 1px #ffffff06}.theme-card.is-locked .theme-card-visual{opacity:.66}.theme-card.is-locked .theme-card-copy{opacity:.78}
.theme-card-visual{grid-row:1;min-height:126px;border-radius:9px;isolation:isolate;box-shadow:inset 0 0 0 1px #ffffff08,0 12px 26px #05080d2b}
.theme-card-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 30%,#ffffff0b 48%,transparent 66%);transform:translateX(-100%);animation:theme-card-glint 7s ease-in-out infinite}
.theme-card-visual i{height:2px;left:14px;right:14px}.theme-card-visual i:nth-child(1){top:24px}.theme-card-visual i:nth-child(2){top:34px;right:34px}.theme-card-visual i:nth-child(3){top:44px;right:22px}.theme-card-visual b{left:14px;right:42px;bottom:18px;height:18px}.theme-card-visual em{position:absolute;right:10px;bottom:9px;color:#ffffff2c;font:700 28px/1 var(--heading);letter-spacing:-.08em;font-style:normal}
.theme-card-copy{display:flex;min-width:0;flex-direction:column}.theme-card-copy>strong{align-self:flex-start;font-size:15px;margin:3px 0 7px}.theme-card-description{display:block;min-height:38px;color:var(--muted);font-size:10px;line-height:1.55}
.theme-unlock{display:flex;align-items:center;gap:9px;min-width:0;margin-top:auto;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.theme-unlock>img{width:30px;height:30px;object-fit:contain}.theme-unlock>.icon{width:17px;color:var(--muted)}.theme-unlock>span{min-width:0}.theme-unlock b,.theme-unlock small{display:block}.theme-unlock b{font-size:8px;color:#9eacbd;text-transform:uppercase;letter-spacing:.09em}.theme-unlock small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;color:#d6dde7;font-size:9px}.theme-unlock>em{flex:0 0 auto;margin-left:auto;padding:4px 6px;border:1px solid currentColor;border-radius:4px;color:#c79a79;font:700 7px/1 var(--mono);font-style:normal;letter-spacing:.07em}.theme-unlock.unlocked b,.theme-unlock.unlocked>.icon,.theme-unlock.unlocked>em{color:#8fc2a6}.theme-unlock.locked b,.theme-unlock.locked>.icon,.theme-unlock.locked>em{color:#c79a79}
.theme-card-scp-romania .theme-card-visual{background:linear-gradient(145deg,#233550,#0d1521)}.theme-card-scp-romania .theme-card-visual::before{background:conic-gradient(from 25deg at 72% 35%,#618bd055,transparent 30%,#d5bc6750 55%,transparent 72%,#b95e6550)}
.theme-card-blacksite .theme-card-visual{background:linear-gradient(145deg,#15242d,#070b0f)}.theme-card-blacksite .theme-card-visual::before{background:repeating-linear-gradient(0deg,#72b2ca24 0 1px,transparent 1px 8px)}
.theme-card-archive .theme-card-visual{background:linear-gradient(145deg,#3c3224,#17130e)}.theme-card-archive .theme-card-visual::before{background:repeating-linear-gradient(0deg,#d6bd8130 0 1px,transparent 1px 7px),linear-gradient(90deg,transparent,#d1a75f20)}
.theme-card-deep-facility .theme-card-visual{background:linear-gradient(145deg,#16424a,#081316)}.theme-card-deep-facility .theme-card-visual::before{background:linear-gradient(90deg,#65bdc42d 1px,transparent 1px),linear-gradient(#65bdc423 1px,transparent 1px);background-size:18px 18px}
.theme-card-winter-containment .theme-card-visual{background:linear-gradient(145deg,#315776,#0c1722)}.theme-card-winter-containment .theme-card-visual::before{background:radial-gradient(circle,#e8f6ff8a 0 1px,transparent 1.5px);background-size:17px 21px}
.theme-card-crimson-october .theme-card-visual{background:linear-gradient(145deg,#54272c,#13090c)}.theme-card-crimson-october .theme-card-visual::before{background:radial-gradient(ellipse at 72% 25%,#e67a4b68,transparent 39%),radial-gradient(ellipse at 18% 80%,#9f344b55,transparent 44%)}

body.theme-switching main{animation:theme-change .72s cubic-bezier(.2,.72,.22,1)}
body[data-motion-level=full] .page-head::after{animation:line-arrive .75s .12s both}
@media(hover:hover) and (pointer:fine){body[data-motion-level=full] .panel:hover,body[data-motion-level=full] .metric:hover,body[data-motion-level=full] .explore-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--border) 58%,var(--accent));box-shadow:inset 0 1px #ffffff09,0 20px 54px #05080d2d}}
body[data-motion-level=subtle] .ambient-particles i:nth-child(n+8){display:none}body[data-motion-level=subtle] .ambient-haze{animation-duration:55s}.site-atmosphere .ambient-scan{transition:opacity .35s}
body[data-motion-level=off] .ambient-haze,body[data-motion-level=off] .ambient-scan,body[data-motion-level=off] .ambient-particles{display:none}body[data-motion-level=off] .site-atmosphere{transform:none;background:none}body[data-motion-level=off] .status-pill.online i,body[data-motion-level=off] .online-dot{box-shadow:none}

@keyframes ambient-drift-one{to{transform:translate(14vw,10vh) scale(1.15)}}
@keyframes ambient-drift-two{to{transform:translate(-13vw,-8vh) scale(.9)}}
@keyframes ambient-breathe{50%{transform:scale(1.18);opacity:calc(var(--ambient-strength,.45)*.16)}}
@keyframes ambient-particle{0%{transform:translate3d(0,0,0) scale(.65);opacity:.18}45%{opacity:.65}100%{transform:translate3d(34px,-48px,0) scale(1.15);opacity:.08}}
@keyframes ambient-sweep{0%,28%{transform:translateX(-38%);opacity:0}48%{opacity:calc(var(--texture-strength,.35)*.18)}72%,100%{transform:translateX(38%);opacity:0}}
@keyframes blacksite-scan{to{transform:translateY(12px)}}
@keyframes blacksite-header-signal{0%,79%,100%{opacity:.45}80%{opacity:.95}82%{opacity:.2}84%{opacity:.78}}
@keyframes blacksite-signal{0%,83%,100%{opacity:.08;transform:translateY(0)}86%{opacity:.7;transform:translateY(-8px)}90%{opacity:.18}}
@keyframes archive-shift{to{transform:translateY(28px)}}
@keyframes archive-fleck{0%{transform:translate(0,0) rotate(-8deg);opacity:.08}45%{opacity:.42}100%{transform:translate(42px,-26px) rotate(8deg);opacity:.05}}
@keyframes facility-grid{to{background-position:72px 0,0 72px,0 0}}
@keyframes facility-spark{0%,70%{transform:translate(0,0);opacity:.06}76%{opacity:.68}100%{transform:translate(38px,-18px);opacity:.02}}
@keyframes winter-light{to{transform:translateX(18%) scale(1.08)}}
@keyframes winter-fall{0%{transform:translate3d(0,-22vh,0);opacity:0}18%{opacity:.72}100%{transform:translate3d(36px,108vh,0);opacity:.08}}
@keyframes crimson-fog{to{transform:translate3d(6%,-3%,0) scale(1.12)}}
@keyframes ember-rise{0%{transform:translate3d(0,18vh,0) scale(.55);opacity:0}22%{opacity:.68}100%{transform:translate3d(28px,-105vh,0) scale(1.1);opacity:0}}
@keyframes online-breathe{70%{box-shadow:0 0 0 7px transparent}}
@keyframes theme-card-glint{0%,72%{transform:translateX(-110%)}92%,100%{transform:translateX(110%)}}
@keyframes theme-change{0%{opacity:.55;filter:saturate(.7);transform:translateY(4px)}100%{opacity:1;filter:none;transform:none}}
@keyframes line-arrive{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}

@media(max-width:780px){.theme-card{grid-template-columns:88px minmax(0,1fr)}.theme-card-visual{min-height:120px}}
@media(max-width:620px){.theme-card-grid{grid-template-columns:1fr}.theme-card{min-height:146px}.ambient-particles i:nth-child(n+11){display:none}.ambient-haze{min-width:300px;min-height:300px}}
@media(prefers-reduced-motion:reduce){.site-atmosphere{display:none}.status-pill.online i,.online-dot{animation:none!important}}
