/* The Singularity presentation belongs to its theme; it never writes the base preference. */
.singularity-signature{display:none}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]){--bg:#000;--panel:#030303;--panel2:#0c0b09;--text:#f5f2eb;--muted:#c0b9ae;--line:#4c4439;--soft:#1a150e;--header:#030303;--singularity-edge:#e8be8547;color-scheme:dark}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.header,.legal-header,.admin-header){border-color:var(--singularity-edge);background:#030303}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .brand{letter-spacing:.7px}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .brand small{letter-spacing:2px}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .singularity-signature{display:flex;align-items:center;gap:13px;color:var(--accent);font:12px/1.5 monospace;letter-spacing:1.7px}
.singularity-signature small{display:block;font:9px/1.5 monospace;letter-spacing:1.2px;color:var(--muted);margin-top:4px}
.singularity-sigil{display:block;position:relative;flex:0 0 34px;width:34px;height:34px;border-radius:50%;border:1px solid #e8be8580;background:#000;box-shadow:0 0 0 5px #e8be850b,inset 0 0 9px #e8be8533}
.singularity-sigil::after{content:'';position:absolute;inset:-6px;border:1px solid transparent;border-top-color:var(--accent);border-bottom-color:#e8be854d;border-radius:50%;transform:rotate(-25deg)}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.info-card,.game-card,.account-card,.editor-panel,.admin-list-panel,.news-card,.forum-topic,.social-card,.shop-card,.profile-boosty-card,.legal-document,.interface-card){background:var(--panel);border:1px solid var(--singularity-edge);border-radius:24px 8px 24px 8px;box-shadow:inset 0 1px 0 #ffe3b510}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.button,.filter,.theme-filter,.mobile-menu-toggle){border-radius:999px}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .button{letter-spacing:.2px}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .button.outline{background:#000;border-color:var(--line)}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-radius:12px;background-color:#000;border-color:var(--line)}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .hero{background:#000;border:1px solid #e8be8570;border-radius:32px 10px 32px 10px;box-shadow:0 0 0 6px #e8be8508}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .hero .eyebrow{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:8px 14px;border:1px solid var(--singularity-edge);border-radius:999px;background:#000c;letter-spacing:2px}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .hero h1{font-weight:700;letter-spacing:-2px}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .hero h1 span{color:var(--accent)}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .hero-meta{padding:9px 14px;border:1px solid var(--singularity-edge);border-radius:999px;background:#000c}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .platforms{background:transparent;border:0;gap:12px;overflow:visible}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .platform{min-width:0;background:#030303;border:1px solid var(--singularity-edge);border-radius:18px}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .platform>div{min-width:0;overflow-wrap:anywhere}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .section-head{border-bottom:1px solid var(--singularity-edge);padding-bottom:15px;gap:12px}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .section-head h2{display:flex;align-items:center;gap:12px}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .section-head h2 span{display:grid;place-items:center;flex-shrink:0;margin:0;width:36px;height:36px;border:1px solid var(--singularity-edge);border-radius:50%;font:11px monospace;color:var(--accent)}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.page-intro,.account-intro,.social-intro){padding-bottom:24px;border-bottom:1px solid var(--singularity-edge)}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.account-tabs,.admin-tabs,.account-section-tabs){background:#030303;border:1px solid var(--singularity-edge);border-radius:20px;padding:8px;gap:6px}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.account-tabs,.admin-tabs,.account-section-tabs) button{border:1px solid transparent;border-radius:999px}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.account-tabs,.admin-tabs,.account-section-tabs) button[aria-selected=true]{background:var(--soft);border-color:var(--singularity-edge);color:var(--text)}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .admin-tabs button::after{display:none}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.theme-option,.day){border-radius:16px}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) dialog{border:1px solid var(--singularity-edge);border-radius:24px;background:#030303;box-shadow:0 24px 100px #000d}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .interface-theme-override{background:#080603;border-color:var(--singularity-edge);border-radius:16px}
:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .footer{border-color:var(--singularity-edge)}
/* Catalog miniature is independent of the currently active theme. */
.interface-mini-singularity{background:#000!important;border-color:#796348!important;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px!important}
.interface-mini-singularity span{border-color:#796348!important;background:#0c0905!important;border-radius:10px!important}
.interface-mini-singularity span:first-child{grid-column:1/-1;border-radius:999px!important;background:linear-gradient(90deg,#000,#48341d,#000)!important}
.interface-mini-singularity span:nth-child(2){grid-column:1/-1;min-height:52px;background:radial-gradient(ellipse at 65% 50%,#000 0 16%,#e8be85 17%,#402c15 19%,#000 24%)!important}
@media(min-width:801px){
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.header,.legal-header){display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px 28px;height:auto;max-width:1420px;width:calc(100% - 64px);margin:22px auto 0;padding:22px 26px;border:1px solid var(--singularity-edge);border-radius:28px;box-sizing:border-box}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.header,.legal-header) .brand{grid-column:1;grid-row:1;min-width:0}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.header,.legal-header) .header-actions{grid-column:2;grid-row:1;margin:0;gap:10px;flex-wrap:wrap;justify-content:flex-end}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.header,.legal-header) nav{grid-column:1/-1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;height:auto;margin:0;padding:12px 0 0;border-top:1px solid var(--singularity-edge)}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.header,.legal-header) nav a{padding:10px 16px;min-height:44px;border:1px solid transparent;border-radius:999px;font-size:12px;white-space:normal}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.header,.legal-header) nav a[aria-current=page]{border-color:var(--singularity-edge);background:var(--soft);color:var(--accent)}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.header,.legal-header) nav a::after{display:none}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.header,.legal-header) .singularity-signature{display:none}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) main:not(.admin-main){max-width:1420px;margin:0 auto;padding:30px 32px 50px}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) .hero{height:470px}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) .hero-copy{padding:44px 40px;max-width:690px}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) .hero h1{font-size:clamp(44px,4.2vw,64px);line-height:1.05}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) .platforms{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) .platform{padding:22px 16px;gap:12px}
}
@media(min-width:1280px){
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.header,.legal-header){grid-template-columns:1fr auto 1fr}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.header,.legal-header) .header-actions{grid-column:3}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.header,.legal-header) .singularity-signature{display:flex;grid-row:1;grid-column:2}
}
@media(min-width:801px) and (max-width:1100px){:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .platforms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.header,.legal-header,.admin-header) .singularity-signature{display:none}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) [data-mobile-enhanced][data-menu-open=true] .singularity-signature{display:flex;grid-column:1/-1;padding:12px 6px;font-size:11px}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) .hero{border-radius:22px 8px 22px 8px;box-shadow:none}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) .hero .eyebrow{padding:6px 9px;font-size:8px;letter-spacing:1px}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) .hero h1{letter-spacing:-1px}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.info-card,.account-card,.editor-panel,.news-card,.social-card,.interface-card){border-radius:18px 6px 18px 6px}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) .platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) .section-head h2{gap:8px;font-size:18px}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) .section-head h2 span{width:30px;height:30px}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) .interface-theme-override{padding:16px;gap:14px}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) .interface-theme-override .button{width:100%}
}
@media(prefers-reduced-motion:no-preference){
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) .singularity-sigil::after{animation:singularity-interface-orbit 24s linear infinite}
 :root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.button,.platform,.game-card,.news-card,.theme-option){transition:background-color .25s ease,border-color .25s ease,transform .25s ease}
 @media(hover:hover){:root:is([data-interface=singularity],[data-interface=singularity-accretion]) :is(.platform,.game-card,.news-card):hover{transform:translateY(-2px);border-color:var(--accent)}}
}
@keyframes singularity-interface-orbit{to{transform:rotate(335deg)}}
:root[data-theme-motion=off] .singularity-sigil::after,:root[data-theme-motion-paused=true] .singularity-sigil::after,body:has(dialog[open]) .singularity-sigil::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){:root:is([data-interface=singularity],[data-interface=singularity-accretion]) *,:root:is([data-interface=singularity],[data-interface=singularity-accretion]) *::before,:root:is([data-interface=singularity],[data-interface=singularity-accretion]) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{:root:is([data-interface=singularity],[data-interface=singularity-accretion]) .singularity-signature{display:none!important}}
