/* Accretion is selected separately, but remains bound to the Singularity theme. */
:root[data-interface=singularity-accretion]{--accent:#ecd9bb;--accent-hover:#fff0d8;--soft:#171310;--line:#554a40;--singularity-edge:#d9bd963d}
:root[data-interface=singularity-accretion] :is(.hero,.info-card,.game-card,.account-card,.editor-panel,.admin-list-panel,.news-card,.social-card,.interface-card){border-radius:8px 28px 8px 28px;border-color:var(--singularity-edge)}
:root[data-interface=singularity-accretion] .hero{box-shadow:inset 4px 0 0 #c99b5b66}
:root[data-interface=singularity-accretion] .button{border-radius:8px 20px 8px 20px}
:root[data-interface=singularity-accretion] .section-head h2 span{border-radius:4px 12px 4px 12px;background:#100d08}
:root[data-interface=singularity-accretion] :is(.account-tabs,.admin-tabs,.account-section-tabs){border-radius:8px 20px 8px 20px}
@media(min-width:1181px){
 :root[data-interface=singularity-accretion] body:not(.admin-page){padding-left:238px}
 :root[data-interface=singularity-accretion] :is(.header,.legal-header){position:fixed;inset:18px auto 18px 18px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:220px;max-width:none;margin:0;padding:26px 18px;gap:26px;border-radius:12px 30px 12px 30px;overflow-y:auto;z-index:12;scrollbar-width:thin}
 :root[data-interface=singularity-accretion] :is(.header,.legal-header) .brand{font-size:16px;gap:10px}
 :root[data-interface=singularity-accretion] :is(.header,.legal-header) nav{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding-top:20px;width:100%}
 :root[data-interface=singularity-accretion] :is(.header,.legal-header) nav a{justify-content:flex-start;gap:10px;padding:12px;min-height:46px;border-radius:8px 16px 8px 16px}
 :root[data-interface=singularity-accretion] :is(.header,.legal-header) nav a::before{content:'';width:6px;height:6px;border:1px solid var(--muted);border-radius:50%;flex-shrink:0}
 :root[data-interface=singularity-accretion] :is(.header,.legal-header) nav a[aria-current=page]::before{background:var(--accent);border-color:var(--accent)}
 :root[data-interface=singularity-accretion] :is(.header,.legal-header) .header-actions{display:flex;flex-direction:column;align-items:stretch;width:100%;margin:0;gap:10px}
 :root[data-interface=singularity-accretion] :is(.header,.legal-header) .header-actions .button{width:100%;padding:12px 10px;min-height:44px}
 :root[data-interface=singularity-accretion] :is(.header,.legal-header) .singularity-signature{display:flex;margin-top:auto;padding-top:20px;border-top:1px solid var(--singularity-edge);font-size:10px;letter-spacing:1px;gap:10px}
 :root[data-interface=singularity-accretion] .singularity-signature small{font-size:8px;letter-spacing:.4px}
 :root[data-interface=singularity-accretion] main:not(.admin-main){padding:24px;max-width:1420px}
 :root[data-interface=singularity-accretion] .hero{height:450px}
 :root[data-interface=singularity-accretion] .hero-copy{padding:40px 30px;max-width:620px}
 :root[data-interface=singularity-accretion] .hero h1{font-size:clamp(40px,3.8vw,56px)}
 :root[data-interface=singularity-accretion] .platforms{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Explicit mini layouts: all five cells fit; no clipped implicit fourth row. */
#theme-interface-catalog>.interface-choices{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
#theme-interface-catalog .interface-card{min-width:0;display:flex;flex-direction:column;gap:12px}
#theme-interface-catalog .interface-card h3{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:18px;line-height:1.5}
#theme-interface-catalog .interface-card p{margin:0;line-height:1.65}
#theme-interface-catalog .interface-card-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px}
#theme-interface-catalog .interface-card-actions>.button{flex:1 1 160px;min-height:44px;white-space:normal}
#theme-interface-catalog .interface-mini{flex-shrink:0;width:100%;height:156px;box-sizing:border-box;overflow:hidden}
#theme-interface-catalog :is(.interface-mini-orbit,.interface-mini-singularity){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:20px minmax(0,1fr) 26px}
#theme-interface-catalog :is(.interface-mini-orbit,.interface-mini-singularity) span:nth-child(1){grid-area:1/1/2/4}
#theme-interface-catalog :is(.interface-mini-orbit,.interface-mini-singularity) span:nth-child(2){grid-area:2/1/3/4;min-height:0}
#theme-interface-catalog :is(.interface-mini-orbit,.interface-mini-singularity) span:nth-child(3){grid-area:3/1/4/2}
#theme-interface-catalog :is(.interface-mini-orbit,.interface-mini-singularity) span:nth-child(4){grid-area:3/2/4/3}
#theme-interface-catalog :is(.interface-mini-orbit,.interface-mini-singularity) span:nth-child(5){grid-area:3/3/4/4}
#theme-interface-catalog .interface-mini-accretion{--line:#64543f;--accent:#ecd9bb;--panel:#000;--panel2:#100d09;--soft:#292015;grid-template-columns:34px repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) 28px 18px;border-radius:8px 18px 8px 18px}
#theme-interface-catalog .interface-mini-accretion span:first-child{grid-area:1/1/4/2;background:var(--soft)}
#theme-interface-catalog .interface-mini-accretion span:nth-child(2){grid-area:1/2/2/4;background:radial-gradient(ellipse at center,#000 0 22%,#ecd9bb 24%,#4c361d 28%,#000 38%)}
#theme-interface-catalog .interface-mini-accretion span:nth-child(3){grid-area:2/2/3/3}
#theme-interface-catalog .interface-mini-accretion span:nth-child(4){grid-area:2/3/3/4}
#theme-interface-catalog .interface-mini-accretion span:nth-child(5){grid-area:3/2/4/4}
@media(max-width:700px){#theme-interface-catalog>.interface-choices{grid-template-columns:minmax(0,1fr)}}
@media print{:root[data-interface=singularity-accretion] body:not(.admin-page){padding:0}:root[data-interface=singularity-accretion] :is(.header,.legal-header){display:none!important}}

#theme-interface-catalog .interface-card[data-active=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
#theme-interface-catalog .interface-card h3 .beta-badge,#theme-interface-catalog .interface-card h3 .theme-interface-badge{margin:0;flex-shrink:0}
#theme-interface-catalog .interface-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#theme-interface-catalog .interface-card-actions .button{white-space:normal;min-width:0;line-height:1.35;text-align:center}
#catalog-interface-status:empty{display:none}
@media(max-width:500px){#theme-interface-catalog .interface-card-actions{grid-template-columns:1fr}}

#theme-interface-catalog [data-open-interface-theme][aria-pressed=true]{opacity:1;color:var(--on-accent,#17110a);background:var(--accent)}

/* Small site previews: fixed proportions for the black hole, independent of card width. */
#theme-interface-catalog :is(.interface-mini-singularity,.interface-mini-accretion){height:188px;padding:12px;gap:7px;background:#030303;--line:#64543f;--accent:#ecd9bb;color:#ecd9bb}
#theme-interface-catalog :is(.interface-mini-singularity,.interface-mini-accretion)>span{position:relative;display:flex;align-items:center;padding:6px 8px;font:9px/1.3 SiteSans,Arial;letter-spacing:.3px;min-width:0;overflow:hidden;background:#100d09!important;border:1px solid #64543f;border-radius:6px!important}
#theme-interface-catalog .interface-mini-singularity>span:first-child{font-size:8px;background:#17120b!important}
#theme-interface-catalog .interface-mini-accretion{grid-template-columns:38px minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 28px 22px}
#theme-interface-catalog .interface-mini-accretion>span:first-child{align-items:flex-start;padding:12px 5px;font-size:7px;background:repeating-linear-gradient(to bottom,transparent 0 20px,#e8be8522 21px 23px,transparent 24px 32px),#100d09!important}
#theme-interface-catalog :is(.interface-mini-singularity,.interface-mini-accretion)>span:nth-child(2){isolation:isolate;background:radial-gradient(circle at 78% 46%,#38261166,transparent 50%),#000!important;padding:10px}
#theme-interface-catalog :is(.interface-mini-singularity,.interface-mini-accretion) b{font-size:clamp(9px,1.1vw,14px);line-height:1.35;letter-spacing:.5px;z-index:2;max-width:55%;color:#fff3dc;text-shadow:0 1px 8px #000}
#theme-interface-catalog :is(.interface-mini-singularity,.interface-mini-accretion) i{position:absolute;right:28px;top:50%;width:60px;height:60px;transform:translateY(-50%);border-radius:50%;background:#000;border:2px solid #f9ddb4;box-shadow:0 0 8px #edb974,0 0 24px #edb97455}
#theme-interface-catalog :is(.interface-mini-singularity,.interface-mini-accretion) i::after{content:'';position:absolute;left:50%;top:50%;width:112px;height:18px;transform:translate(-50%,-50%) rotate(-12deg);border:2px solid #fff0d2;border-radius:50%;box-shadow:0 0 6px #edb974,inset 0 0 5px #edb974;background:linear-gradient(transparent 40%,#000 46% 54%,transparent 60%)}

@media(max-width:500px){
 #theme-interface-catalog :is(.interface-mini-singularity,.interface-mini-accretion)>span{font-size:8px;padding-inline:6px}
 #theme-interface-catalog :is(.interface-mini-singularity,.interface-mini-accretion) i{width:46px;height:46px;right:24px}
 #theme-interface-catalog :is(.interface-mini-singularity,.interface-mini-accretion) i::after{width:86px;height:15px}
}