:root{ --simb-bg:#07152f; --simb-surface:#0d1f42; --simb-surface-alt:#10264d; --simb-text:#f7fbff; --simb-muted:#a7b6cf; --simb-accent:#8de83d; --simb-accent-2:#33a7ff; --simb-border:#28446d; --simb-hero:#07142f; } .simb-page{background:var(--simb-bg);color:var(--simb-text);min-height:60vh;padding-bottom:64px} .simb-block{box-sizing:border-box;margin-inline:auto} .simb-width--full{width:100%} .simb-width--wide{width:min(calc(100% - 40px),1480px)} .simb-width--content{width:min(calc(100% - 40px),1100px)} .simb-width--narrow{width:min(calc(100% - 40px),820px)} .simb-block:not(.simb-block--hero){margin-top:24px;background:var(--simb-surface);border:1px solid var(--simb-border);border-radius:20px;padding:clamp(20px,3vw,38px)} .simb-heading{margin-bottom:20px}.simb-heading p{margin:0 0 4px;color:var(--simb-accent);text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.1em}.simb-heading h2{margin:0;font-size:clamp(26px,3vw,40px);line-height:1.05;color:var(--simb-text)} .simb-prose{font-size:clamp(16px,1.2vw,19px);line-height:1.7;color:var(--simb-text)} /* alpha.4 — Hero canvas + responsive per-device overrides + design controls. */ .simb-hero{position:relative;overflow:hidden;min-height:var(--simb-hero-height,760px);background:var(--simb-hero);color:#fff;isolation:isolate} .simb-hero:before{content:"";position:absolute;inset:-30px;background-image:var(--simb-hero-image,none);background-size:cover;background-position:center;filter:blur(var(--simb-hero-blur,5px)) saturate(.92);transform:scale(1.055);z-index:-3} .simb-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,34,var(--simb-hero-overlay,.80)),rgba(5,11,34,calc(var(--simb-hero-overlay,.80) * .43)) 56%,rgba(5,11,34,.12)),linear-gradient(0deg,var(--simb-bg) 0,rgba(7,21,47,.92) 8%,transparent 30%);z-index:-2} .simb-hero__inner{width:min(calc(100% - 56px),1480px);min-height:inherit;margin:auto;position:relative} .simb-hero-el{ --simb-active-font-size:var(--simb-el-font-size); --simb-active-font-weight:var(--simb-el-font-weight); --simb-active-color:var(--simb-el-color); --simb-active-bg:var(--simb-el-bg); --simb-active-border-color:var(--simb-el-border-color); --simb-active-border-width:var(--simb-el-border-width,0px); --simb-active-radius:var(--simb-el-radius,0px); --simb-active-pad-x:var(--simb-el-pad-x,0px); --simb-active-pad-y:var(--simb-el-pad-y,0px); --simb-active-gap:var(--simb-el-gap,0px); --simb-active-icon-size:var(--simb-el-icon-size); --simb-active-align:var(--simb-el-align); --simb-active-justify:var(--simb-el-justify); --simb-active-shadow:var(--simb-el-shadow); position:absolute;left:var(--simb-el-x,50%);top:var(--simb-el-y,50%);width:var(--simb-el-w,30%); transform:translate(-50%,-50%) rotate(var(--simb-el-r,0deg));opacity:var(--simb-el-o,1);display:var(--simb-el-display,block); transform-origin:center center;z-index:2;box-sizing:border-box;text-align:var(--simb-active-align,initial) } .simb-hero-el--logo{z-index:4}.simb-hero-el--cover,.simb-hero-el--image{z-index:3} .simb-hero-el--logo,.simb-hero-el--summary{background:var(--simb-active-bg,transparent);border:var(--simb-active-border-width,0px) solid var(--simb-active-border-color,transparent);border-radius:var(--simb-active-radius,0px);padding:var(--simb-active-pad-y,0px) var(--simb-active-pad-x,0px);box-shadow:var(--simb-active-shadow,none)} .simb-hero__logo{display:block;width:100%;max-width:none;max-height:250px;object-fit:contain;object-position:left center} .simb-hero h1{font-size:var(--simb-active-font-size,clamp(46px,7vw,108px));font-weight:var(--simb-active-font-weight,900);line-height:.92;margin:0;color:var(--simb-active-color,#fff)} .simb-hero__summary{font-size:var(--simb-active-font-size,clamp(16px,1.55vw,22px));font-weight:var(--simb-active-font-weight,400);line-height:1.5;margin:0;color:var(--simb-active-color,#fff);text-shadow:0 2px 14px rgba(0,0,0,.2)} .simb-hero__cover img,.simb-hero__decorative-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:var(--simb-active-radius,0px);box-shadow:var(--simb-active-shadow,none)} .simb-hero-el--cover .simb-hero__cover img{border-radius:var(--simb-active-radius,14px);box-shadow:var(--simb-active-shadow,0 28px 55px rgba(0,0,0,.38))} .simb-hero-el--image .simb-hero__decorative-image{box-shadow:var(--simb-active-shadow,0 14px 30px rgba(0,0,0,.26))} .simb-hero__image-empty{display:none} .simb-chip-row{display:flex;flex-wrap:wrap;justify-content:var(--simb-active-justify,flex-start);gap:var(--simb-active-gap,7px);margin:0} .simb-chip{padding:var(--simb-active-pad-y,6px) var(--simb-active-pad-x,9px);border:var(--simb-active-border-width,1px) solid var(--simb-active-border-color,rgba(255,255,255,.26));background:var(--simb-active-bg,rgba(8,24,54,.46));backdrop-filter:blur(8px);border-radius:var(--simb-active-radius,999px);font-size:var(--simb-active-font-size,12px);font-weight:var(--simb-active-font-weight,800);color:var(--simb-active-color,#fff);box-shadow:var(--simb-active-shadow,none)} .simb-hero-actions{display:flex;align-items:center;justify-content:var(--simb-active-justify,flex-start);flex-wrap:wrap;gap:var(--simb-active-gap,9px)} .simb-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:var(--simb-active-pad-y,10px) var(--simb-active-pad-x,16px);border-radius:var(--simb-active-radius,999px);font-size:var(--simb-active-font-size,14px);font-weight:var(--simb-active-font-weight,900);text-decoration:none!important;white-space:nowrap;box-shadow:var(--simb-active-shadow,none)} .simb-button>span[aria-hidden="true"]{font-size:var(--simb-active-icon-size,1em);line-height:1} .simb-button--primary{background:var(--simb-active-bg,var(--simb-accent));color:var(--simb-active-color,#10200a)!important;border:var(--simb-active-border-width,1px) solid var(--simb-active-border-color,color-mix(in srgb,var(--simb-accent) 75%,#fff))} .simb-button--ghost{background:var(--simb-active-bg,rgba(9,25,55,.58));border:var(--simb-active-border-width,1px) solid var(--simb-active-border-color,rgba(255,255,255,.26));color:var(--simb-active-color,#fff)!important;backdrop-filter:blur(8px)} @media(max-width:900px){ .simb-hero__inner{width:min(calc(100% - 32px),1480px)} .simb-hero-el{ --simb-active-font-size:var(--simb-el-font-size-t,var(--simb-el-font-size)); --simb-active-font-weight:var(--simb-el-font-weight-t,var(--simb-el-font-weight)); --simb-active-color:var(--simb-el-color-t,var(--simb-el-color)); --simb-active-bg:var(--simb-el-bg-t,var(--simb-el-bg)); --simb-active-border-color:var(--simb-el-border-color-t,var(--simb-el-border-color)); --simb-active-border-width:var(--simb-el-border-width-t,var(--simb-el-border-width,0px)); --simb-active-radius:var(--simb-el-radius-t,var(--simb-el-radius,0px)); --simb-active-pad-x:var(--simb-el-pad-x-t,var(--simb-el-pad-x,0px)); --simb-active-pad-y:var(--simb-el-pad-y-t,var(--simb-el-pad-y,0px)); --simb-active-gap:var(--simb-el-gap-t,var(--simb-el-gap,0px)); --simb-active-icon-size:var(--simb-el-icon-size-t,var(--simb-el-icon-size)); --simb-active-align:var(--simb-el-align-t,var(--simb-el-align)); --simb-active-justify:var(--simb-el-justify-t,var(--simb-el-justify)); --simb-active-shadow:var(--simb-el-shadow-t,var(--simb-el-shadow)); left:var(--simb-el-x-t,var(--simb-el-x,50%));top:var(--simb-el-y-t,var(--simb-el-y,50%));width:var(--simb-el-w-t,var(--simb-el-w,30%)); transform:translate(-50%,-50%) rotate(var(--simb-el-r-t,var(--simb-el-r,0deg)));opacity:var(--simb-el-o-t,var(--simb-el-o,1));display:var(--simb-el-display-t,var(--simb-el-display,block)) } .simb-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simb-credit-list{grid-template-columns:repeat(2,minmax(0,1fr))}.simb-requirements{grid-template-columns:1fr} .simb-width--wide,.simb-width--content,.simb-width--narrow{width:min(calc(100% - 24px),100%)} } @media(max-width:620px){ .simb-hero__inner{width:min(calc(100% - 22px),1480px)} .simb-hero-el{ --simb-active-font-size:var(--simb-el-font-size-m,var(--simb-el-font-size-t,var(--simb-el-font-size))); --simb-active-font-weight:var(--simb-el-font-weight-m,var(--simb-el-font-weight-t,var(--simb-el-font-weight))); --simb-active-color:var(--simb-el-color-m,var(--simb-el-color-t,var(--simb-el-color))); --simb-active-bg:var(--simb-el-bg-m,var(--simb-el-bg-t,var(--simb-el-bg))); --simb-active-border-color:var(--simb-el-border-color-m,var(--simb-el-border-color-t,var(--simb-el-border-color))); --simb-active-border-width:var(--simb-el-border-width-m,var(--simb-el-border-width-t,var(--simb-el-border-width,0px))); --simb-active-radius:var(--simb-el-radius-m,var(--simb-el-radius-t,var(--simb-el-radius,0px))); --simb-active-pad-x:var(--simb-el-pad-x-m,var(--simb-el-pad-x-t,var(--simb-el-pad-x,0px))); --simb-active-pad-y:var(--simb-el-pad-y-m,var(--simb-el-pad-y-t,var(--simb-el-pad-y,0px))); --simb-active-gap:var(--simb-el-gap-m,var(--simb-el-gap-t,var(--simb-el-gap,0px))); --simb-active-icon-size:var(--simb-el-icon-size-m,var(--simb-el-icon-size-t,var(--simb-el-icon-size))); --simb-active-align:var(--simb-el-align-m,var(--simb-el-align-t,var(--simb-el-align))); --simb-active-justify:var(--simb-el-justify-m,var(--simb-el-justify-t,var(--simb-el-justify))); --simb-active-shadow:var(--simb-el-shadow-m,var(--simb-el-shadow-t,var(--simb-el-shadow))); left:var(--simb-el-x-m,var(--simb-el-x-t,var(--simb-el-x,50%)));top:var(--simb-el-y-m,var(--simb-el-y-t,var(--simb-el-y,50%)));width:var(--simb-el-w-m,var(--simb-el-w-t,var(--simb-el-w,30%))); transform:translate(-50%,-50%) rotate(var(--simb-el-r-m,var(--simb-el-r-t,var(--simb-el-r,0deg))));opacity:var(--simb-el-o-m,var(--simb-el-o-t,var(--simb-el-o,1)));display:var(--simb-el-display-m,var(--simb-el-display-t,var(--simb-el-display,block))) } .simb-block:not(.simb-block--hero){border-radius:14px;padding:18px}.simb-facts{grid-template-columns:1fr}.simb-card-grid,.simb-credit-list{grid-template-columns:1fr}.simb-requirements dl>div{grid-template-columns:1fr;gap:3px} } .simb-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--simb-border);border:1px solid var(--simb-border);border-radius:14px;overflow:hidden;margin:24px 0 0}.simb-facts>div{background:var(--simb-surface);padding:15px}.simb-facts dt{font-size:10px;color:var(--simb-muted);text-transform:uppercase;font-weight:900;letter-spacing:.08em}.simb-facts dd{margin:5px 0 0;font-weight:750;color:var(--simb-text)}.simb-facts a{color:var(--simb-accent-2)} .simb-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.simb-card{border:1px solid var(--simb-border);border-radius:12px;background:var(--simb-surface-alt);min-height:72px;display:flex;align-items:center;padding:14px}.simb-card a{color:inherit;text-decoration:none} .simb-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.simb-requirements article{border:1px solid var(--simb-border);border-radius:14px;padding:18px;background:var(--simb-surface-alt)}.simb-requirements h3{margin-top:0}.simb-requirements dl{margin:0}.simb-requirements dl>div{display:grid;grid-template-columns:minmax(100px,.6fr) 1.4fr;gap:10px;padding:8px 0;border-top:1px solid var(--simb-border)}.simb-requirements dt{font-size:10px;text-transform:uppercase;color:var(--simb-muted);font-weight:900}.simb-requirements dd{margin:0} .simb-credit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.simb-credit-list>div{display:flex;flex-direction:column;border:1px solid var(--simb-border);border-radius:10px;padding:11px;background:var(--simb-surface-alt)}.simb-credit-list span{font-size:11px;color:var(--simb-muted);margin-top:3px} .simb-block .sa-simusics-v2,.simb-block .sa-game-media,.simb-block .sa-game-trailers,.simb-block .sa-gallery-grid{max-width:none!important;margin:0!important} .simb-requirements-note{margin:-6px 0 18px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--simb-accent) 9%,var(--simb-surface));border:1px solid color-mix(in srgb,var(--simb-accent) 30%,var(--simb-border))} @media(max-width:900px){ .simb-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simb-credit-list{grid-template-columns:repeat(2,minmax(0,1fr))}.simb-requirements{grid-template-columns:1fr} .simb-width--wide,.simb-width--content,.simb-width--narrow{width:min(calc(100% - 24px),100%)} } @media(max-width:620px){ .simb-block:not(.simb-block--hero){border-radius:14px;padding:18px}.simb-facts{grid-template-columns:1fr}.simb-card-grid,.simb-credit-list{grid-template-columns:1fr}.simb-requirements dl>div{grid-template-columns:1fr;gap:3px} } /* alpha.5 — Smart Auto responsive Hero safeguards */ .simb-hero-el{max-width:96%} .simb-hero__summary{overflow-wrap:anywhere} .simb-chip-row,.simb-hero-actions{max-width:100%} .simb-chip,.simb-button{max-width:100%} @media(max-width:900px){ .simb-hero__logo{max-height:210px} .simb-hero__summary{line-height:1.46} } @media(max-width:620px){ .simb-hero__logo{max-height:150px} .simb-hero__summary{line-height:1.42} .simb-chip-row{row-gap:max(5px,var(--simb-active-gap,7px))} .simb-button{min-height:38px;white-space:normal;text-align:center} } /* alpha.6 — universal section studio + overview inspector */ .simb-block:not(.simb-block--hero){ --simb-active-sec-bg:var(--simb-sec-bg,var(--simb-surface)); --simb-active-sec-color:var(--simb-sec-color,var(--simb-text)); --simb-active-sec-border-color:var(--simb-sec-border-color,var(--simb-border)); --simb-active-sec-border-width:var(--simb-sec-border-width,1px); --simb-active-sec-radius:var(--simb-sec-radius,20px); --simb-active-sec-pad-x:var(--simb-sec-pad-x,38px); --simb-active-sec-pad-y:var(--simb-sec-pad-y,38px); --simb-active-sec-space-top:var(--simb-sec-space-top,24px); --simb-active-sec-space-bottom:var(--simb-sec-space-bottom,0px); --simb-active-sec-opacity:var(--simb-sec-opacity,1); --simb-active-sec-display:var(--simb-sec-display,block); --simb-active-sec-shadow:var(--simb-sec-shadow,none); display:var(--simb-active-sec-display); margin-top:var(--simb-active-sec-space-top); margin-bottom:var(--simb-active-sec-space-bottom); background:var(--simb-active-sec-bg); color:var(--simb-active-sec-color); border:var(--simb-active-sec-border-width) solid var(--simb-active-sec-border-color); border-radius:var(--simb-active-sec-radius); padding:var(--simb-active-sec-pad-y) var(--simb-active-sec-pad-x); opacity:var(--simb-active-sec-opacity); box-shadow:var(--simb-active-sec-shadow); } .simb-block:not(.simb-block--hero) .simb-heading h2, .simb-block:not(.simb-block--hero) .simb-prose, .simb-block:not(.simb-block--hero) .simb-card, .simb-block:not(.simb-block--hero) .simb-requirements article, .simb-block:not(.simb-block--hero) .simb-credit-list>div{color:inherit} .simb-overview{display:block} .simb-overview--split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(26px,4vw,64px);align-items:start} .simb-overview--split .simb-facts{margin-top:0} .simb-overview .simb-facts{grid-template-columns:repeat(var(--simb-overview-facts-columns,2),minmax(0,1fr))} .simb-overview [hidden]{display:none!important} @media(max-width:900px){ .simb-block:not(.simb-block--hero){ --simb-active-sec-bg:var(--simb-sec-bg-t,var(--simb-sec-bg,var(--simb-surface))); --simb-active-sec-color:var(--simb-sec-color-t,var(--simb-sec-color,var(--simb-text))); --simb-active-sec-border-color:var(--simb-sec-border-color-t,var(--simb-sec-border-color,var(--simb-border))); --simb-active-sec-border-width:var(--simb-sec-border-width-t,var(--simb-sec-border-width,1px)); --simb-active-sec-radius:var(--simb-sec-radius-t,var(--simb-sec-radius,20px)); --simb-active-sec-pad-x:var(--simb-sec-pad-x-t,var(--simb-sec-pad-x,38px)); --simb-active-sec-pad-y:var(--simb-sec-pad-y-t,var(--simb-sec-pad-y,38px)); --simb-active-sec-space-top:var(--simb-sec-space-top-t,var(--simb-sec-space-top,24px)); --simb-active-sec-space-bottom:var(--simb-sec-space-bottom-t,var(--simb-sec-space-bottom,0px)); --simb-active-sec-opacity:var(--simb-sec-opacity-t,var(--simb-sec-opacity,1)); --simb-active-sec-display:var(--simb-sec-display-t,var(--simb-sec-display,block)); --simb-active-sec-shadow:var(--simb-sec-shadow-t,var(--simb-sec-shadow,none)); } .simb-overview--split{grid-template-columns:1fr;gap:22px}.simb-overview--split .simb-facts{margin-top:0} } @media(max-width:620px){ .simb-block:not(.simb-block--hero){ --simb-active-sec-bg:var(--simb-sec-bg-m,var(--simb-sec-bg-t,var(--simb-sec-bg,var(--simb-surface)))); --simb-active-sec-color:var(--simb-sec-color-m,var(--simb-sec-color-t,var(--simb-sec-color,var(--simb-text)))); --simb-active-sec-border-color:var(--simb-sec-border-color-m,var(--simb-sec-border-color-t,var(--simb-sec-border-color,var(--simb-border)))); --simb-active-sec-border-width:var(--simb-sec-border-width-m,var(--simb-sec-border-width-t,var(--simb-sec-border-width,1px))); --simb-active-sec-radius:var(--simb-sec-radius-m,var(--simb-sec-radius-t,var(--simb-sec-radius,20px))); --simb-active-sec-pad-x:var(--simb-sec-pad-x-m,var(--simb-sec-pad-x-t,var(--simb-sec-pad-x,38px))); --simb-active-sec-pad-y:var(--simb-sec-pad-y-m,var(--simb-sec-pad-y-t,var(--simb-sec-pad-y,38px))); --simb-active-sec-space-top:var(--simb-sec-space-top-m,var(--simb-sec-space-top-t,var(--simb-sec-space-top,24px))); --simb-active-sec-space-bottom:var(--simb-sec-space-bottom-m,var(--simb-sec-space-bottom-t,var(--simb-sec-space-bottom,0px))); --simb-active-sec-opacity:var(--simb-sec-opacity-m,var(--simb-sec-opacity-t,var(--simb-sec-opacity,1))); --simb-active-sec-display:var(--simb-sec-display-m,var(--simb-sec-display-t,var(--simb-sec-display,block))); --simb-active-sec-shadow:var(--simb-sec-shadow-m,var(--simb-sec-shadow-t,var(--simb-sec-shadow,none))); } .simb-overview .simb-facts{grid-template-columns:1fr} } /* alpha.7 — Key Features block */ .simb-key-features [hidden]{display:none!important} .simb-feature-list{display:grid;gap:var(--simb-feature-gap,22px)} .simb-feature-list--grid{grid-template-columns:repeat(var(--simb-feature-columns,2),minmax(0,1fr))} .simb-feature-list--list{grid-template-columns:1fr} .simb-feature-list--alternating,.simb-feature-list--cinematic{grid-template-columns:1fr} .simb-feature-card{position:relative;overflow:hidden;border:1px solid var(--simb-border);border-radius:18px;background:var(--simb-surface-alt);min-width:0} .simb-feature-card__media{overflow:hidden;background:#061126} .simb-feature-card__media img{display:block;width:100%;height:100%;object-fit:cover} .simb-feature-ratio--wide .simb-feature-card__media{aspect-ratio:16/9} .simb-feature-ratio--square .simb-feature-card__media{aspect-ratio:1/1} .simb-feature-ratio--original .simb-feature-card__media img{height:auto;object-fit:contain} .simb-feature-card__copy{padding:clamp(18px,3vw,30px)} .simb-feature-card__copy h3{margin:0 0 10px;font-size:clamp(21px,2.2vw,32px);line-height:1.08;color:inherit} .simb-feature-card__description{color:var(--simb-muted);font-size:clamp(15px,1.25vw,18px);line-height:1.65} .simb-feature-card__description p:last-child{margin-bottom:0} .simb-feature-list--grid .simb-feature-card,.simb-feature-list--list .simb-feature-card{display:grid;grid-template-columns:1fr} .simb-feature-list--alternating .simb-feature-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:stretch} .simb-feature-list--alternating .simb-feature-card--right .simb-feature-card__media{grid-column:2;grid-row:1}.simb-feature-list--alternating .simb-feature-card--right .simb-feature-card__copy{grid-column:1;grid-row:1} .simb-feature-list--cinematic .simb-feature-card{min-height:var(--simb-feature-min-height,340px);display:flex;align-items:flex-end;background:#061126} .simb-feature-list--cinematic .simb-feature-card__media{position:absolute;inset:0;aspect-ratio:auto!important} .simb-feature-list--cinematic .simb-feature-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,34,var(--simb-feature-overlay,.64)),rgba(5,11,34,.20) 62%,rgba(5,11,34,.08))} .simb-feature-list--cinematic .simb-feature-card--right .simb-feature-card__media:after{background:linear-gradient(270deg,rgba(5,11,34,var(--simb-feature-overlay,.64)),rgba(5,11,34,.20) 62%,rgba(5,11,34,.08))} .simb-feature-list--cinematic .simb-feature-card--center .simb-feature-card__media:after{background:rgba(5,11,34,calc(var(--simb-feature-overlay,.64) * .8))} .simb-feature-list--cinematic .simb-feature-card__copy{position:relative;z-index:1;width:min(620px,72%);padding:clamp(26px,5vw,58px)} .simb-feature-list--cinematic .simb-feature-card--right{justify-content:flex-end}.simb-feature-list--cinematic .simb-feature-card--right .simb-feature-card__copy{text-align:right} .simb-feature-list--cinematic .simb-feature-card--center{justify-content:center}.simb-feature-list--cinematic .simb-feature-card--center .simb-feature-card__copy{text-align:center} .simb-feature-list--cinematic .simb-feature-card__copy h3{font-size:clamp(28px,4vw,54px)} .simb-feature-list--cinematic .simb-feature-card__description{color:#eef5ff;text-shadow:0 2px 16px rgba(0,0,0,.32)} @media(max-width:900px){.simb-feature-list--grid{grid-template-columns:repeat(min(2,var(--simb-feature-columns,2)),minmax(0,1fr))}.simb-feature-list--alternating .simb-feature-card{grid-template-columns:1fr 1fr}} @media(max-width:620px){.simb-feature-list--grid{grid-template-columns:1fr}.simb-feature-list--alternating .simb-feature-card{grid-template-columns:1fr}.simb-feature-list--alternating .simb-feature-card--right .simb-feature-card__media,.simb-feature-list--alternating .simb-feature-card--right .simb-feature-card__copy{grid-column:1;grid-row:auto}.simb-feature-list--cinematic .simb-feature-card{min-height:max(280px,calc(var(--simb-feature-min-height,340px) * .82))}.simb-feature-list--cinematic .simb-feature-card__copy{width:100%;padding:24px}.simb-feature-list--cinematic .simb-feature-card--right .simb-feature-card__copy{text-align:left}} /* alpha.9 — Categorized Media Studio */ .simb-media-studio{--simb-media-columns:6;--simb-media-columns-t:4;--simb-media-columns-m:2;--simb-media-gap:12px;--simb-media-radius:12px;--simb-media-card-min:138px;--simb-media-card-max:210px;min-width:0} .simb-media-size--standard{--simb-media-card-min:170px;--simb-media-card-max:260px}.simb-media-size--large{--simb-media-card-min:220px;--simb-media-card-max:330px} .simb-media-category-nav{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 22px}.simb-media-category-nav[hidden]{display:none!important}.simb-media-category-nav a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--simb-border);border-radius:999px;background:var(--simb-surface-alt);color:var(--simb-text);text-decoration:none;font-size:12px;font-weight:800}.simb-media-category-nav a small{color:var(--simb-muted);font-size:10px} .simb-media-category{scroll-margin-top:90px}.simb-media-category+.simb-media-category{margin-top:28px}.simb-media-category__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.simb-media-category__head>div{display:flex;align-items:center;gap:8px}.simb-media-category__head h3{margin:0;color:var(--simb-text);font-size:18px;line-height:1.15}.simb-media-category__head small{color:var(--simb-muted);font-weight:800} .simb-media-category__grid{display:grid;grid-template-columns:repeat(var(--simb-media-columns),minmax(0,1fr));gap:var(--simb-media-gap);align-items:start} .simb-media-card{min-width:0;margin:0;border:1px solid var(--simb-border);border-radius:var(--simb-media-radius);overflow:hidden;background:var(--simb-surface-alt);color:var(--simb-text)}.simb-media-card__visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;background:#07142f;text-decoration:none;overflow:hidden}.simb-media-card__visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.simb-media-card figcaption,.simb-media-card__caption{display:flex;flex-direction:column;gap:3px;padding:8px 9px}.simb-media-card figcaption strong,.simb-media-card__caption strong{color:var(--simb-text);font-size:12px;line-height:1.25}.simb-media-card figcaption span,.simb-media-card__caption span{color:var(--simb-muted);font-size:10px;line-height:1.3}.simb-media-studio--hide-captions .simb-media-card figcaption,.simb-media-studio--hide-captions .simb-media-card__caption{display:none} /* Smart media treatment: archive assets must stay fully visible. */ .simb-media-fit--smart .simb-media-card--logo .simb-media-card__visual{aspect-ratio:16/9;padding:14px;background:color-mix(in srgb,var(--simb-surface-alt) 84%,#fff 2%)}.simb-media-fit--smart .simb-media-card--logo img{aspect-ratio:auto;max-height:118px;object-fit:contain} .simb-media-fit--smart .simb-media-card--render .simb-media-card__visual{aspect-ratio:4/5;padding:8px}.simb-media-fit--smart .simb-media-card--render img{aspect-ratio:auto;max-height:230px;object-fit:contain} .simb-media-fit--smart .simb-media-card--cover .simb-media-card__visual{aspect-ratio:2/3;padding:7px}.simb-media-fit--smart .simb-media-card--cover img{aspect-ratio:auto;max-height:245px;object-fit:contain} .simb-media-fit--smart .simb-media-card--artwork .simb-media-card__visual,.simb-media-fit--smart .simb-media-card--screenshot .simb-media-card__visual,.simb-media-fit--smart .simb-media-card--photo .simb-media-card__visual{aspect-ratio:16/9}.simb-media-fit--smart :is(.simb-media-card--artwork,.simb-media-card--screenshot,.simb-media-card--photo) img{aspect-ratio:16/9;object-fit:cover} .simb-media-fit--contain .simb-media-card__visual{padding:8px}.simb-media-fit--contain .simb-media-card__visual img{object-fit:contain!important;background:#07142f}.simb-media-fit--cover .simb-media-card__visual img{object-fit:cover!important} .simb-media-ratio--square:not(.simb-media-fit--smart) .simb-media-card__visual img{aspect-ratio:1/1}.simb-media-ratio--portrait:not(.simb-media-fit--smart) .simb-media-card__visual img{aspect-ratio:4/5}.simb-media-ratio--original:not(.simb-media-fit--smart) .simb-media-card__visual img{aspect-ratio:auto;height:auto} .simb-media-card--trailer .simb-media-card__visual img{aspect-ratio:16/9;object-fit:cover}.simb-media-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(7,21,47,.82);color:#fff;border:1px solid rgba(255,255,255,.45);font-size:14px}.simb-media-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:16/9;color:var(--simb-muted);font-size:24px} .simb-media-studio--rail .simb-media-category__grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(var(--simb-media-card-min),var(--simb-media-card-max));grid-template-columns:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:8px}.simb-media-studio--rail .simb-media-card{scroll-snap-align:start} @media(max-width:900px){.simb-media-category__grid{grid-template-columns:repeat(var(--simb-media-columns-t),minmax(0,1fr))}.simb-media-studio--rail .simb-media-category__grid{grid-auto-columns:minmax(170px,34vw)}} @media(max-width:620px){.simb-media-category__grid{grid-template-columns:repeat(var(--simb-media-columns-m),minmax(0,1fr));gap:min(var(--simb-media-gap),10px)}.simb-media-category__head h3{font-size:16px}.simb-media-category-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.simb-media-category-nav a{flex:0 0 auto}.simb-media-studio--rail .simb-media-category__grid{grid-auto-columns:minmax(160px,72vw)}.simb-media-fit--smart .simb-media-card--logo img{max-height:90px}.simb-media-fit--smart .simb-media-card--render img{max-height:190px}.simb-media-fit--smart .simb-media-card--cover img{max-height:210px}} /* alpha.10 — full-image media cards + real category tabs */ .simb-media-category-nav{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px} .simb-media-category-nav button{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid var(--simb-border);border-radius:999px;background:var(--simb-surface-alt);color:var(--simb-text);font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease} .simb-media-category-nav button small{color:var(--simb-muted);font-size:10px}.simb-media-category-nav button.is-active,.simb-media-category-nav button[aria-selected="true"]{background:color-mix(in srgb,var(--simb-accent) 18%,var(--simb-surface-alt));border-color:color-mix(in srgb,var(--simb-accent) 72%,var(--simb-border));color:#fff}.simb-media-category-nav button:focus-visible{outline:2px solid var(--simb-accent);outline-offset:2px} .simb-media-category[hidden]{display:none!important}.simb-media-category+.simb-media-category{margin-top:0} .simb-media-size--compact .simb-media-category__grid{grid-template-columns:repeat(auto-fill,minmax(min(165px,100%),1fr))}.simb-media-size--standard .simb-media-category__grid{grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr))}.simb-media-size--large .simb-media-category__grid{grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr))} .simb-media-card__visual{aspect-ratio:16/9;padding:7px}.simb-media-card__visual img{width:100%;height:100%;aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important;background:transparent} .simb-media-card--logo .simb-media-card__visual{aspect-ratio:16/9;padding:14px}.simb-media-card--render .simb-media-card__visual{aspect-ratio:4/5;padding:8px}.simb-media-card--cover .simb-media-card__visual{aspect-ratio:2/3;padding:8px}.simb-media-card--artwork .simb-media-card__visual,.simb-media-card--screenshot .simb-media-card__visual,.simb-media-card--photo .simb-media-card__visual,.simb-media-card--image .simb-media-card__visual,.simb-media-card--trailer .simb-media-card__visual{aspect-ratio:16/9;padding:6px} .simb-media-card--logo img,.simb-media-card--render img,.simb-media-card--cover img{max-height:none!important} .simb-media-card--trailer .simb-media-card__visual img{object-fit:contain!important} @media(max-width:900px){.simb-media-size--compact .simb-media-category__grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))}.simb-media-category-nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:4px;scrollbar-width:thin}.simb-media-category-nav button{flex:0 0 auto}} @media(max-width:620px){.simb-media-size--compact .simb-media-category__grid,.simb-media-size--standard .simb-media-category__grid,.simb-media-size--large .simb-media-category__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simb-media-card__visual{padding:5px}.simb-media-card--logo .simb-media-card__visual{padding:9px}} /* alpha.11 — device-aware media grids + lightbox */ .simb-media-category__grid{grid-template-columns:repeat(var(--simb-media-columns,7),minmax(0,1fr))!important} @media(max-width:1280px){.simb-media-category__grid{grid-template-columns:repeat(var(--simb-media-columns-l,5),minmax(0,1fr))!important}} @media(max-width:900px){.simb-media-category__grid{grid-template-columns:repeat(var(--simb-media-columns-t,3),minmax(0,1fr))!important}} @media(max-width:620px){.simb-media-category__grid{grid-template-columns:repeat(var(--simb-media-columns-m,2),minmax(0,1fr))!important}} .simb-media-studio--rail .simb-media-category__grid{grid-template-columns:none!important} .simb-media-card__visual{cursor:zoom-in} .simb-media-card--trailer .simb-media-card__visual{cursor:pointer} html.simb-lightbox-open,html.simb-lightbox-open body{overflow:hidden!important} .simb-lightbox[hidden]{display:none!important}.simb-lightbox{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:20px;color:#fff}.simb-lightbox__backdrop{position:absolute;inset:0;background:rgba(2,8,20,.92);backdrop-filter:blur(12px)}.simb-lightbox__dialog{position:relative;z-index:1;width:min(1200px,calc(100vw - 40px));max-height:calc(100vh - 40px);display:grid;grid-template-columns:52px minmax(0,1fr) 52px;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:12px}.simb-lightbox__stage{grid-column:2;grid-row:1;min-width:0;min-height:0;display:grid;place-items:center;max-height:calc(100vh - 120px)}.simb-lightbox__stage img{display:block;max-width:100%;max-height:calc(100vh - 120px);width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.45)}.simb-lightbox__stage iframe,.simb-lightbox__stage video{display:block;width:min(100%,1100px);aspect-ratio:16/9;max-height:calc(100vh - 130px);border:0;border-radius:12px;background:#000;box-shadow:0 24px 70px rgba(0,0,0,.45)}.simb-lightbox__close,.simb-lightbox__nav{appearance:none;border:1px solid rgba(255,255,255,.24);background:rgba(9,24,52,.76);color:#fff;border-radius:999px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px)}.simb-lightbox__close{position:absolute;right:0;top:-4px;width:44px;height:44px;font-size:26px;z-index:3}.simb-lightbox__nav{width:48px;height:48px;font-size:34px;line-height:1}.simb-lightbox__nav--prev{grid-column:1;grid-row:1}.simb-lightbox__nav--next{grid-column:3;grid-row:1}.simb-lightbox__meta{grid-column:2;grid-row:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0;padding:2px 2px 0}.simb-lightbox__meta>div{display:flex;flex-direction:column;gap:3px;min-width:0}.simb-lightbox__meta strong{font-size:14px;line-height:1.3}.simb-lightbox__meta span,.simb-lightbox__meta small{font-size:11px;color:#b8c5d8;line-height:1.35}.simb-lightbox__close:focus-visible,.simb-lightbox__nav:focus-visible{outline:2px solid var(--simb-accent,#8de83d);outline-offset:3px} @media(max-width:700px){.simb-lightbox{padding:10px}.simb-lightbox__dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);grid-template-columns:40px minmax(0,1fr) 40px;gap:7px}.simb-lightbox__stage img{max-height:calc(100vh - 110px)}.simb-lightbox__stage iframe,.simb-lightbox__stage video{max-height:calc(100vh - 120px)}.simb-lightbox__nav{width:38px;height:38px;font-size:28px}.simb-lightbox__close{right:4px;top:4px;width:40px;height:40px}.simb-lightbox__meta{grid-column:1/4;padding:0 8px}.simb-lightbox__stage{grid-column:1/4}.simb-lightbox__nav{position:absolute;top:50%;translate:0 -50%;z-index:2}.simb-lightbox__nav--prev{left:6px}.simb-lightbox__nav--next{right:6px}} @media(prefers-reduced-motion:reduce){.simb-lightbox__backdrop{backdrop-filter:none}} /* alpha.12 — 20-item media batches + progressive Load more */ .simb-media-card[hidden]{display:none!important} .simb-media-load-more{display:flex;justify-content:center;padding:18px 0 2px} .simb-media-load-more[hidden]{display:none!important} .simb-media-load-more button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:9px 15px;border:1px solid color-mix(in srgb,var(--simb-accent) 62%,var(--simb-border));border-radius:999px;background:color-mix(in srgb,var(--simb-accent) 12%,var(--simb-surface-alt));color:var(--simb-text);font:inherit;font-size:12px;font-weight:850;cursor:pointer} .simb-media-load-more button:hover{background:color-mix(in srgb,var(--simb-accent) 19%,var(--simb-surface-alt))} .simb-media-load-more button:focus-visible{outline:2px solid var(--simb-accent);outline-offset:3px} .simb-media-load-more button small{display:inline-flex;align-items:center;gap:3px;color:var(--simb-muted);font-size:10px;font-weight:750} @media(max-width:620px){.simb-media-load-more{padding-top:14px}.simb-media-load-more button{min-height:44px;width:min(100%,260px)}} /* alpha.13 — game dossier tabs + Overview cover */ .simb-block[hidden],.simb-page-subtabs[hidden]{display:none!important} .simb-page-tabs-wrap{width:min(calc(100% - 40px),1480px);margin:0 auto;padding:18px 0 0;min-width:0} .simb-page-tabs,.simb-page-subtabs{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:2px 1px 7px} .simb-page-tabs{border-bottom:1px solid color-mix(in srgb,var(--simb-border) 72%,transparent)} .simb-page-tabs button,.simb-page-subtabs button{appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--simb-border);background:color-mix(in srgb,var(--simb-surface) 92%,transparent);color:var(--simb-muted);font:inherit;font-weight:850;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease} .simb-page-tabs button{min-height:42px;padding:9px 15px;border-radius:12px;font-size:13px} .simb-page-tabs button span{font-size:12px;opacity:.9} .simb-page-tabs button.is-active,.simb-page-tabs button[aria-selected="true"]{color:var(--simb-text);background:color-mix(in srgb,var(--simb-accent) 14%,var(--simb-surface));border-color:color-mix(in srgb,var(--simb-accent) 58%,var(--simb-border))} .simb-page-subtabs{padding-top:10px;padding-bottom:0} .simb-page-subtabs button{min-height:34px;padding:7px 12px;border-radius:999px;font-size:11px} .simb-page-subtabs button.is-active,.simb-page-subtabs button[aria-selected="true"]{color:var(--simb-text);background:color-mix(in srgb,var(--simb-accent-2) 16%,var(--simb-surface-alt));border-color:color-mix(in srgb,var(--simb-accent-2) 58%,var(--simb-border))} .simb-page-tabs button:focus-visible,.simb-page-subtabs button:focus-visible{outline:2px solid var(--simb-accent);outline-offset:2px} .simb-page-tabs button:hover,.simb-page-subtabs button:hover{color:var(--simb-text);transform:translateY(-1px)} .simb-page-tabs-wrap+.simb-block:not(.simb-block--hero){margin-top:16px} .simb-overview-shell{display:grid;grid-template-columns:1fr;gap:clamp(22px,3vw,42px);align-items:start} .simb-overview-shell.has-cover{grid-template-columns:minmax(180px,260px) minmax(0,1fr)} .simb-overview__cover{position:relative;display:flex;align-items:flex-start;justify-content:center;min-width:0} .simb-overview__cover img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;border-radius:14px;box-shadow:0 20px 46px rgba(0,0,0,.26)} .simb-overview-shell .simb-overview{min-width:0} .simb-overview-shell .simb-overview--split{grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr)} @media(max-width:900px){ .simb-page-tabs-wrap{width:min(calc(100% - 24px),100%);padding-top:14px} .simb-overview-shell.has-cover{grid-template-columns:minmax(145px,205px) minmax(0,1fr)} .simb-overview-shell .simb-overview--split{grid-template-columns:1fr} .simb-overview-shell .simb-overview--split .simb-facts{margin-top:20px} } @media(max-width:620px){ .simb-page-tabs-wrap{width:min(calc(100% - 20px),100%)} .simb-page-tabs{gap:6px}.simb-page-tabs button{min-height:40px;padding:8px 12px;border-radius:10px;font-size:12px} .simb-page-subtabs{gap:6px}.simb-page-subtabs button{min-height:32px;padding:6px 10px} .simb-overview-shell.has-cover{grid-template-columns:1fr} .simb-overview__cover{justify-content:flex-start} .simb-overview__cover img{width:min(52vw,190px);max-height:300px} } /* alpha.14 — per-game customizable navigation + icons */ .simb-page-tabs button[hidden],.simb-page-subtabs button[hidden]{display:none!important} .simb-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:0 0 16px;line-height:0} .simb-tab-icon svg{display:block;width:100%;height:100%} .simb-page-subtabs .simb-tab-icon{width:14px;height:14px;flex-basis:14px} .simb-page-tabs button strong,.simb-page-subtabs button [data-simb-tab-label]{white-space:nowrap} /* alpha.15 — navigation is a movable Builder section, not a content card. */ .simb-block--game_menu{ width:100%!important; margin:0!important; padding:0!important; background:transparent!important; color:inherit!important; border:0!important; border-radius:0!important; box-shadow:none!important; opacity:1!important; display:block!important; } .simb-block--game_menu .simb-page-tabs-wrap{margin-inline:auto} /* alpha.16 — constructible per-game menu + additional Core dossier sources */ .simb-page-dropdown,.simb-page-mobile-dropdown,.simb-page-subselect{display:flex;align-items:center;gap:10px;min-width:0} .simb-page-dropdown>span,.simb-page-mobile-dropdown>span,.simb-page-subselect>span{flex:0 0 auto;color:var(--simb-muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em} .simb-page-dropdown select,.simb-page-mobile-dropdown select,.simb-page-subselect select{appearance:none;min-width:min(340px,100%);min-height:40px;padding:8px 38px 8px 12px;border:1px solid var(--simb-border);border-radius:11px;background:color-mix(in srgb,var(--simb-surface) 94%,transparent);color:var(--simb-text);font:inherit;font-size:12px;font-weight:800;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;background-size:5px 5px,5px 5px;background-repeat:no-repeat} .simb-page-dropdown select:focus-visible,.simb-page-mobile-dropdown select:focus-visible,.simb-page-subselect select:focus-visible{outline:2px solid var(--simb-accent);outline-offset:2px} .simb-page-subselect{padding-top:10px}.simb-page-subselect[hidden],.simb-page-mobile-dropdown[hidden]{display:none!important} .simb-page-mobile-dropdown{display:none} .simb-menu-layout--dropdown{padding-bottom:4px}.simb-menu-layout--dropdown .simb-page-dropdown{padding:2px 0 7px} .simb-menu-layout--pills .simb-page-tabs{border-bottom:0;flex-wrap:wrap;overflow:visible}.simb-menu-layout--pills .simb-page-tabs button{border-radius:999px} .simb-menu-subnav--tabs .simb-page-subtabs button{border-radius:9px} .simb-menu-align--center :is(.simb-page-tabs,.simb-page-subtabs){justify-content:center}.simb-menu-align--center :is(.simb-page-dropdown,.simb-page-subselect){justify-content:center} .simb-menu-align--stretch .simb-page-tabs{overflow:visible}.simb-menu-align--stretch .simb-page-tabs button{flex:1 1 0}.simb-menu-align--stretch .simb-page-dropdown select{flex:1 1 auto;max-width:none} .simb-menu-density--comfortable .simb-page-tabs button{min-height:48px;padding:11px 18px;font-size:14px}.simb-menu-density--comfortable .simb-page-subtabs button{min-height:38px;padding:8px 14px;font-size:12px}.simb-menu-density--comfortable :is(.simb-page-dropdown select,.simb-page-mobile-dropdown select,.simb-page-subselect select){min-height:46px} .simb-page-tabs-wrap.is-sticky{position:sticky;top:0;z-index:70;padding-bottom:10px;background:linear-gradient(to bottom,color-mix(in srgb,var(--simb-bg) 97%,transparent) 74%,transparent);backdrop-filter:blur(14px)} .simb-menu--no-icons .simb-tab-icon{display:none!important} .simb-core-section{min-width:0}.simb-core-section>h2{margin:0 0 22px;color:var(--simb-text);font-size:clamp(25px,3vw,40px);line-height:1.05}.simb-core-section>.simb-kicker{margin:0 0 8px;color:var(--simb-accent);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em} .simb-core-grid,.simb-release__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:14px} .simb-core-card{min-width:0;padding:18px;border:1px solid var(--simb-border);border-radius:16px;background:color-mix(in srgb,var(--simb-surface-alt) 86%,transparent);color:var(--simb-text)} .simb-core-card h3{margin:0;color:var(--simb-text);font-size:17px;line-height:1.2}.simb-core-card h3 a{color:inherit;text-decoration:none}.simb-core-card h3 a:hover{text-decoration:underline}.simb-core-card p{margin:9px 0 0;color:var(--simb-muted);font-size:12px;line-height:1.5}.simb-core-card__eyebrow{margin:0 0 7px!important;color:var(--simb-accent)!important;font-size:10px!important;font-weight:900;text-transform:uppercase;letter-spacing:.07em} .simb-core-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.simb-core-tags span{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid var(--simb-border);border-radius:999px;background:color-mix(in srgb,var(--simb-surface) 76%,transparent);color:var(--simb-text);font-size:10px;font-weight:800}.simb-core-tags--large{margin:0 0 18px}.simb-core-tags--large span{min-height:34px;padding:7px 11px;font-size:11px}.simb-core-tags--ages{gap:8px}.simb-core-tags--ages .simb-age-icon-chip{justify-content:center;width:34px;min-width:34px;min-height:34px;padding:0;border-radius:12px;background:color-mix(in srgb,var(--simb-surface-2) 78%, transparent)}.simb-core-tags--ages .simb-age-icon-chip img{display:block;width:22px;height:22px;image-rendering:pixelated}.simb-trait-dialog__ages .simb-age-icon-chip{width:38px;min-width:38px;min-height:38px}.simb-trait-dialog__ages .simb-age-icon-chip img{width:24px;height:24px} .simb-core-link{display:inline-flex;margin-top:13px;color:var(--simb-accent);font-size:12px;font-weight:850;text-decoration:none}.simb-core-link:hover{text-decoration:underline}.simb-store-card.is-unavailable{opacity:.58} .simb-release__row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--simb-border) 66%,transparent)}.simb-release__row:last-child{padding-bottom:0;border-bottom:0}.simb-release__row span{color:var(--simb-muted);font-size:11px}.simb-release__row strong{color:var(--simb-text);font-size:11px;text-align:right} .simb-related__group+.simb-related__group{margin-top:26px}.simb-related__group>h3{margin:0 0 12px;color:var(--simb-text);font-size:17px}.simb-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px}.simb-related-card{display:flex;gap:11px;min-width:0;padding:10px;border:1px solid var(--simb-border);border-radius:14px;background:var(--simb-surface-alt);color:var(--simb-text);text-decoration:none;transition:transform .15s ease,border-color .15s ease}.simb-related-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--simb-accent) 60%,var(--simb-border))}.simb-related-card__image{flex:0 0 58px}.simb-related-card__image img{display:block;width:58px;height:78px;object-fit:contain;border-radius:7px;background:#07142f}.simb-related-card__body{display:flex;flex-direction:column;justify-content:center;min-width:0}.simb-related-card__body small{margin-bottom:4px;color:var(--simb-muted);font-size:9px;font-weight:800;text-transform:uppercase}.simb-related-card__body strong{font-size:12px;line-height:1.3} @media(max-width:620px){ .simb-menu-mobile--dropdown:not(.simb-menu-layout--dropdown) .simb-page-tabs,.simb-menu-mobile--dropdown:not(.simb-menu-layout--dropdown) .simb-page-subtabs,.simb-menu-mobile--dropdown:not(.simb-menu-layout--dropdown) .simb-page-subselect{display:none!important} .simb-menu-mobile--dropdown:not(.simb-menu-layout--dropdown) .simb-page-mobile-dropdown{display:flex;padding:2px 0 6px} .simb-menu-mobile--dropdown .simb-page-mobile-dropdown select,.simb-menu-layout--dropdown .simb-page-dropdown select{width:100%;min-width:0} .simb-menu-mobile--scroll .simb-page-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto} .simb-menu-align--stretch .simb-page-tabs button{flex:0 0 auto} .simb-core-grid,.simb-release__grid{grid-template-columns:1fr}.simb-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simb-related-card{display:block}.simb-related-card__image{display:block;margin-bottom:8px}.simb-related-card__image img{width:100%;height:130px}.simb-page-tabs-wrap.is-sticky{top:0} } /* alpha.19 — full Sims Archives Core registry + richer archive dossiers */ .simb-detail-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;margin:0} .simb-detail-list>div{min-width:0;padding:14px 16px;border:1px solid var(--simb-border);border-radius:14px;background:color-mix(in srgb,var(--simb-surface-alt) 86%,transparent)} .simb-detail-list dt{margin:0 0 5px;color:var(--simb-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em} .simb-detail-list dd{margin:0;color:var(--simb-text);font-size:13px;font-weight:750;line-height:1.45} .simb-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:14px} .simb-archive-grid--compact{grid-template-columns:repeat(auto-fill,minmax(min(205px,100%),1fr))} .simb-archive-grid--artwork{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));align-items:start} .simb-archive-card{min-width:0;overflow:hidden;border:1px solid var(--simb-border);border-radius:16px;background:color-mix(in srgb,var(--simb-surface-alt) 88%,transparent);color:var(--simb-text)} .simb-archive-card__visual{display:grid;place-items:center;width:100%;aspect-ratio:16/10;overflow:hidden;background:color-mix(in srgb,var(--simb-surface) 88%,#000 12%);text-decoration:none} .simb-archive-card__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center} .simb-archive-card--artwork .simb-archive-card__visual{aspect-ratio:4/3;padding:12px;cursor:zoom-in} .simb-archive-card--artwork .simb-archive-card__visual img{object-fit:contain} .simb-archive-card__body{min-width:0;padding:14px 15px 16px} .simb-archive-card__body h3{margin:0;color:var(--simb-text);font-size:15px;line-height:1.3} .simb-archive-card__body h3 a,.simb-credit-list strong a{color:inherit;text-decoration:none} .simb-archive-card__body h3 a:hover,.simb-credit-list strong a:hover{text-decoration:underline} .simb-archive-card__body>strong{font-size:13px} .simb-archive-card__body>p{margin:8px 0 0;color:var(--simb-muted);font-size:11px;line-height:1.55} .simb-archive-card__body>.simb-archive-card__meta{color:var(--simb-text);font-weight:750} .simb-archive-card--compact{display:flex;align-items:flex-start;padding:12px} .simb-archive-card--compact .simb-archive-card__body{flex:1 1 auto;padding:2px 2px 2px 11px} .simb-archive-card__icon{flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:color-mix(in srgb,var(--simb-surface) 88%,transparent)} .simb-archive-card__icon img{display:block;width:100%;height:100%;object-fit:contain} .simb-credit-sections{display:grid;gap:24px} .simb-credit-section{min-width:0}.simb-credit-section>h3{margin:0 0 13px;color:var(--simb-text);font-size:clamp(18px,2vw,25px)} .simb-credit-group+.simb-credit-group{margin-top:17px}.simb-credit-group>h4{margin:0 0 9px;color:var(--simb-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em} .simb-credit-list>div{min-width:0}.simb-credit-list .simb-core-tags{margin-top:8px}.simb-credit-list .simb-core-tags span{min-height:23px;padding:3px 7px;font-size:9px} @media(max-width:620px){ .simb-detail-list{grid-template-columns:1fr} .simb-archive-grid,.simb-archive-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .simb-archive-card__body{padding:11px 12px 13px}.simb-archive-card__body h3{font-size:13px} .simb-archive-card--compact{grid-column:span 2} .simb-archive-grid--artwork{grid-template-columns:repeat(2,minmax(0,1fr))} } /* Alpha.22 — SIMusics column chooser. */ .simb-simusics-hide-number .sa-simusics-track-table tr > :nth-child(1),.simb-simusics-columns.simb-simusics-hide-number .sa-simusics-track-table tr > :nth-child(1){display:none!important} .simb-simusics-hide-title .sa-simusics-track-table tr > :nth-child(2),.simb-simusics-columns.simb-simusics-hide-title .sa-simusics-track-table tr > :nth-child(2){display:none!important} .simb-simusics-hide-genre .sa-simusics-track-table tr > :nth-child(3),.simb-simusics-columns.simb-simusics-hide-genre .sa-simusics-track-table tr > :nth-child(3){display:none!important} .simb-simusics-hide-game .sa-simusics-track-table tr > :nth-child(4),.simb-simusics-columns.simb-simusics-hide-game .sa-simusics-track-table tr > :nth-child(4){display:none!important} .simb-simusics-hide-listen .sa-simusics-track-table tr > :nth-child(5),.simb-simusics-columns.simb-simusics-hide-listen .sa-simusics-track-table tr > :nth-child(5){display:none!important} .simb-simusics-hide-popularity .sa-simusics-track-table tr > :nth-child(6),.simb-simusics-columns.simb-simusics-hide-popularity .sa-simusics-track-table tr > :nth-child(6){display:none!important} .simb-simusics-hide-duration .sa-simusics-track-table tr > :nth-child(7),.simb-simusics-columns.simb-simusics-hide-duration .sa-simusics-track-table tr > :nth-child(7){display:none!important} /* 0.1.0-alpha.23 — SIMusics visual themes Both themes intentionally stay inside the Sims Archives blue palette. The play action remains the single bright green accent. */ .simb-simusics-theme-spotify-blue, .simb-simusics-theme-apple-blue{ --simb-music-bg:#07152f; --simb-music-panel:#0b1d40; --simb-music-panel-2:#102954; --simb-music-line:rgba(126,166,225,.20); --simb-music-line-strong:rgba(146,183,236,.32); --simb-music-text:#f5f8ff; --simb-music-muted:#9db2d4; --simb-music-link:#dbe8ff; --simb-music-blue:#6b9cff; --simb-music-play:#8de83d; --simb-music-play-text:#10200a; color:var(--simb-music-text); } .simb-simusics-theme-spotify-blue .sa-simusics-v2, .simb-simusics-theme-apple-blue .sa-simusics-v2{display:grid;gap:22px;color:var(--simb-music-text);font:inherit} .simb-simusics-theme-spotify-blue .sa-simusics-v2 a, .simb-simusics-theme-apple-blue .sa-simusics-v2 a{color:var(--simb-music-link);text-underline-offset:3px} .simb-simusics-theme-spotify-blue .sa-simusics-v2 h1, .simb-simusics-theme-spotify-blue .sa-simusics-v2 h2, .simb-simusics-theme-apple-blue .sa-simusics-v2 h1, .simb-simusics-theme-apple-blue .sa-simusics-v2 h2{color:var(--simb-music-text)} .simb-simusics-theme-spotify-blue .sa-simusics-album-hero, .simb-simusics-theme-apple-blue .sa-simusics-album-hero{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:end;gap:clamp(20px,4vw,42px);padding:clamp(22px,4vw,42px);overflow:hidden;border:1px solid var(--simb-music-line);color:var(--simb-music-text)!important} .simb-simusics-theme-spotify-blue .sa-simusics-album-cover, .simb-simusics-theme-apple-blue .sa-simusics-album-cover{aspect-ratio:1;overflow:hidden;background:#0a1b3a;box-shadow:0 22px 55px rgba(0,0,0,.34)} .simb-simusics-theme-spotify-blue .sa-simusics-album-cover img, .simb-simusics-theme-apple-blue .sa-simusics-album-cover img{display:block;width:100%;height:100%;object-fit:cover} .simb-simusics-theme-spotify-blue .sa-simusics-album-copy, .simb-simusics-theme-apple-blue .sa-simusics-album-copy{min-width:0} .simb-simusics-theme-spotify-blue .sa-simusics-album-copy h1, .simb-simusics-theme-apple-blue .sa-simusics-album-copy h1{margin:.15rem 0 .55rem;font-size:clamp(2rem,4.6vw,4.7rem);line-height:.96;letter-spacing:-.045em} .simb-simusics-theme-spotify-blue .sa-simusics-album-copy>p:last-child, .simb-simusics-theme-apple-blue .sa-simusics-album-copy>p:last-child{margin:0;color:var(--simb-music-muted);font-weight:650} .simb-simusics-theme-spotify-blue .sa-simusics-eyebrow, .simb-simusics-theme-apple-blue .sa-simusics-eyebrow{margin:0;color:#a9c7ff;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em} .simb-simusics-theme-spotify-blue .sa-simusics-actions, .simb-simusics-theme-apple-blue .sa-simusics-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0} .simb-simusics-theme-spotify-blue .sa-simusics-play-primary, .simb-simusics-theme-apple-blue .sa-simusics-play-primary, .simb-simusics-theme-spotify-blue .sa-simusics-row-play, .simb-simusics-theme-apple-blue .sa-simusics-row-play, .simb-simusics-theme-spotify-blue .sa-simusics-card-play, .simb-simusics-theme-apple-blue .sa-simusics-card-play{border:0!important;background:var(--simb-music-play)!important;color:var(--simb-music-play-text)!important;box-shadow:0 8px 22px rgba(91,190,27,.20)!important} .simb-simusics-theme-spotify-blue .sa-simusics-row-play, .simb-simusics-theme-apple-blue .sa-simusics-row-play{width:30px;height:30px;border-radius:999px!important;cursor:pointer} .simb-simusics-theme-spotify-blue .sa-simusics-row-play:hover, .simb-simusics-theme-apple-blue .sa-simusics-row-play:hover, .simb-simusics-theme-spotify-blue .sa-simusics-play-primary:hover, .simb-simusics-theme-apple-blue .sa-simusics-play-primary:hover{filter:brightness(1.06);transform:scale(1.025)} .simb-simusics-theme-spotify-blue .sa-simusics-shuffle-secondary, .simb-simusics-theme-spotify-blue .sa-simusics-secondary, .simb-simusics-theme-apple-blue .sa-simusics-shuffle-secondary, .simb-simusics-theme-apple-blue .sa-simusics-secondary{border:1px solid var(--simb-music-line-strong)!important;background:rgba(79,119,180,.12)!important;color:var(--simb-music-text)!important;box-shadow:none!important} .simb-simusics-theme-spotify-blue .sa-simusics-section, .simb-simusics-theme-apple-blue .sa-simusics-section{display:grid;gap:14px;min-width:0} .simb-simusics-theme-spotify-blue .sa-simusics-section-head, .simb-simusics-theme-apple-blue .sa-simusics-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px} .simb-simusics-theme-spotify-blue .sa-simusics-section-head h2, .simb-simusics-theme-apple-blue .sa-simusics-section-head h2{margin:0;font-size:clamp(1.35rem,2vw,1.8rem);letter-spacing:-.025em} .simb-simusics-theme-spotify-blue .sa-simusics-filter, .simb-simusics-theme-apple-blue .sa-simusics-filter{display:grid;grid-template-columns:minmax(220px,420px) auto 1fr;align-items:end;gap:10px;padding:0;margin:0} .simb-simusics-theme-spotify-blue .sa-simusics-filter label, .simb-simusics-theme-apple-blue .sa-simusics-filter label{display:grid;gap:6px;color:var(--simb-music-muted);font-size:.73rem;font-weight:800} .simb-simusics-theme-spotify-blue .sa-simusics-filter input[type=search], .simb-simusics-theme-apple-blue .sa-simusics-filter input[type=search]{appearance:none;width:100%;min-height:42px;border:1px solid var(--simb-music-line-strong);outline:0;color:var(--simb-music-text);background:rgba(5,18,43,.74);padding:0 14px;font:inherit} .simb-simusics-theme-spotify-blue .sa-simusics-filter input[type=search]::placeholder, .simb-simusics-theme-apple-blue .sa-simusics-filter input[type=search]::placeholder{color:#8198bc} .simb-simusics-theme-spotify-blue .sa-simusics-filter input[type=search]:focus, .simb-simusics-theme-apple-blue .sa-simusics-filter input[type=search]:focus{border-color:#689dff;box-shadow:0 0 0 3px rgba(104,157,255,.14)} .simb-simusics-theme-spotify-blue .sa-simusics-filter>p, .simb-simusics-theme-apple-blue .sa-simusics-filter>p{justify-self:end;margin:0 0 11px;color:var(--simb-music-muted);font-size:.82rem;font-weight:750} .simb-simusics-theme-spotify-blue .sa-simusics-table-wrap, .simb-simusics-theme-apple-blue .sa-simusics-table-wrap{min-width:0;overflow-x:auto;scrollbar-color:#315a93 transparent} .simb-simusics-theme-spotify-blue .sa-simusics-track-table, .simb-simusics-theme-apple-blue .sa-simusics-track-table{width:100%;min-width:780px;border:0;color:var(--simb-music-text);table-layout:auto} .simb-simusics-theme-spotify-blue .sa-simusics-track-table th, .simb-simusics-theme-spotify-blue .sa-simusics-track-table td, .simb-simusics-theme-apple-blue .sa-simusics-track-table th, .simb-simusics-theme-apple-blue .sa-simusics-track-table td{vertical-align:middle;text-align:left} .simb-simusics-theme-spotify-blue .sa-simusics-track-table thead th, .simb-simusics-theme-apple-blue .sa-simusics-track-table thead th{color:var(--simb-music-muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap} .simb-simusics-theme-spotify-blue .sa-simusics-track-table thead button, .simb-simusics-theme-apple-blue .sa-simusics-track-table thead button{appearance:none;border:0;background:transparent;color:inherit;padding:0;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer} .simb-simusics-theme-spotify-blue .sa-simusics-track-table tbody td>strong, .simb-simusics-theme-apple-blue .sa-simusics-track-table tbody td>strong{display:block;color:var(--simb-music-text);font-weight:780;line-height:1.2} .simb-simusics-theme-spotify-blue .sa-simusics-track-table tbody td>small, .simb-simusics-theme-apple-blue .sa-simusics-track-table tbody td>small{display:block;margin-top:4px;color:var(--simb-music-muted);font-size:.75rem} .simb-simusics-theme-spotify-blue .sa-simusics-track-title-play, .simb-simusics-theme-apple-blue .sa-simusics-track-title-play{color:var(--simb-music-text)!important;text-decoration:none!important} .simb-simusics-theme-spotify-blue .sa-simusics-track-title-play:hover, .simb-simusics-theme-apple-blue .sa-simusics-track-title-play:hover{color:#fff!important;text-decoration:underline!important} .simb-simusics-theme-spotify-blue .sa-simusics-genre, .simb-simusics-theme-apple-blue .sa-simusics-genre{display:inline-flex;margin:2px 4px 2px 0;padding:4px 8px;border:1px solid var(--simb-music-line);border-radius:999px;background:rgba(69,108,169,.12);color:#cfe0ff!important;font-size:.72rem;font-weight:760;text-decoration:none} .simb-simusics-theme-spotify-blue .sa-simusics-streaming-empty, .simb-simusics-theme-apple-blue .sa-simusics-streaming-empty, .simb-simusics-theme-spotify-blue .sa-simusics-muted, .simb-simusics-theme-apple-blue .sa-simusics-muted{color:var(--simb-music-muted)!important} .simb-simusics-theme-spotify-blue .sa-simusics-streaming-empty.is-simusics-available>span, .simb-simusics-theme-apple-blue .sa-simusics-streaming-empty.is-simusics-available>span{background:rgba(141,232,61,.13)!important;color:#8de83d!important} .simb-simusics-theme-spotify-blue .sa-simusics-track-table tr.is-playing, .simb-simusics-theme-apple-blue .sa-simusics-track-table tr.is-playing{box-shadow:inset 3px 0 0 var(--simb-music-play)!important;background:rgba(141,232,61,.055)!important;border-color:rgba(141,232,61,.20)!important} .simb-simusics-theme-spotify-blue .sa-simusics-track-table tr.is-playing .sa-simusics-eq i, .simb-simusics-theme-apple-blue .sa-simusics-track-table tr.is-playing .sa-simusics-eq i{background:var(--simb-music-play)!important} .simb-simusics-theme-spotify-blue .sad-simusics-player-controls [data-sa-simusics-player-toggle], .simb-simusics-theme-apple-blue .sad-simusics-player-controls [data-sa-simusics-player-toggle]{background:var(--simb-music-play)!important;color:var(--simb-music-play-text)!important} /* Spotify Blue — dense, immersive, playlist-first */ .simb-simusics-theme-spotify-blue{--simb-music-bg:#061229;--simb-music-panel:#091a38;--simb-music-panel-2:#0d244b;--simb-music-line:rgba(114,153,216,.17);--simb-music-line-strong:rgba(132,172,232,.28)} .simb-simusics-theme-spotify-blue .sa-simusics-v2{padding:clamp(14px,2vw,24px);border-radius:28px;background:linear-gradient(180deg,#0a2146 0,#071733 260px,#061229 100%);border:1px solid rgba(107,151,218,.14)} .simb-simusics-theme-spotify-blue .sa-simusics-album-hero{border-radius:24px;background:linear-gradient(135deg,#174a8c 0%,#0c2a5c 48%,#07162f 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} .simb-simusics-theme-spotify-blue .sa-simusics-album-cover{border-radius:16px} .simb-simusics-theme-spotify-blue .sa-simusics-filter input[type=search]{border-radius:999px} .simb-simusics-theme-spotify-blue .sa-simusics-track-table{border-collapse:collapse} .simb-simusics-theme-spotify-blue .sa-simusics-track-table thead th{padding:10px 12px;border-bottom:1px solid var(--simb-music-line)} .simb-simusics-theme-spotify-blue .sa-simusics-track-table tbody th, .simb-simusics-theme-spotify-blue .sa-simusics-track-table tbody td{padding:11px 12px;border-bottom:1px solid rgba(110,151,213,.10)} .simb-simusics-theme-spotify-blue .sa-simusics-track-table tbody tr{transition:background .16s ease} .simb-simusics-theme-spotify-blue .sa-simusics-track-table tbody tr:hover{background:rgba(84,127,192,.10)} .simb-simusics-theme-spotify-blue .sa-simusics-track-table tbody tr:last-child>*{border-bottom:0} .simb-simusics-theme-spotify-blue .sa-simusics-actions .sa-simusics-play-primary{min-height:48px;padding-inline:22px} /* Apple Blue — cleaner, airier cards and glass-like surfaces */ .simb-simusics-theme-apple-blue{--simb-music-bg:#0b2145;--simb-music-panel:#133463;--simb-music-panel-2:#173c70;--simb-music-line:rgba(164,194,235,.18);--simb-music-line-strong:rgba(181,208,242,.30);--simb-music-muted:#afc3df} .simb-simusics-theme-apple-blue .sa-simusics-v2{padding:clamp(18px,2.5vw,30px);border-radius:30px;background:linear-gradient(160deg,#123969 0%,#0c2851 54%,#091d3e 100%);border:1px solid rgba(179,207,242,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)} .simb-simusics-theme-apple-blue .sa-simusics-album-hero{border-radius:26px;background:linear-gradient(145deg,rgba(48,101,168,.72),rgba(20,61,117,.78))!important;backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 50px rgba(1,11,30,.16)} .simb-simusics-theme-apple-blue .sa-simusics-album-cover{border-radius:20px;box-shadow:0 18px 44px rgba(1,10,28,.30)} .simb-simusics-theme-apple-blue .sa-simusics-actions{padding:2px 0 4px} .simb-simusics-theme-apple-blue .sa-simusics-filter{padding:13px 14px;border:1px solid var(--simb-music-line);border-radius:18px;background:rgba(118,158,213,.07)} .simb-simusics-theme-apple-blue .sa-simusics-filter input[type=search]{border-radius:12px;background:rgba(4,24,54,.48)} .simb-simusics-theme-apple-blue .sa-simusics-filter>p{margin-bottom:10px} .simb-simusics-theme-apple-blue .sa-simusics-track-table{border-collapse:separate;border-spacing:0 7px} .simb-simusics-theme-apple-blue .sa-simusics-track-table thead th{padding:5px 13px} .simb-simusics-theme-apple-blue .sa-simusics-track-table tbody tr>*{padding:13px;background:rgba(88,132,190,.075);border-top:1px solid rgba(170,199,236,.11);border-bottom:1px solid rgba(170,199,236,.11)} .simb-simusics-theme-apple-blue .sa-simusics-track-table tbody tr>*:first-child{border-left:1px solid rgba(170,199,236,.11);border-radius:14px 0 0 14px} .simb-simusics-theme-apple-blue .sa-simusics-track-table tbody tr>*:last-child{border-right:1px solid rgba(170,199,236,.11);border-radius:0 14px 14px 0} .simb-simusics-theme-apple-blue .sa-simusics-track-table tbody tr:hover>*{background:rgba(103,151,216,.13);border-color:rgba(178,207,243,.20)} .simb-simusics-theme-apple-blue .sa-simusics-play-primary{min-height:46px;border-radius:13px!important;padding-inline:20px} .simb-simusics-theme-apple-blue .sa-simusics-shuffle-secondary, .simb-simusics-theme-apple-blue .sa-simusics-secondary{border-radius:13px!important} @media(max-width:800px){ .simb-simusics-theme-spotify-blue .sa-simusics-album-hero, .simb-simusics-theme-apple-blue .sa-simusics-album-hero{grid-template-columns:110px minmax(0,1fr);align-items:center;padding:18px;gap:18px} .simb-simusics-theme-spotify-blue .sa-simusics-album-copy h1, .simb-simusics-theme-apple-blue .sa-simusics-album-copy h1{font-size:clamp(1.7rem,6vw,2.6rem)} .simb-simusics-theme-spotify-blue .sa-simusics-filter, .simb-simusics-theme-apple-blue .sa-simusics-filter{grid-template-columns:1fr auto} .simb-simusics-theme-spotify-blue .sa-simusics-filter>p, .simb-simusics-theme-apple-blue .sa-simusics-filter>p{grid-column:1/-1;justify-self:start;margin:0} } @media(max-width:560px){ .simb-simusics-theme-spotify-blue .sa-simusics-v2, .simb-simusics-theme-apple-blue .sa-simusics-v2{padding:12px;border-radius:20px;gap:18px} .simb-simusics-theme-spotify-blue .sa-simusics-album-hero, .simb-simusics-theme-apple-blue .sa-simusics-album-hero{grid-template-columns:82px minmax(0,1fr);border-radius:18px;padding:14px;gap:13px} .simb-simusics-theme-spotify-blue .sa-simusics-album-cover, .simb-simusics-theme-apple-blue .sa-simusics-album-cover{border-radius:12px} .simb-simusics-theme-spotify-blue .sa-simusics-album-copy h1, .simb-simusics-theme-apple-blue .sa-simusics-album-copy h1{font-size:1.55rem;margin-bottom:.3rem} .simb-simusics-theme-spotify-blue .sa-simusics-album-copy>p:last-child, .simb-simusics-theme-apple-blue .sa-simusics-album-copy>p:last-child{font-size:.76rem} .simb-simusics-theme-spotify-blue .sa-simusics-actions, .simb-simusics-theme-apple-blue .sa-simusics-actions{display:grid;grid-template-columns:1fr 1fr} .simb-simusics-theme-spotify-blue .sa-simusics-actions .sa-simusics-secondary, .simb-simusics-theme-apple-blue .sa-simusics-actions .sa-simusics-secondary{grid-column:1/-1} .simb-simusics-theme-spotify-blue .sa-simusics-filter, .simb-simusics-theme-apple-blue .sa-simusics-filter{grid-template-columns:1fr} } /* SIMusics table details shared by both alpha.23 themes */ .simb-simusics-theme-spotify-blue .sa-simusics-track-index, .simb-simusics-theme-apple-blue .sa-simusics-track-index{width:68px;white-space:nowrap;color:var(--simb-music-muted);font-variant-numeric:tabular-nums} .simb-simusics-theme-spotify-blue .sa-track-number, .simb-simusics-theme-apple-blue .sa-track-number{display:inline-block;min-width:22px;text-align:right;margin-right:7px;font-size:.76rem;font-weight:780} .simb-simusics-theme-spotify-blue .sa-simusics-streaming-links, .simb-simusics-theme-apple-blue .sa-simusics-streaming-links{display:flex;align-items:center;gap:5px;flex-wrap:wrap} .simb-simusics-theme-spotify-blue .sa-simusics-service-link, .simb-simusics-theme-apple-blue .sa-simusics-service-link{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--simb-music-line);border-radius:999px;background:rgba(77,119,181,.12);text-decoration:none!important;transition:transform .15s ease,background .15s ease,border-color .15s ease} .simb-simusics-theme-spotify-blue .sa-simusics-service-link:hover, .simb-simusics-theme-apple-blue .sa-simusics-service-link:hover{transform:translateY(-1px);background:rgba(91,139,207,.22);border-color:var(--simb-music-line-strong)} .simb-simusics-theme-spotify-blue .sa-simusics-service-mark, .simb-simusics-theme-apple-blue .sa-simusics-service-mark{font-size:.58rem;font-weight:900;letter-spacing:-.03em;color:#dfeaff} .simb-simusics-theme-spotify-blue .sa-simusics-game-col, .simb-simusics-theme-apple-blue .sa-simusics-game-col{min-width:130px} .simb-simusics-theme-spotify-blue .sa-simusics-game-col small, .simb-simusics-theme-apple-blue .sa-simusics-game-col small{display:block;margin-top:3px;color:var(--simb-music-muted);font-size:.7rem} .simb-simusics-theme-spotify-blue .sa-simusics-popularity-col, .simb-simusics-theme-apple-blue .sa-simusics-popularity-col{min-width:104px} .simb-simusics-theme-spotify-blue .sat-skill-bar .is-filled, .simb-simusics-theme-spotify-blue .sa-skill-meter .is-filled, .simb-simusics-theme-apple-blue .sat-skill-bar .is-filled, .simb-simusics-theme-apple-blue .sa-skill-meter .is-filled{background:linear-gradient(180deg,#7fb4ff,#397ce4);border-color:rgba(168,207,255,.48);box-shadow:none} .simb-simusics-theme-spotify-blue .sa-simusics-play-count, .simb-simusics-theme-apple-blue .sa-simusics-play-count{color:var(--simb-music-muted);font-size:.68rem} .simb-simusics-theme-spotify-blue .sa-simusics-related-games, .simb-simusics-theme-apple-blue .sa-simusics-related-games{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0} .simb-simusics-theme-spotify-blue .sa-simusics-chip, .simb-simusics-theme-apple-blue .sa-simusics-chip{display:inline-flex;align-items:center;min-height:32px;padding:5px 10px;border-radius:999px;border:1px solid var(--simb-music-line);background:rgba(70,111,174,.11);text-decoration:none!important;font-size:.76rem;font-weight:760} .simb-simusics-theme-spotify-blue .sa-simusics-chip.is-active, .simb-simusics-theme-apple-blue .sa-simusics-chip.is-active{border-color:#699fff;background:rgba(76,127,205,.22)} .simb-simusics-theme-spotify-blue .sa-simusics-play-icon, .simb-simusics-theme-apple-blue .sa-simusics-play-icon{font-size:0} .simb-simusics-theme-spotify-blue .sa-simusics-play-icon::before, .simb-simusics-theme-apple-blue .sa-simusics-play-icon::before{content:"";width:14px;height:14px;display:block;background:currentColor;clip-path:polygon(18% 5%,92% 50%,18% 95%)} /* Theme the Core persistent player too when this page contains a themed SIMusics block. */ body:has(.simb-simusics-theme-spotify-blue) .sad-simusics-persistent-player.sad-simusics-clean-player{background:linear-gradient(145deg,rgba(5,17,39,.985),rgba(9,33,72,.98))!important;border-color:rgba(117,159,220,.22)!important;box-shadow:0 20px 55px rgba(0,8,24,.42)!important} body:has(.simb-simusics-theme-apple-blue) .sad-simusics-persistent-player.sad-simusics-clean-player{background:linear-gradient(145deg,rgba(20,57,105,.985),rgba(10,36,76,.98))!important;border-color:rgba(171,202,240,.28)!important;box-shadow:0 18px 50px rgba(0,10,28,.34)!important} body:has(.simb-simusics-theme-spotify-blue) .sad-simusics-player-controls [data-sa-simusics-player-toggle], body:has(.simb-simusics-theme-apple-blue) .sad-simusics-player-controls [data-sa-simusics-player-toggle]{background:#8de83d!important;color:#10200a!important} body:has(.simb-simusics-theme-spotify-blue) .sad-simusics-clean-player .sad-simusics-glow-progress i, body:has(.simb-simusics-theme-apple-blue) .sad-simusics-clean-player .sad-simusics-glow-progress i{background:linear-gradient(90deg,#76d82f 0%,#a9ef5d 60%,#d8ffad 100%)!important;box-shadow:0 0 7px rgba(143,224,61,.48)!important} /* 0.1.0-alpha.25 — compact album hero + Core soundtrack description */ .simb-simusics-theme-spotify-blue .sa-simusics-album-hero, .simb-simusics-theme-apple-blue .sa-simusics-album-hero{ grid-template-columns:minmax(150px,220px) minmax(300px,.9fr) minmax(280px,1.1fr); grid-template-areas:"cover copy desc" "cover actions desc"; align-items:center; gap:16px clamp(22px,3vw,40px); } .simb-simusics-theme-spotify-blue .sa-simusics-album-cover, .simb-simusics-theme-apple-blue .sa-simusics-album-cover{grid-area:cover} .simb-simusics-theme-spotify-blue .sa-simusics-album-copy, .simb-simusics-theme-apple-blue .sa-simusics-album-copy{grid-area:copy;align-self:end} .simb-simusics-theme-spotify-blue .sa-simusics-album-hero>.sa-simusics-actions, .simb-simusics-theme-apple-blue .sa-simusics-album-hero>.sa-simusics-actions{grid-area:actions;align-self:start;padding:0;margin:0} .simb-simusics-theme-spotify-blue .simb-simusics-album-description, .simb-simusics-theme-apple-blue .simb-simusics-album-description{ grid-area:desc;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0; padding:18px 0 18px clamp(18px,2.4vw,34px);border-left:1px solid var(--simb-music-line);color:var(--simb-music-muted) } .simb-simusics-theme-spotify-blue .simb-simusics-album-description>span, .simb-simusics-theme-apple-blue .simb-simusics-album-description>span{display:block;margin-bottom:8px;color:#b9d2ff;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em} .simb-simusics-theme-spotify-blue .simb-simusics-album-description p, .simb-simusics-theme-apple-blue .simb-simusics-album-description p{margin:0 0 .75em;max-width:62ch;line-height:1.58} .simb-simusics-theme-spotify-blue .simb-simusics-album-description p:last-child, .simb-simusics-theme-apple-blue .simb-simusics-album-description p:last-child{margin-bottom:0} /* The first table column is a playback action first. Numbers are optional. */ .simb-simusics-theme-spotify-blue .sa-simusics-track-index, .simb-simusics-theme-apple-blue .sa-simusics-track-index{width:54px;min-width:54px;padding-left:8px!important;padding-right:8px!important;text-align:center} .simb-simusics-hide-track-numbers .sa-track-number{display:none!important} .simb-simusics-hide-track-numbers .sa-simusics-track-table thead th:first-child{font-size:0;width:54px;min-width:54px} .simb-simusics-hide-track-numbers .sa-simusics-row-play{margin:0 auto} .simb-simusics-hide-track-numbers .sa-simusics-track-index>.sa-simusics-muted{display:inline-grid;place-items:center;width:30px;height:30px;margin:0 auto} /* With actions living in the hero, Tracks can begin immediately underneath. */ .simb-simusics-theme-spotify-blue .sa-simusics-album-hero + .sa-simusics-related-games + .sa-simusics-section, .simb-simusics-theme-spotify-blue .sa-simusics-album-hero + .sa-simusics-section, .simb-simusics-theme-apple-blue .sa-simusics-album-hero + .sa-simusics-related-games + .sa-simusics-section, .simb-simusics-theme-apple-blue .sa-simusics-album-hero + .sa-simusics-section{margin-top:2px} @media(max-width:1100px){ .simb-simusics-theme-spotify-blue .sa-simusics-album-hero, .simb-simusics-theme-apple-blue .sa-simusics-album-hero{ grid-template-columns:130px minmax(0,1fr);grid-template-areas:"cover copy" "actions actions" "desc desc";align-items:center } .simb-simusics-theme-spotify-blue .simb-simusics-album-description, .simb-simusics-theme-apple-blue .simb-simusics-album-description{padding:16px 0 0;border-left:0;border-top:1px solid var(--simb-music-line)} } @media(max-width:560px){ .simb-simusics-theme-spotify-blue .sa-simusics-album-hero, .simb-simusics-theme-apple-blue .sa-simusics-album-hero{ grid-template-columns:82px minmax(0,1fr);grid-template-areas:"cover copy" "actions actions" "desc desc" } .simb-simusics-theme-spotify-blue .sa-simusics-album-hero>.sa-simusics-actions, .simb-simusics-theme-apple-blue .sa-simusics-album-hero>.sa-simusics-actions{display:grid;grid-template-columns:1fr 1fr;width:100%} .simb-simusics-theme-spotify-blue .sa-simusics-album-hero>.sa-simusics-actions .sa-simusics-secondary, .simb-simusics-theme-apple-blue .sa-simusics-album-hero>.sa-simusics-actions .sa-simusics-secondary{grid-column:1/-1} } /* 0.1.0-alpha.26 — SIMusics blue background palettes + cleaner track list */ .simb-simusics-palette-midnight{--simb-music-bg-a:#0a2146;--simb-music-bg-b:#071733;--simb-music-bg-c:#061229;--simb-music-hero-a:#174a8c;--simb-music-hero-b:#0c2a5c;--simb-music-hero-c:#07162f} .simb-simusics-palette-ocean{--simb-music-bg-a:#0e3a67;--simb-music-bg-b:#0a2a50;--simb-music-bg-c:#071d39;--simb-music-hero-a:#2474b9;--simb-music-hero-b:#15518c;--simb-music-hero-c:#0b315e} .simb-simusics-palette-royal{--simb-music-bg-a:#17366f;--simb-music-bg-b:#10285a;--simb-music-bg-c:#0a1b40;--simb-music-hero-a:#315fbd;--simb-music-hero-b:#21458f;--simb-music-hero-c:#102c63} .simb-simusics-palette-steel{--simb-music-bg-a:#1a3b5d;--simb-music-bg-b:#122d49;--simb-music-bg-c:#0c2138;--simb-music-hero-a:#3c6d9a;--simb-music-hero-b:#294f78;--simb-music-hero-c:#173652} .simb-simusics-palette-midnight .sa-simusics-v2, .simb-simusics-palette-ocean .sa-simusics-v2, .simb-simusics-palette-royal .sa-simusics-v2, .simb-simusics-palette-steel .sa-simusics-v2{background:linear-gradient(180deg,var(--simb-music-bg-a) 0,var(--simb-music-bg-b) 260px,var(--simb-music-bg-c) 100%)!important} .simb-simusics-palette-midnight .sa-simusics-album-hero, .simb-simusics-palette-ocean .sa-simusics-album-hero, .simb-simusics-palette-royal .sa-simusics-album-hero, .simb-simusics-palette-steel .sa-simusics-album-hero{background:linear-gradient(135deg,var(--simb-music-hero-a) 0%,var(--simb-music-hero-b) 48%,var(--simb-music-hero-c) 100%)!important} .simb-simusics-theme-apple-blue.simb-simusics-palette-midnight .sa-simusics-album-hero, .simb-simusics-theme-apple-blue.simb-simusics-palette-ocean .sa-simusics-album-hero, .simb-simusics-theme-apple-blue.simb-simusics-palette-royal .sa-simusics-album-hero, .simb-simusics-theme-apple-blue.simb-simusics-palette-steel .sa-simusics-album-hero{background:linear-gradient(145deg,var(--simb-music-hero-a),var(--simb-music-hero-b) 58%,var(--simb-music-hero-c))!important} /* The main album list no longer needs a redundant Tracks title by default. */ .simb-simusics-hide-tracks-heading .sa-simusics-v2>.sa-simusics-section:first-of-type>.sa-simusics-section-head{display:none!important} /* Stretch the filter across the available row while keeping the track count readable. */ .simb-simusics-filter-wide .sa-simusics-v2>.sa-simusics-section:first-of-type>.sa-simusics-filter{grid-template-columns:minmax(0,1fr) auto auto!important;width:100%} .simb-simusics-filter-wide .sa-simusics-v2>.sa-simusics-section:first-of-type>.sa-simusics-filter>label{min-width:0;width:100%} .simb-simusics-filter-wide .sa-simusics-v2>.sa-simusics-section:first-of-type>.sa-simusics-filter>p{justify-self:end;white-space:nowrap} .simb-simusics-filter-wide .sa-simusics-v2>.sa-simusics-section:first-of-type>.sa-simusics-filter-reset{align-self:end;margin-bottom:8px} @media(max-width:700px){ .simb-simusics-filter-wide .sa-simusics-v2>.sa-simusics-section:first-of-type>.sa-simusics-filter{grid-template-columns:1fr auto!important} .simb-simusics-filter-wide .sa-simusics-v2>.sa-simusics-section:first-of-type>.sa-simusics-filter>label{grid-column:1/-1} .simb-simusics-filter-wide .sa-simusics-v2>.sa-simusics-section:first-of-type>.sa-simusics-filter>p{justify-self:start;margin:0} } /* alpha.27 — full-width game menu distribution */ @media (min-width:901px){ .simb-menu-align--stretch .simb-page-tabs{ width:100%; justify-content:stretch; overflow:visible; gap:10px; } .simb-menu-align--stretch .simb-page-tabs button{ flex:1 1 0; min-width:0; width:auto; } .simb-menu-align--stretch .simb-page-tabs button strong{ min-width:0; overflow:hidden; text-overflow:ellipsis; } } @media (min-width:621px) and (max-width:900px){ .simb-menu-align--stretch .simb-page-tabs{ justify-content:flex-start; overflow-x:auto; } .simb-menu-align--stretch .simb-page-tabs button{ flex:0 0 auto; } } /* 0.1.0-alpha.28 — platform application icons in the Hero */ .simb-platform-chip{display:inline-flex;align-items:center;gap:7px;line-height:1} .simb-platform-icon{display:block;width:var(--simb-active-icon-size,16px);height:var(--simb-active-icon-size,16px);flex:0 0 auto;fill:currentColor;overflow:visible} .simb-platform-chip--playstation .simb-platform-icon{width:18px;height:18px} .simb-platform-chip--windows .simb-platform-icon{width:15px;height:15px} .simb-platform-label{display:inline-block;line-height:1.15} @media(max-width:620px){ .simb-platform-chip{width:34px;height:34px;justify-content:center;padding:0!important;gap:0} .simb-platform-chip .simb-platform-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .simb-platform-icon{width:17px;height:17px} } /* 0.1.0-alpha.28 — external SIMusics dock. Playback / queue logic stays in Core. */ body.simb-simusics-external-player-enabled.sa-simusics-player-open, body.simb-simusics-external-player-enabled.sad-simusics-player-open{padding-bottom:138px!important} body.simb-simusics-external-player-enabled .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-external-player-enabled .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){ position:fixed!important; left:50%!important; right:auto!important; bottom:20px!important; transform:translateX(-50%)!important; width:min(1180px,calc(100vw - 44px))!important; max-width:none!important; min-height:88px!important; margin:0!important; grid-template-columns:60px minmax(190px,1fr) auto minmax(260px,430px) 38px!important; gap:14px!important; padding:13px 14px!important; border:1px solid rgba(111,159,226,.30)!important; border-radius:24px!important; background:linear-gradient(145deg,rgba(6,20,48,.985),rgba(10,37,79,.98))!important; box-shadow:0 24px 80px rgba(0,7,24,.55),inset 0 1px 0 rgba(255,255,255,.05)!important; backdrop-filter:blur(24px) saturate(1.2)!important; z-index:10050!important; animation:simbSimusicsDockIn .22s ease-out both; } body.simb-simusics-player-theme-apple-blue .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-player-theme-apple-blue .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){ background:linear-gradient(145deg,rgba(24,64,116,.985),rgba(11,40,83,.98))!important; border-color:rgba(176,207,245,.34)!important; box-shadow:0 22px 68px rgba(0,10,31,.46),inset 0 1px 0 rgba(255,255,255,.08)!important; } body.simb-simusics-player-palette-ocean .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-player-palette-ocean .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){background:linear-gradient(145deg,rgba(8,39,76,.985),rgba(13,82,139,.97))!important} body.simb-simusics-player-palette-royal .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-player-palette-royal .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){background:linear-gradient(145deg,rgba(13,34,83,.985),rgba(33,77,153,.97))!important} body.simb-simusics-player-palette-steel .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-player-palette-steel .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){background:linear-gradient(145deg,rgba(14,39,65,.985),rgba(38,80,116,.97))!important} body.simb-simusics-external-player-enabled .sad-simusics-persistent-art, body.simb-simusics-external-player-enabled .sa-simusics-player-art{width:60px!important;height:60px!important;border-radius:14px!important;overflow:hidden!important;background:rgba(255,255,255,.07)!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important} body.simb-simusics-external-player-enabled .sad-simusics-persistent-art img, body.simb-simusics-external-player-enabled .sa-simusics-player-art img{width:100%!important;height:100%!important;object-fit:cover!important} body.simb-simusics-external-player-enabled .sad-simusics-persistent-copy{min-width:0!important} body.simb-simusics-external-player-enabled [data-sa-simusics-player-title]{font-size:1rem!important;font-weight:900!important;color:#fff!important} body.simb-simusics-external-player-enabled .sad-simusics-player-links{margin-top:5px!important;color:rgba(225,236,255,.72)!important} body.simb-simusics-external-player-enabled .sad-simusics-player-controls{display:flex!important;align-items:center!important;gap:6px!important} body.simb-simusics-external-player-enabled .sad-simusics-player-controls button{width:36px!important;height:36px!important;border-radius:999px!important} body.simb-simusics-external-player-enabled .sad-simusics-player-controls [data-sa-simusics-player-toggle]{width:42px!important;height:42px!important;background:#8de83d!important;color:#10200a!important;box-shadow:0 8px 22px rgba(92,194,25,.26)!important} body.simb-simusics-external-player-enabled .sad-simusics-persistent-progress{min-width:0!important} body.simb-simusics-external-player-enabled .sad-simusics-glow-progress{height:6px!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important} body.simb-simusics-external-player-enabled .sad-simusics-glow-progress i{background:linear-gradient(90deg,#78da31,#a6ef5b)!important;box-shadow:0 0 8px rgba(141,232,61,.40)!important} body.simb-simusics-external-player-enabled .sad-simusics-persistent-close, body.simb-simusics-external-player-enabled .sa-simusics-player-close{width:36px!important;height:36px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:0!important} @keyframes simbSimusicsDockIn{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}} @media(max-width:900px){ body.simb-simusics-external-player-enabled.sa-simusics-player-open, body.simb-simusics-external-player-enabled.sad-simusics-player-open{padding-bottom:174px!important} body.simb-simusics-external-player-enabled .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-external-player-enabled .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){ width:calc(100vw - 24px)!important;bottom:12px!important;grid-template-columns:52px minmax(0,1fr) auto 36px!important;gap:10px!important;padding:11px!important;border-radius:20px!important } body.simb-simusics-external-player-enabled .sad-simusics-persistent-art, body.simb-simusics-external-player-enabled .sa-simusics-player-art{width:52px!important;height:52px!important;border-radius:12px!important} body.simb-simusics-external-player-enabled .sad-simusics-persistent-progress{grid-column:1/-1!important} } @media(max-width:620px){ body.simb-simusics-external-player-enabled.sa-simusics-player-open, body.simb-simusics-external-player-enabled.sad-simusics-player-open{padding-bottom:190px!important} body.simb-simusics-external-player-enabled .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-external-player-enabled .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){ width:calc(100vw - 16px)!important;bottom:8px!important;grid-template-columns:46px minmax(0,1fr) 34px!important;gap:9px!important;padding:10px!important;border-radius:18px!important } body.simb-simusics-external-player-enabled .sad-simusics-player-controls{grid-column:1/-1!important;justify-content:center!important;order:3!important} body.simb-simusics-external-player-enabled .sad-simusics-persistent-progress{grid-column:1/-1!important;order:4!important} body.simb-simusics-external-player-enabled .sad-simusics-player-volume{display:none!important} body.simb-simusics-external-player-enabled .sad-simusics-persistent-art, body.simb-simusics-external-player-enabled .sa-simusics-player-art{width:46px!important;height:46px!important} } @media(prefers-reduced-motion:reduce){ body.simb-simusics-external-player-enabled .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-external-player-enabled .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){animation:none!important} } /* 0.1.0-alpha.29 — platform icon personalization */ .simb-platform-chip--mode-icon-only{width:34px;height:34px;justify-content:center;padding:0!important;gap:0!important} .simb-platform-chip--mode-icon-only .simb-platform-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .simb-platform-chip--mode-label-only .simb-platform-icon{display:none!important} .simb-platform-icon--custom{display:block;width:var(--simb-el-icon-size,16px)!important;height:var(--simb-el-icon-size,16px)!important;object-fit:contain;border-radius:3px} @media(max-width:620px){ .simb-platform-chip--mode-label-only{width:auto!important;height:auto!important;padding:8px 11px!important} .simb-platform-chip--mode-label-only .simb-platform-label{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important} } /* 0.1.0-alpha.29 — compact SIMusics player. Alpha.28 floating card remains optional. */ body.simb-simusics-player-style-compact.sa-simusics-player-open, body.simb-simusics-player-style-compact.sad-simusics-player-open{padding-bottom:78px!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-player-style-compact .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){ position:fixed!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;max-width:none!important;min-height:68px!important;margin:0!important; grid-template-columns:46px minmax(150px,1fr) auto minmax(260px,42vw) 34px!important;gap:10px!important;padding:9px max(14px,calc((100vw - 1500px)/2))!important; border:0!important;border-top:1px solid rgba(122,168,229,.30)!important;border-radius:0!important;background:linear-gradient(180deg,rgba(8,29,63,.97),rgba(4,17,40,.99))!important; box-shadow:0 -12px 44px rgba(0,8,28,.40),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(20px) saturate(1.18)!important;z-index:10050!important;animation:simbSimusicsCompactIn .18s ease-out both } body.simb-simusics-player-style-compact .sad-simusics-persistent-art, body.simb-simusics-player-style-compact .sa-simusics-player-art{width:46px!important;height:46px!important;border-radius:9px!important;overflow:hidden!important;background:rgba(255,255,255,.06)!important;box-shadow:none!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-art img, body.simb-simusics-player-style-compact .sa-simusics-player-art img{width:100%!important;height:100%!important;object-fit:cover!important} body.simb-simusics-player-style-compact [data-sa-simusics-player-title]{font-size:.92rem!important;font-weight:900!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body.simb-simusics-player-style-compact .sad-simusics-player-links{margin-top:2px!important;font-size:.72rem!important;color:rgba(222,235,255,.68)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body.simb-simusics-player-style-compact .sad-simusics-player-controls{display:flex!important;align-items:center!important;gap:4px!important} body.simb-simusics-player-style-compact .sad-simusics-player-controls button{width:32px!important;height:32px!important;border-radius:999px!important} body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-toggle]{width:38px!important;height:38px!important;background:#8de83d!important;color:#10200a!important;box-shadow:0 5px 16px rgba(92,194,25,.22)!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-progress{min-width:0!important} body.simb-simusics-player-style-compact .sad-simusics-glow-progress{height:5px!important;border-radius:999px!important;background:rgba(255,255,255,.11)!important;overflow:visible!important} body.simb-simusics-player-style-compact .sad-simusics-glow-progress i{background:linear-gradient(90deg,#70d52d,#a6ef5b)!important;box-shadow:0 0 7px rgba(141,232,61,.30)!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-close, body.simb-simusics-player-style-compact .sa-simusics-player-close{width:30px!important;height:30px!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;border:0!important} @keyframes simbSimusicsCompactIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} @media(max-width:900px){ body.simb-simusics-player-style-compact.sa-simusics-player-open,body.simb-simusics-player-style-compact.sad-simusics-player-open{padding-bottom:112px!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-player[data-sa-simusics-player],body.simb-simusics-player-style-compact .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){grid-template-columns:42px minmax(0,1fr) auto 32px!important;gap:8px!important;padding:8px 12px!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-progress{grid-column:1/-1!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-art,body.simb-simusics-player-style-compact .sa-simusics-player-art{width:42px!important;height:42px!important} } @media(max-width:620px){ body.simb-simusics-player-style-compact.sa-simusics-player-open,body.simb-simusics-player-style-compact.sad-simusics-player-open{padding-bottom:128px!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-player[data-sa-simusics-player],body.simb-simusics-player-style-compact .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){grid-template-columns:40px minmax(0,1fr) 30px!important;padding:8px 10px!important} body.simb-simusics-player-style-compact .sad-simusics-player-controls{grid-column:1/-1!important;justify-content:center!important;order:3!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-progress{grid-column:1/-1!important;order:4!important} body.simb-simusics-player-style-compact .sad-simusics-player-volume{display:none!important} } /* Floating style only when explicitly selected. */ body.simb-simusics-player-style-compact .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-player-style-compact .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){border-radius:0!important} body.simb-simusics-player-style-floating .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-player-style-floating .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){border-radius:24px!important} /* Glitter follows the filled Core progress bar, so the sparkle advances with playback. */ body.simb-simusics-player-glitter .sad-simusics-glow-progress{overflow:visible!important} body.simb-simusics-player-glitter .sad-simusics-glow-progress i{position:relative!important;overflow:visible!important;background-image:linear-gradient(90deg,#69cf28,#9bea50 62%,#d8ff9f)!important} body.simb-simusics-player-glitter .sad-simusics-glow-progress i::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.05) 38%,rgba(255,255,255,.65) 50%,rgba(255,255,255,.06) 62%,transparent 80%);background-size:180% 100%;animation:simbMusicShimmer 1.8s linear infinite;pointer-events:none} body.simb-simusics-player-glitter .sad-simusics-glow-progress i::after{content:"✦";position:absolute;right:-8px;top:50%;transform:translateY(-50%) rotate(0deg);width:16px;height:16px;display:grid;place-items:center;color:#e4ffba;font-size:12px;line-height:1;text-shadow:0 0 5px #fff,0 0 10px #a7ef5e,0 0 16px rgba(141,232,61,.9);filter:drop-shadow(0 0 3px rgba(255,255,255,.9));animation:simbMusicGlitter .95s ease-in-out infinite;pointer-events:none} @keyframes simbMusicShimmer{0%{background-position:180% 0}100%{background-position:-180% 0}} @keyframes simbMusicGlitter{0%,100%{opacity:.45;transform:translateY(-50%) scale(.72) rotate(0deg)}45%{opacity:1;transform:translateY(-50%) scale(1.18) rotate(24deg)}70%{opacity:.7;transform:translateY(-50%) scale(.9) rotate(45deg)}} @media(prefers-reduced-motion:reduce){body.simb-simusics-player-glitter .sad-simusics-glow-progress i::before,body.simb-simusics-player-glitter .sad-simusics-glow-progress i::after{animation:none!important}} /* 0.1.0-alpha.30 — balanced horizontal SIMusics compact player */ @media(min-width:901px){ body.simb-simusics-player-style-compact.sa-simusics-player-open, body.simb-simusics-player-style-compact.sad-simusics-player-open{padding-bottom:92px!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-player-style-compact .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){ min-height:82px!important; grid-template-columns:52px minmax(170px,250px) minmax(360px,1fr) 34px!important; grid-template-rows:42px 22px!important; column-gap:13px!important; row-gap:3px!important; align-items:center!important; padding:9px clamp(18px,2.6vw,44px)!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-art, body.simb-simusics-player-style-compact .sa-simusics-player-art{ grid-column:1!important;grid-row:1/3!important; width:52px!important;height:52px!important;border-radius:10px!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-copy, body.simb-simusics-player-style-compact .sa-simusics-player-meta{ grid-column:2!important;grid-row:1/3!important;align-self:center!important;min-width:0!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls{ grid-column:3!important;grid-row:1!important; position:relative!important; width:100%!important; justify-content:center!important; gap:6px!important; padding-inline:108px!important; } body.simb-simusics-player-style-compact .sad-simusics-player-volume{ position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important; margin:0!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-progress, body.simb-simusics-player-style-compact .sa-simusics-player-progress{ grid-column:3!important;grid-row:2!important; display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; align-items:center!important; gap:10px!important; width:100%!important;min-width:0!important;margin:0!important; } body.simb-simusics-player-style-compact .sad-simusics-progress-times, body.simb-simusics-player-style-compact .sa-simusics-player-times{ display:flex!important;align-items:center!important;gap:5px!important; margin:0!important;white-space:nowrap!important; } body.simb-simusics-player-style-compact .sad-simusics-clean-player [data-sa-simusics-player-elapsed], body.simb-simusics-player-style-compact .sad-simusics-clean-player [data-sa-simusics-player-total]{ min-width:0!important;text-align:left!important;font-size:.72rem!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-close, body.simb-simusics-player-style-compact .sa-simusics-player-close{ grid-column:4!important;grid-row:1/3!important;align-self:center!important;justify-self:end!important; } } @media(min-width:901px) and (max-width:1180px){ body.simb-simusics-player-style-compact .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-player-style-compact .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){ grid-template-columns:48px minmax(145px,205px) minmax(330px,1fr) 32px!important; column-gap:10px!important;padding-inline:18px!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-art, body.simb-simusics-player-style-compact .sa-simusics-player-art{width:48px!important;height:48px!important} body.simb-simusics-player-style-compact .sad-simusics-player-controls{padding-inline:88px!important} body.simb-simusics-player-style-compact .sad-simusics-player-volume{min-width:78px!important} } @media(max-width:900px){ body.simb-simusics-player-style-compact.sa-simusics-player-open, body.simb-simusics-player-style-compact.sad-simusics-player-open{padding-bottom:116px!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-player-style-compact .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){ min-height:106px!important; grid-template-columns:44px minmax(0,1fr) 30px!important; grid-template-rows:46px 34px 18px!important; gap:4px 9px!important;padding:7px 12px!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-art, body.simb-simusics-player-style-compact .sa-simusics-player-art{grid-column:1!important;grid-row:1!important;width:44px!important;height:44px!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-copy, body.simb-simusics-player-style-compact .sa-simusics-player-meta{grid-column:2!important;grid-row:1!important;align-self:center!important;min-width:0!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-close, body.simb-simusics-player-style-compact .sa-simusics-player-close{grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important} body.simb-simusics-player-style-compact .sad-simusics-player-controls{grid-column:1/4!important;grid-row:2!important;justify-content:center!important;order:initial!important;width:100%!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-progress, body.simb-simusics-player-style-compact .sa-simusics-player-progress{grid-column:1/4!important;grid-row:3!important;order:initial!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important} body.simb-simusics-player-style-compact .sad-simusics-progress-times, body.simb-simusics-player-style-compact .sa-simusics-player-times{display:flex!important;gap:4px!important;margin:0!important;white-space:nowrap!important} body.simb-simusics-player-style-compact .sad-simusics-clean-player [data-sa-simusics-player-elapsed], body.simb-simusics-player-style-compact .sad-simusics-clean-player [data-sa-simusics-player-total]{min-width:0!important;font-size:.68rem!important} } @media(max-width:620px){ body.simb-simusics-player-style-compact.sa-simusics-player-open, body.simb-simusics-player-style-compact.sad-simusics-player-open{padding-bottom:120px!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-player-style-compact .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){ min-height:110px!important;grid-template-rows:44px 34px 18px!important;padding:7px 9px!important } body.simb-simusics-player-style-compact .sad-simusics-persistent-art, body.simb-simusics-player-style-compact .sa-simusics-player-art{width:40px!important;height:40px!important} body.simb-simusics-player-style-compact .sad-simusics-player-controls button{width:30px!important;height:30px!important} body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-toggle]{width:36px!important;height:36px!important} } /* Smaller three-point glitter cluster attached to the live progress edge. */ body.simb-simusics-player-glitter .sad-simusics-glow-progress i::after{ content:""!important; right:-8px!important;top:50%!important; width:18px!important;height:18px!important; transform:translateY(-50%)!important; background: radial-gradient(circle at 50% 50%,#fff 0 1.3px,#d9ffad 1.5px 2.2px,transparent 2.5px), radial-gradient(circle at 18% 30%,#efffdc 0 1px,transparent 1.6px), radial-gradient(circle at 82% 72%,#a8ef62 0 1.2px,transparent 1.8px)!important; color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 0 4px rgba(212,255,166,.9))!important; animation:simbMusicGlitterCluster .9s ease-in-out infinite!important; } body.simb-simusics-player-style-compact .sad-simusics-glow-progress b, body.simb-simusics-player-style-compact .sa-simusics-glow-progress b{ width:10px!important;height:10px!important;border-radius:50%!important; background:#d9ffad!important;box-shadow:0 0 0 2px rgba(141,232,61,.16),0 0 9px rgba(141,232,61,.85)!important; filter:none!important; } @keyframes simbMusicGlitterCluster{ 0%,100%{opacity:.45;transform:translateY(-50%) scale(.78) rotate(0deg)} 45%{opacity:1;transform:translateY(-50%) scale(1.08) rotate(18deg)} 70%{opacity:.72;transform:translateY(-50%) scale(.92) rotate(34deg)} } @media(prefers-reduced-motion:reduce){body.simb-simusics-player-glitter .sad-simusics-glow-progress i::after{animation:none!important}} /* 0.1.0-alpha.31 — large artwork / metadata / transport SIMusics dock */ @media(min-width:1101px){ body.simb-simusics-player-style-compact.sa-simusics-player-open, body.simb-simusics-player-style-compact.sad-simusics-player-open{padding-bottom:182px!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-player-style-compact .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){ display:grid!important; grid-template-columns:156px minmax(280px,390px) minmax(420px,1fr) 38px!important; grid-template-rows:minmax(112px,1fr) 32px!important; min-height:172px!important; column-gap:22px!important; row-gap:7px!important; align-items:center!important; padding:13px clamp(24px,2.5vw,48px)!important; overflow:visible!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-art, body.simb-simusics-player-style-compact .sa-simusics-player-art{ grid-column:1!important; grid-row:1/3!important; width:144px!important; height:144px!important; align-self:center!important; justify-self:start!important; border-radius:16px!important; overflow:hidden!important; background:rgba(255,255,255,.07)!important; box-shadow:0 12px 30px rgba(0,0,0,.28)!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-copy, body.simb-simusics-player-style-compact .sa-simusics-player-meta{ grid-column:2!important; grid-row:1!important; align-self:center!important; min-width:0!important; padding-right:10px!important; } body.simb-simusics-player-style-compact [data-sa-simusics-player-title]{ display:block!important; margin:0 0 10px!important; font-size:1.18rem!important; line-height:1.12!important; font-weight:950!important; } body.simb-simusics-player-style-compact .sad-simusics-player-links{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; align-items:start!important; gap:5px!important; margin:0!important; font-size:.82rem!important; line-height:1.25!important; overflow:visible!important; white-space:normal!important; } body.simb-simusics-player-style-compact .sad-simusics-player-links a, body.simb-simusics-player-style-compact .sad-simusics-player-links>span:not(.sad-simusics-player-link-separator){ display:block!important; width:max-content!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } body.simb-simusics-player-style-compact .sad-simusics-player-link-separator{display:none!important} body.simb-simusics-player-style-compact .sad-simusics-player-controls{ grid-column:3!important; grid-row:1!important; position:static!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; width:100%!important; min-width:0!important; padding:0!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls button{ width:38px!important; height:38px!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-toggle]{ width:46px!important; height:46px!important; } body.simb-simusics-player-style-compact .sad-simusics-player-volume{ position:static!important; transform:none!important; margin:0 0 0 clamp(24px,4vw,72px)!important; min-width:126px!important; max-width:170px!important; flex:0 1 170px!important; } body.simb-simusics-player-style-compact .sad-simusics-player-volume input[type="range"]{ width:100%!important; min-width:92px!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-progress, body.simb-simusics-player-style-compact .sa-simusics-player-progress{ grid-column:2/4!important; grid-row:2!important; display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; align-items:center!important; gap:14px!important; width:100%!important; min-width:0!important; margin:0!important; align-self:center!important; } body.simb-simusics-player-style-compact .sad-simusics-progress-times, body.simb-simusics-player-style-compact .sa-simusics-player-times{ display:flex!important; align-items:center!important; gap:5px!important; margin:0!important; white-space:nowrap!important; } body.simb-simusics-player-style-compact .sad-simusics-glow-progress, body.simb-simusics-player-style-compact .sa-simusics-glow-progress{ width:100%!important; min-width:0!important; height:6px!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-close, body.simb-simusics-player-style-compact .sa-simusics-player-close{ grid-column:4!important; grid-row:1!important; align-self:start!important; justify-self:end!important; position:static!important; margin:0!important; width:32px!important; height:32px!important; } } @media(min-width:901px) and (max-width:1100px){ body.simb-simusics-player-style-compact.sa-simusics-player-open, body.simb-simusics-player-style-compact.sad-simusics-player-open{padding-bottom:148px!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-player-style-compact .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){ display:grid!important; min-height:138px!important; grid-template-columns:112px minmax(210px,290px) minmax(330px,1fr) 32px!important; grid-template-rows:88px 28px!important; column-gap:14px!important; row-gap:5px!important; padding:11px 18px!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-art, body.simb-simusics-player-style-compact .sa-simusics-player-art{ grid-column:1!important;grid-row:1/3!important;width:104px!important;height:104px!important;border-radius:13px!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-copy, body.simb-simusics-player-style-compact .sa-simusics-player-meta{grid-column:2!important;grid-row:1!important;align-self:center!important} body.simb-simusics-player-style-compact .sad-simusics-player-link-separator{display:none!important} body.simb-simusics-player-style-compact .sad-simusics-player-links{display:grid!important;gap:3px!important;white-space:normal!important} body.simb-simusics-player-style-compact .sad-simusics-player-controls{grid-column:3!important;grid-row:1!important;position:static!important;justify-content:flex-end!important;padding:0!important;width:100%!important} body.simb-simusics-player-style-compact .sad-simusics-player-volume{position:static!important;transform:none!important;margin-left:22px!important;min-width:92px!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-progress, body.simb-simusics-player-style-compact .sa-simusics-player-progress{grid-column:2/4!important;grid-row:2!important;width:100%!important} body.simb-simusics-player-style-compact .sad-simusics-persistent-close, body.simb-simusics-player-style-compact .sa-simusics-player-close{grid-column:4!important;grid-row:1!important;position:static!important;align-self:start!important;justify-self:end!important} } /* 0.1.0-alpha.32 — timeline follows the real SIMusics clock */ body.simb-simusics-player-style-compact .sad-simusics-glow-progress i, body.simb-simusics-player-style-compact .sa-simusics-glow-progress i{ transition:width .11s linear!important; will-change:width!important; } body.simb-simusics-player-style-compact .sad-simusics-glow-progress b, body.simb-simusics-player-style-compact .sa-simusics-glow-progress b{ transition:left .11s linear!important; will-change:left!important; } @media(prefers-reduced-motion:reduce){ body.simb-simusics-player-style-compact .sad-simusics-glow-progress i, body.simb-simusics-player-style-compact .sa-simusics-glow-progress i, body.simb-simusics-player-style-compact .sad-simusics-glow-progress b, body.simb-simusics-player-style-compact .sa-simusics-glow-progress b{transition:none!important} } /* 0.1.0-alpha.33 — live green timeline, orbital particles, metadata + transport icons */ body.simb-simusics-player-style-compact .sad-simusics-player-links [hidden], body.simb-simusics-player-style-compact [data-sa-simusics-player-artist-link][hidden], body.simb-simusics-player-style-compact [data-sa-simusics-player-artist-text][hidden], body.simb-simusics-player-style-compact [data-sa-simusics-player-album-link][hidden]{display:none!important} body.simb-simusics-player-style-compact .simb-simusics-player-extra{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;min-width:0} body.simb-simusics-player-style-compact .simb-simusics-player-extra[hidden]{display:none!important} body.simb-simusics-player-style-compact .simb-simusics-player-chip{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border:1px solid rgba(107,151,226,.28);border-radius:999px;background:rgba(45,83,147,.17);color:#bed4f7;font-size:.68rem;font-weight:800;line-height:1.1;white-space:nowrap} body.simb-simusics-player-style-compact .simb-simusics-player-chip.is-radio{border-color:rgba(143,232,61,.28);background:rgba(143,232,61,.08);color:#d9ffba} body.simb-simusics-player-style-compact .sad-simusics-glow-progress, body.simb-simusics-player-style-compact .sa-simusics-glow-progress{position:relative!important;overflow:visible!important;background:rgba(142,170,217,.16)!important;border-radius:999px!important;isolation:isolate} body.simb-simusics-player-style-compact .sad-simusics-glow-progress>[data-sa-simusics-player-progress-fill], body.simb-simusics-player-style-compact .sa-simusics-glow-progress>[data-sa-simusics-player-progress-fill], body.simb-simusics-player-style-compact .sad-simusics-glow-progress>[data-sa-simusics-player-progress-knob], body.simb-simusics-player-style-compact .sa-simusics-glow-progress>[data-sa-simusics-player-progress-knob]{opacity:0!important;visibility:hidden!important;pointer-events:none!important} body.simb-simusics-player-style-compact .simb-simusics-live-progress{position:absolute;left:0;top:0;bottom:0;width:0;max-width:100%;border-radius:999px;background:linear-gradient(90deg,#62c925 0%,#8fe83d 62%,#d8ff9d 100%);box-shadow:0 0 8px rgba(143,232,61,.5),0 0 17px rgba(143,232,61,.22);transition:none!important;will-change:width;z-index:2;pointer-events:none} body.simb-simusics-player-style-compact .simb-simusics-live-progress::after{content:"";position:absolute;right:-4px;top:50%;width:10px;height:10px;translate:0 -50%;border-radius:50%;background:#dfffbd;box-shadow:0 0 0 2px rgba(143,232,61,.18),0 0 11px #8fe83d,0 0 22px rgba(143,232,61,.72)} body.simb-simusics-player-style-compact .simb-simusics-live-particles{position:absolute;right:-5px;top:50%;width:28px;height:28px;translate:50% -50%;pointer-events:none} body.simb-simusics-player-style-compact .simb-simusics-live-particles i{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#baff78;box-shadow:0 0 5px #cfff9e,0 0 9px rgba(143,232,61,.9);transform-origin:2px 2px;animation:simbSimusicsParticleOrbit 1.6s linear infinite} body.simb-simusics-player-style-compact .simb-simusics-live-particles i:nth-child(1){--orbit:10px;animation-delay:-.1s} body.simb-simusics-player-style-compact .simb-simusics-live-particles i:nth-child(2){--orbit:13px;animation-delay:-.46s;width:3px;height:3px} body.simb-simusics-player-style-compact .simb-simusics-live-particles i:nth-child(3){--orbit:8px;animation-delay:-.81s;width:3px;height:3px} body.simb-simusics-player-style-compact .simb-simusics-live-particles i:nth-child(4){--orbit:12px;animation-delay:-1.12s;width:2px;height:2px} body.simb-simusics-player-style-compact .simb-simusics-live-particles i:nth-child(5){--orbit:7px;animation-delay:-1.42s;width:2px;height:2px} @keyframes simbSimusicsParticleOrbit{from{transform:rotate(0deg) translateX(var(--orbit,10px)) rotate(0deg);opacity:.35}25%{opacity:1}75%{opacity:.68}to{transform:rotate(360deg) translateX(var(--orbit,10px)) rotate(-360deg);opacity:.35}} body.simb-simusics-player-style-compact:not(.simb-simusics-player-glitter) .simb-simusics-live-particles{display:none!important} body.simb-simusics-player-style-compact .sad-simusics-player-controls button{position:relative!important;border:1px solid rgba(117,157,224,.18)!important;background:rgba(29,58,108,.48)!important;color:#e8f1ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 4px 13px rgba(0,0,0,.13)!important;font-size:0!important;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease!important} body.simb-simusics-player-style-compact .sad-simusics-player-controls button::before{content:"";display:block;width:18px;height:18px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain} body.simb-simusics-player-style-compact .sad-simusics-player-controls button:hover{background:rgba(55,92,155,.68)!important;border-color:rgba(129,170,239,.34)!important;transform:translateY(-1px)} body.simb-simusics-player-style-compact .sad-simusics-player-controls button:active{transform:translateY(0) scale(.96)} body.simb-simusics-player-style-compact [data-sa-simusics-player-prev]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 5h2v14H6V5Zm12 1v12l-9-6 9-6Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 5h2v14H6V5Zm12 1v12l-9-6 9-6Z'/%3E%3C/svg%3E")} body.simb-simusics-player-style-compact [data-sa-simusics-player-next]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 5h2v14h-2V5ZM6 6l9 6-9 6V6Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 5h2v14h-2V5ZM6 6l9 6-9 6V6Z'/%3E%3C/svg%3E")} body.simb-simusics-player-style-compact [data-sa-simusics-player-toggle]{background:#8fe83d!important;color:#10200a!important;border-color:rgba(173,255,111,.7)!important;box-shadow:0 5px 17px rgba(94,191,34,.28),inset 0 1px 0 rgba(255,255,255,.35)!important} body.simb-simusics-player-style-compact [data-sa-simusics-player-toggle]::before{width:20px;height:20px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 5v14l11-7L8 5Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 5v14l11-7L8 5Z'/%3E%3C/svg%3E")} body.simb-simusics-player-style-compact .simb-is-playing [data-sa-simusics-player-toggle]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 5h4v14H7V5Zm6 0h4v14h-4V5Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 5h4v14H7V5Zm6 0h4v14h-4V5Z'/%3E%3C/svg%3E")} body.simb-simusics-player-style-compact [data-sa-simusics-player-stop]::before{width:15px;height:15px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 6h12v12H6z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 6h12v12H6z'/%3E%3C/svg%3E")} body.simb-simusics-player-style-compact [data-sa-simusics-player-random] span{display:none!important} body.simb-simusics-player-style-compact [data-sa-simusics-player-random]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16.8 3H21v4.2l-1.6-1.6-3.9 3.9-1.4-1.4L18 4.2 16.8 3ZM3 6h3.6c1.7 0 3.2.8 4.2 2.1l4.4 5.8c.6.8 1.5 1.1 2.4 1.1H18l-1.2-1.2 1.4-1.4L21 15.2 18.2 18l-1.4-1.4L18 15.4h-.4c-1.6 0-3.1-.7-4.1-2l-4.4-5.8C8.5 6.8 7.6 6.4 6.6 6.4H3V6Zm0 10h3.6c1 0 1.9-.4 2.5-1.2l1.2-1.6 1.3 1.7-1 1.2c-1 1.3-2.5 2-4.1 2H3V16Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16.8 3H21v4.2l-1.6-1.6-3.9 3.9-1.4-1.4L18 4.2 16.8 3ZM3 6h3.6c1.7 0 3.2.8 4.2 2.1l4.4 5.8c.6.8 1.5 1.1 2.4 1.1H18l-1.2-1.2 1.4-1.4L21 15.2 18.2 18l-1.4-1.4L18 15.4h-.4c-1.6 0-3.1-.7-4.1-2l-4.4-5.8C8.5 6.8 7.6 6.4 6.6 6.4H3V6Zm0 10h3.6c1 0 1.9-.4 2.5-1.2l1.2-1.6 1.3 1.7-1 1.2c-1 1.3-2.5 2-4.1 2H3V16Z'/%3E%3C/svg%3E")} body.simb-simusics-player-style-compact [data-sa-simusics-player-random].is-active{background:rgba(90,141,255,.28)!important;border-color:rgba(124,178,255,.62)!important;color:#b7d7ff!important;box-shadow:inset 0 0 0 1px rgba(124,178,255,.2),0 5px 14px rgba(0,0,0,.12)!important} @media(max-width:900px){body.simb-simusics-player-style-compact .simb-simusics-player-extra{margin-top:5px}.simb-simusics-player-chip{font-size:.64rem}} @media(prefers-reduced-motion:reduce){body.simb-simusics-player-style-compact .simb-simusics-live-particles i{animation:none!important}.simb-simusics-live-progress{transition:none!important}} /* 0.1.0-alpha.34 — polished compact SIMusics dock */ @media(min-width:1101px){ body.simb-simusics-player-style-compact .sad-simusics-persistent-player[data-sa-simusics-player], body.simb-simusics-player-style-compact .sa-simusics-player[data-sa-simusics-player]:not(.sa-simusics-player-engine){ grid-template-columns:150px minmax(330px,430px) minmax(420px,1fr) 38px!important; column-gap:28px!important; padding-left:clamp(34px,3vw,64px)!important; padding-right:clamp(24px,2.5vw,48px)!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-art, body.simb-simusics-player-style-compact .sa-simusics-player-art{ width:134px!important;height:134px!important;justify-self:center!important; } } /* One clean context row: Game · Category · Radio. */ body.simb-simusics-player-style-compact .simb-simusics-player-extra{ display:flex;align-items:center;flex-wrap:nowrap;gap:7px;max-width:100%;overflow:hidden;margin-top:9px; } body.simb-simusics-player-style-compact .simb-simusics-player-chip{ flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis; } body.simb-simusics-player-style-compact .simb-simusics-player-chip-key{opacity:.72;font-weight:750} body.simb-simusics-player-style-compact .simb-simusics-player-chip-value{overflow:hidden;text-overflow:ellipsis} body.simb-simusics-player-style-compact .simb-simusics-player-chip.is-game{border-color:rgba(107,151,226,.22);background:rgba(45,83,147,.12)} /* Five particles orbit as one ring around the live green progress knob. */ body.simb-simusics-player-style-compact .simb-simusics-live-particles{ right:-5px;top:50%;width:36px;height:36px;translate:50% -50%;transform-origin:50% 50%; animation:simbSimusicsOrbitRing 1.85s linear infinite; } body.simb-simusics-player-style-compact .simb-simusics-live-particles i{ left:50%;top:50%;margin:0;animation:simbSimusicsTwinkle 1.15s ease-in-out infinite;transform-origin:center; } body.simb-simusics-player-style-compact .simb-simusics-live-particles i:nth-child(1){width:4px;height:4px;transform:translate(-50%,-50%) translate(0,-14px);animation-delay:-.15s} body.simb-simusics-player-style-compact .simb-simusics-live-particles i:nth-child(2){width:3px;height:3px;transform:translate(-50%,-50%) translate(13px,-5px);animation-delay:-.42s} body.simb-simusics-player-style-compact .simb-simusics-live-particles i:nth-child(3){width:3px;height:3px;transform:translate(-50%,-50%) translate(8px,12px);animation-delay:-.66s} body.simb-simusics-player-style-compact .simb-simusics-live-particles i:nth-child(4){width:2px;height:2px;transform:translate(-50%,-50%) translate(-8px,12px);animation-delay:-.88s} body.simb-simusics-player-style-compact .simb-simusics-live-particles i:nth-child(5){width:3px;height:3px;transform:translate(-50%,-50%) translate(-13px,-5px);animation-delay:-1.05s} @keyframes simbSimusicsOrbitRing{to{transform:rotate(360deg)}} @keyframes simbSimusicsTwinkle{0%,100%{opacity:.32;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.5)}} /* Shuffle state follows Core aria-pressed and reads clearly at a glance. */ body.simb-simusics-player-style-compact [data-sa-simusics-player-random][aria-pressed="true"], body.simb-simusics-player-style-compact [data-sa-simusics-player-random].is-active, body.simb-simusics-player-style-compact .simb-shuffle-active [data-sa-simusics-player-random]{ color:#d8e9ff!important;background:rgba(67,126,228,.35)!important;border-color:rgba(124,178,255,.78)!important; box-shadow:0 0 0 1px rgba(124,178,255,.18),0 0 18px rgba(73,132,235,.25),inset 0 1px 0 rgba(255,255,255,.08)!important; } body.simb-simusics-player-style-compact [data-sa-simusics-player-random][aria-pressed="true"]::after, body.simb-simusics-player-style-compact [data-sa-simusics-player-random].is-active::after{ content:"";position:absolute;right:5px;bottom:5px;width:5px;height:5px;border-radius:50%;background:#8fc5ff;box-shadow:0 0 7px rgba(143,197,255,.9); } @media(max-width:900px){ body.simb-simusics-player-style-compact .simb-simusics-player-extra{flex-wrap:wrap;overflow:visible} } @media(prefers-reduced-motion:reduce){ body.simb-simusics-player-style-compact .simb-simusics-live-particles{animation:none!important} body.simb-simusics-player-style-compact .simb-simusics-live-particles i{animation:none!important} } /* 0.1.0-alpha.35 — premium, perfectly centred SIMusics transport */ body.simb-simusics-player-style-compact .sad-simusics-player-controls button{ display:grid!important; place-items:center!important; padding:0!important; line-height:1!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls button::before{ margin:0!important; justify-self:center!important; align-self:center!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-toggle]{ width:50px!important; height:50px!important; border-width:1px!important; box-shadow:0 0 0 1px rgba(173,255,111,.10),0 8px 24px rgba(94,191,34,.30),inset 0 1px 0 rgba(255,255,255,.42)!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-toggle]::before{ width:21px!important; height:21px!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-prev], body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-next], body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-random]{ width:40px!important; height:40px!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-stop]{ width:36px!important; height:36px!important; opacity:.86!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-stop]:hover, body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-stop]:focus-visible{opacity:1!important} body.simb-simusics-player-style-compact .sad-simusics-player-controls button:focus-visible{ outline:2px solid rgba(180,215,255,.88)!important; outline-offset:3px!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-random].is-active{ background:rgba(143,232,61,.14)!important; border-color:rgba(143,232,61,.50)!important; color:#cfff9f!important; box-shadow:0 0 0 1px rgba(143,232,61,.08),0 5px 18px rgba(85,170,35,.16)!important; } @media(min-width:901px){ body.simb-simusics-player-style-compact .sad-simusics-player-controls{ position:relative!important; justify-content:center!important; align-items:center!important; gap:11px!important; min-height:58px!important; padding:0 clamp(118px,10vw,190px) 0 0!important; } body.simb-simusics-player-style-compact .sad-simusics-player-volume{ position:absolute!important; right:0!important; top:50%!important; transform:translateY(-50%)!important; margin:0!important; min-width:126px!important; max-width:170px!important; width:clamp(126px,10vw,170px)!important; } } @media(max-width:900px){ body.simb-simusics-player-style-compact .sad-simusics-player-controls{ justify-content:center!important; gap:10px!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-toggle]{ width:46px!important; height:46px!important; } } /* 0.1.0-alpha.36 — true optical centring for SIMusics transport glyphs */ body.simb-simusics-player-style-compact .sad-simusics-player-controls button{ position:relative!important; display:inline-grid!important; place-items:center!important; padding:0!important; text-align:center!important; vertical-align:middle!important; box-sizing:border-box!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls button::before{ position:absolute!important; left:50%!important; top:50%!important; display:block!important; margin:0!important; translate:-50% -50%!important; transform:none!important; transform-origin:center!important; justify-self:auto!important; align-self:auto!important; pointer-events:none!important; } /* Optical rather than only mathematical centring for asymmetric transport glyphs. */ body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-toggle]::before{ translate:calc(-50% + 1px) -50%!important; } body.simb-simusics-player-style-compact.is-playing .sad-simusics-player-controls [data-sa-simusics-player-toggle]::before, body.simb-simusics-player-style-compact .is-playing .sad-simusics-player-controls [data-sa-simusics-player-toggle]::before, body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-toggle][aria-pressed="true"]::before{ translate:-50% -50%!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-prev]::before{ translate:calc(-50% - .5px) -50%!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-next]::before{ translate:calc(-50% + .5px) -50%!important; } body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-random]::before, body.simb-simusics-player-style-compact .sad-simusics-player-controls [data-sa-simusics-player-stop]::before{ translate:-50% -50%!important; } /* Keep any Core text/icon wrappers from influencing the visual centre. */ body.simb-simusics-player-style-compact .sad-simusics-player-controls button > span, body.simb-simusics-player-style-compact .sad-simusics-player-controls button > svg{ position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; opacity:0!important; pointer-events:none!important; } /* 0.1.0-alpha.37 — reliable SIMusics close button */ body.simb-simusics-external-player-enabled [data-sa-simusics-player][hidden], body.simb-simusics-player-style-compact [data-sa-simusics-player][hidden], body.simb-simusics-player-style-floating [data-sa-simusics-player][hidden], [data-sa-simusics-player][hidden]{ display:none!important; visibility:hidden!important; pointer-events:none!important; opacity:0!important; animation:none!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-close, body.simb-simusics-player-style-compact .sa-simusics-player-close, body.simb-simusics-player-style-compact .simb-simusics-close{ display:grid!important; place-items:center!important; padding:0!important; line-height:1!important; cursor:pointer!important; font-size:18px!important; font-weight:700!important; } body.simb-simusics-player-style-compact .sad-simusics-persistent-close:hover, body.simb-simusics-player-style-compact .sa-simusics-player-close:hover, body.simb-simusics-player-style-compact .simb-simusics-close:hover{ background:rgba(255,255,255,.13)!important; } /* 0.1.0-alpha.38 — scalable track list + redesigned Other albums */ .simb-simusics-theme-spotify-blue .simb-simusics-list-controls, .simb-simusics-theme-apple-blue .simb-simusics-list-controls{ display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:8px 2px 0; } .simb-simusics-list-status{color:var(--simb-music-muted);font-size:.78rem;font-weight:760} .simb-simusics-load-more{ appearance:none;border:1px solid var(--simb-music-line-strong);border-radius:999px; min-height:40px;padding:8px 16px;background:rgba(63,105,170,.14);color:var(--simb-music-text); font:800 .78rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer; transition:transform .15s ease,background .15s ease,border-color .15s ease; } .simb-simusics-load-more:hover{transform:translateY(-1px);background:rgba(77,126,199,.23);border-color:rgba(139,181,241,.42)} .simb-simusics-load-more[hidden]{display:none!important} @media(min-width:901px){ .simb-simusics-theme-spotify-blue .sa-simusics-table-wrap, .simb-simusics-theme-apple-blue .sa-simusics-table-wrap{overflow:visible} .simb-simusics-theme-spotify-blue .sa-simusics-track-table thead th, .simb-simusics-theme-apple-blue .sa-simusics-track-table thead th{ position:sticky;top:0;z-index:6; background:color-mix(in srgb,var(--simb-music-bg) 94%,#0c2b5c 6%); box-shadow:0 1px 0 var(--simb-music-line),0 9px 18px rgba(0,10,30,.18); backdrop-filter:blur(12px); } } @media(max-width:900px){ .simb-simusics-theme-spotify-blue .sa-simusics-table-wrap, .simb-simusics-theme-apple-blue .sa-simusics-table-wrap{overflow-x:auto} .simb-simusics-list-controls{align-items:flex-start;flex-direction:column} .simb-simusics-load-more{width:100%} } /* Other albums becomes a compact soundtrack browser rather than oversized cards. */ .simb-simusics-other-albums{margin-top:10px;padding-top:18px;border-top:1px solid var(--simb-music-line)} .simb-simusics-other-albums .sa-simusics-section-head{align-items:center} .simb-simusics-other-albums .sa-simusics-section-head>a{ display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border:1px solid var(--simb-music-line); border-radius:999px;background:rgba(70,111,174,.10);color:var(--simb-music-text)!important; text-decoration:none!important;font-size:.74rem;font-weight:800; } .simb-simusics-album-nav{display:flex;align-items:center;gap:7px;margin-left:auto} .simb-simusics-album-nav[hidden]{display:none!important} .simb-simusics-album-nav button{ appearance:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--simb-music-line-strong); border-radius:999px;background:rgba(65,106,170,.13);color:var(--simb-music-text);font:800 1.35rem/1 system-ui;cursor:pointer; } .simb-simusics-album-nav button:hover{background:rgba(82,132,205,.24)} .simb-simusics-other-albums .sa-simusics-section-head>a + .simb-simusics-album-nav{margin-left:0} .simb-simusics-other-albums.is-rail .sa-simusics-shelf{ display:grid!important;grid-auto-flow:column;grid-auto-columns:clamp(150px,16vw,205px);grid-template-columns:none!important; gap:13px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin; scrollbar-color:rgba(115,158,220,.4) transparent;padding:3px 2px 10px; } .simb-simusics-other-albums.is-grid .sa-simusics-shelf{ display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;overflow:visible; } .simb-simusics-other-albums .sa-simusics-album-card{ position:relative;display:block!important;min-width:0;padding:9px!important;border-radius:17px!important;scroll-snap-align:start; background:linear-gradient(180deg,rgba(75,121,190,.12),rgba(17,46,91,.16))!important; border:1px solid var(--simb-music-line)!important;box-shadow:none!important;overflow:hidden; transition:transform .16s ease,border-color .16s ease,background .16s ease; } .simb-simusics-other-albums .sa-simusics-album-card:hover{ transform:translateY(-2px);border-color:var(--simb-music-line-strong)!important;background:rgba(73,119,187,.18)!important; } .simb-simusics-other-albums .sa-simusics-album-card>a{ display:grid;grid-template-rows:auto auto auto;gap:4px;color:var(--simb-music-text)!important;text-decoration:none!important;min-width:0; } .simb-simusics-other-albums .sa-simusics-album-art{ display:block;aspect-ratio:1/1;margin-bottom:6px;border-radius:12px;overflow:hidden;background:rgba(73,114,176,.12); } .simb-simusics-other-albums .sa-simusics-album-art img{display:block;width:100%;height:100%;object-fit:cover} .simb-simusics-other-albums .sa-simusics-album-card strong{ display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;line-height:1.25;color:var(--simb-music-text); } .simb-simusics-other-albums .sa-simusics-album-card small{ display:block;color:var(--simb-music-muted);font-size:.71rem;font-weight:700; } .simb-simusics-other-albums .sa-simusics-card-play{ position:absolute!important;right:16px!important;top:auto!important;bottom:47px!important;display:grid!important;place-items:center!important; width:38px!important;height:38px!important;padding:0!important;border-radius:999px!important;z-index:3; opacity:.96;transform:none!important; } .simb-simusics-other-albums .sa-simusics-card-play>span{display:none!important} .simb-simusics-other-albums .sa-simusics-card-play::before{ content:"";display:block;width:14px;height:14px;background:currentColor;clip-path:polygon(18% 5%,92% 50%,18% 95%);transform:translateX(1px); } @media(max-width:620px){ .simb-simusics-other-albums.is-rail .sa-simusics-shelf{grid-auto-columns:142px;gap:10px} .simb-simusics-other-albums .sa-simusics-album-card{padding:8px!important} .simb-simusics-album-nav{display:none!important} } /* alpha.40 — compact trailer cards + true video lightbox */ .simb-media-card--trailer{transition:border-color .16s ease,background .16s ease,transform .16s ease} .simb-media-card--trailer:hover{border-color:color-mix(in srgb,var(--simb-accent) 48%,var(--simb-border));background:color-mix(in srgb,var(--simb-surface-alt) 94%,#fff 2%);transform:translateY(-1px)} .simb-media-card--trailer .simb-media-card__link{display:block;color:inherit;text-decoration:none;min-width:0;height:100%} .simb-media-card--trailer .simb-media-card__visual{aspect-ratio:16/9;padding:0;background:#040b18;cursor:pointer} .simb-media-card--trailer .simb-media-card__visual img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center center;background:#040b18} .simb-media-card--trailer .simb-media-card__caption{padding:7px 8px 8px;gap:2px} .simb-media-card--trailer .simb-media-card__caption strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;line-height:1.25} .simb-media-card--trailer .simb-media-card__caption span{font-size:9px} .simb-media-card--trailer .simb-media-play{width:42px;height:42px;padding-left:2px;background:rgba(5,17,38,.82);border-color:rgba(255,255,255,.55);box-shadow:0 8px 28px rgba(0,0,0,.35);transition:transform .16s ease,background .16s ease,border-color .16s ease} .simb-media-card--trailer:hover .simb-media-play,.simb-media-card--trailer .simb-media-card__link:focus-visible .simb-media-play{transform:scale(1.06);background:color-mix(in srgb,var(--simb-accent) 82%,#17335c);border-color:color-mix(in srgb,var(--simb-accent) 72%,#fff);color:#071326} .simb-media-card--trailer .simb-media-card__link:focus-visible{outline:2px solid var(--simb-accent);outline-offset:-2px;border-radius:inherit} .simb-lightbox.is-video .simb-lightbox__dialog{width:min(1280px,calc(100vw - 40px))} .simb-lightbox.is-video .simb-lightbox__stage iframe,.simb-lightbox.is-video .simb-lightbox__stage video{width:min(100%,1180px);aspect-ratio:16/9;object-fit:contain} .simb-lightbox.is-video .simb-lightbox__meta{align-items:center} .simb-lightbox.is-video .simb-lightbox__meta strong{font-size:15px} .simb-lightbox.is-video .simb-lightbox__nav{background:rgba(9,24,52,.88)} @media(max-width:620px){.simb-media-card--trailer .simb-media-card__caption{padding:6px 7px}.simb-media-card--trailer .simb-media-play{width:38px;height:38px}} /* alpha.41 — thumbnail-only trailers + Core people metadata in video lightbox */ .simb-media-card--trailer{border:0;background:transparent;overflow:visible;transform:none!important} .simb-media-card--trailer:hover{background:transparent;border-color:transparent} .simb-media-card--trailer .simb-media-card__link{display:block;border:1px solid var(--simb-border);border-radius:var(--simb-media-radius);overflow:hidden;background:#040b18;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease} .simb-media-card--trailer .simb-media-card__link:hover{border-color:color-mix(in srgb,var(--simb-accent) 62%,var(--simb-border));transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.18)} .simb-media-card--trailer .simb-media-card__visual{padding:0!important;border-radius:inherit;aspect-ratio:16/9;background:#040b18} .simb-media-card--trailer .simb-media-card__visual img{width:100%;height:100%;object-fit:contain!important;object-position:center center;background:#040b18} .simb-media-card--trailer .simb-media-card__caption{display:none!important} .simb-media-card--trailer .simb-media-play{width:44px;height:44px;font-size:0;padding:0!important} .simb-media-card--trailer .simb-media-play::before{content:"";display:block;width:14px;height:16px;background:currentColor;clip-path:polygon(12% 4%,94% 50%,12% 96%);transform:translateX(1px)} .simb-lightbox.is-video .simb-lightbox__dialog{width:min(1320px,calc(100vw - 40px));grid-template-rows:minmax(0,1fr) auto} .simb-lightbox.is-video .simb-lightbox__stage{max-height:calc(100vh - 270px)} .simb-lightbox.is-video .simb-lightbox__stage iframe,.simb-lightbox.is-video .simb-lightbox__stage video{width:min(100%,1180px);aspect-ratio:16/9;max-height:calc(100vh - 270px);object-fit:contain} .simb-lightbox.is-video .simb-lightbox__meta{align-items:flex-start;padding:10px 2px 0} .simb-lightbox__meta-main{display:flex!important;flex-direction:column;gap:6px!important;min-width:0;flex:1} .simb-lightbox.is-video .simb-lightbox__meta-main>strong{font-size:17px;line-height:1.25} .simb-lightbox.is-video .simb-lightbox__meta-main>[data-simb-lightbox-caption]:empty{display:none} .simb-lightbox__video-meta{display:flex;flex-direction:column;gap:9px;margin-top:2px;min-width:0} .simb-lightbox__video-meta[hidden]{display:none!important} .simb-lightbox__video-facts{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .simb-lightbox__fact{display:inline-flex!important;align-items:center;min-height:26px;padding:4px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(18,43,78,.72);color:#dbe8fb!important;font-size:11px!important;font-weight:750;line-height:1!important} .simb-lightbox__people-group{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px 12px;min-width:0} .simb-lightbox__people-group[hidden]{display:none!important} .simb-lightbox__people-group>b{color:#b8c5d8;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap} .simb-lightbox__people{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0} .simb-lightbox__person{display:inline-flex!important;align-items:center;gap:7px;max-width:260px;min-height:30px;padding:3px 9px 3px 4px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(11,31,62,.86);color:#fff!important;text-decoration:none;font-size:11px!important;font-weight:720;line-height:1.2} a.simb-lightbox__person:hover{border-color:color-mix(in srgb,var(--simb-accent,#8de83d) 62%,rgba(255,255,255,.16));background:rgba(18,43,78,.96)} .simb-lightbox__person img,.simb-lightbox__person-avatar{width:24px;height:24px;flex:0 0 24px;border-radius:50%;object-fit:cover;background:#18345e} .simb-lightbox__person-avatar{display:grid!important;place-items:center;color:#fff!important;font-size:10px!important;font-weight:900} .simb-lightbox.is-video [data-simb-lightbox-count]{padding-top:4px;white-space:nowrap} @media(max-width:700px){ .simb-lightbox.is-video .simb-lightbox__stage{max-height:calc(100vh - 330px)} .simb-lightbox.is-video .simb-lightbox__stage iframe,.simb-lightbox.is-video .simb-lightbox__stage video{max-height:calc(100vh - 330px)} .simb-lightbox.is-video .simb-lightbox__meta{padding:8px 8px 0;gap:9px} .simb-lightbox__people-group{grid-template-columns:1fr;gap:5px} .simb-lightbox__person{max-width:100%} } /* alpha.42 — trailer category special pages */ .simb-media-category-nav__item{display:inline-flex;align-items:stretch;gap:4px;flex:0 0 auto} .simb-media-category-nav__archive{display:grid!important;place-items:center;min-width:34px;padding:6px 8px!important;border-radius:999px!important;font-size:13px!important;font-weight:900!important;color:var(--simb-muted)!important} .simb-media-category-nav__archive:hover,.simb-media-category-nav__archive:focus-visible{color:var(--simb-text)!important;border-color:color-mix(in srgb,var(--simb-accent) 60%,var(--simb-border))!important} .simb-video-category-page-link{display:inline-flex;align-items:center;gap:4px;margin-left:7px;color:var(--simb-muted);font-size:11px;font-weight:800;text-decoration:none} .simb-video-category-page-link:hover,.simb-video-category-page-link:focus-visible{color:var(--simb-accent)} .simb-lightbox__fact:is(a){text-decoration:none;color:#d6e4f8;border-color:rgba(141,232,61,.34)} .simb-lightbox__fact:is(a):hover,.simb-lightbox__fact:is(a):focus-visible{color:#fff;border-color:var(--simb-accent,#8de83d)} .simb-video-archive{min-height:70vh;padding:44px 0 70px;background:var(--simb-bg);color:var(--simb-text)} .simb-video-archive__shell{width:min(calc(100% - 40px),1480px);margin:0 auto} .simb-video-archive__hero{margin:0 0 24px;padding:clamp(22px,4vw,40px);border:1px solid var(--simb-border);border-radius:22px;background:linear-gradient(135deg,var(--simb-surface),color-mix(in srgb,var(--simb-surface-alt) 86%,#000))} .simb-video-archive__hero .simb-kicker{margin:0 0 8px;color:var(--simb-accent);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase} .simb-video-archive__hero>div{display:flex;align-items:center;gap:12px}.simb-video-archive__hero>div>span{font-size:28px}.simb-video-archive__hero h1{margin:0;font-size:clamp(32px,5vw,64px);line-height:1}.simb-video-archive__hero>p:last-child{margin:10px 0 0;color:var(--simb-muted);font-weight:700} .simb-video-archive__categories{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:0 0 16px;margin:0 0 16px;scrollbar-width:thin} .simb-video-archive__categories a{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 12px;border:1px solid var(--simb-border);border-radius:999px;background:var(--simb-surface-alt);color:var(--simb-text);font-size:12px;font-weight:850;text-decoration:none} .simb-video-archive__categories a.is-active{border-color:var(--simb-accent);background:color-mix(in srgb,var(--simb-accent) 16%,var(--simb-surface-alt))} .simb-video-archive__grid{padding:20px;border:1px solid var(--simb-border);border-radius:20px;background:var(--simb-surface)} .simb-video-archive__empty{padding:30px;text-align:center;color:var(--simb-muted)} @media(max-width:620px){.simb-video-archive{padding-top:24px}.simb-video-archive__shell{width:min(calc(100% - 24px),1480px)}.simb-video-archive__grid{padding:12px}.simb-video-category-page-link{font-size:10px}} /* alpha.44 — redesigned Traits explorer */ .simb-traits-explorer{--simb-trait-card-min:250px} .simb-traits-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 18px} .simb-traits-heading>div{min-width:0}.simb-traits-heading h2{margin:0;color:var(--simb-text);font-size:clamp(28px,3vw,42px);line-height:1.02} .simb-traits-total{display:grid;place-items:center;min-width:42px;height:34px;padding:0 12px;border:1px solid color-mix(in srgb,var(--simb-accent) 42%,var(--simb-border));border-radius:999px;background:color-mix(in srgb,var(--simb-accent) 10%,var(--simb-surface-alt));color:var(--simb-text);font-size:12px;font-weight:900} .simb-traits-toolbar{display:grid;grid-template-columns:minmax(220px,1.8fr) repeat(3,minmax(135px,.7fr)) auto;gap:10px;align-items:end;margin:0 0 10px;padding:14px;border:1px solid var(--simb-border);border-radius:16px;background:color-mix(in srgb,var(--simb-surface-alt) 88%,transparent)} .simb-traits-toolbar label{display:grid;gap:6px;min-width:0;color:var(--simb-muted);font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase} .simb-traits-toolbar input,.simb-traits-toolbar select{width:100%;height:42px;min-width:0;padding:0 12px;border:1px solid var(--simb-border);border-radius:12px;background:color-mix(in srgb,var(--simb-surface) 94%,#000 6%);color:var(--simb-text);font:inherit;font-size:12px;font-weight:750;outline:none;text-transform:none;letter-spacing:0} .simb-traits-toolbar input:focus,.simb-traits-toolbar select:focus{border-color:var(--simb-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--simb-accent) 18%,transparent)} .simb-traits-search input{padding-left:38px;background-image:linear-gradient(transparent,transparent)} .simb-traits-search{position:relative}.simb-traits-search::after{content:"⌕";position:absolute;left:13px;bottom:10px;color:var(--simb-muted);font-size:18px;line-height:1;pointer-events:none} .simb-traits-view{display:flex;align-items:center;gap:6px;height:42px} .simb-traits-view button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--simb-border);border-radius:12px;background:var(--simb-surface);color:var(--simb-muted);font-size:18px;cursor:pointer} .simb-traits-view button.is-active{border-color:var(--simb-accent);background:color-mix(in srgb,var(--simb-accent) 16%,var(--simb-surface));color:var(--simb-text)} .simb-traits-view button:focus-visible{outline:2px solid var(--simb-accent);outline-offset:2px} .simb-traits-results{display:flex;align-items:center;justify-content:flex-end;min-height:24px;margin:0 2px 8px;color:var(--simb-muted);font-size:11px;font-weight:750} .simb-traits-grid{grid-template-columns:repeat(auto-fill,minmax(min(var(--simb-trait-card-min),100%),1fr));gap:12px;align-items:stretch} .simb-trait-card{display:flex;flex-direction:column;min-height:260px;padding:15px;border-radius:17px;overflow:visible;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease} .simb-trait-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--simb-accent) 42%,var(--simb-border));background:color-mix(in srgb,var(--simb-surface-alt) 94%,#fff 2%);box-shadow:0 12px 28px rgba(0,0,0,.13)} .simb-trait-card__top{display:flex;align-items:flex-start;gap:12px;min-width:0} .simb-trait-card__icon{flex:0 0 68px;width:68px;height:68px;border-radius:15px;background:color-mix(in srgb,var(--simb-surface) 86%,transparent);overflow:visible} .simb-trait-card__icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 9px rgba(0,0,0,.18))} .simb-trait-card__heading{min-width:0;flex:1;padding-top:2px}.simb-trait-card__heading h3{margin:0;color:var(--simb-text);font-size:15px;line-height:1.22} .simb-trait-card__heading h3 a{color:inherit;text-decoration:none}.simb-trait-card__heading h3 a:hover{text-decoration:underline} .simb-trait-card__category{display:inline-flex;align-items:center;max-width:100%;min-height:22px;margin-top:7px;padding:3px 8px;border:1px solid var(--simb-border);border-radius:999px;background:color-mix(in srgb,var(--simb-surface) 86%,transparent);color:var(--simb-muted);font-size:9px;font-weight:850;line-height:1.1} .simb-trait-card__body{display:flex;flex:1;flex-direction:column;padding:10px 0 0!important;min-width:0} .simb-trait-card__body>p{margin:0 0 10px!important;color:var(--simb-muted);font-size:11px!important;line-height:1.55;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden} .simb-trait-card .simb-core-tags{margin-top:auto} .simb-trait-card__actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--simb-border) 78%,transparent)} .simb-trait-card__actions button,.simb-trait-card__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 9px;border:1px solid var(--simb-border);border-radius:9px;background:var(--simb-surface);color:var(--simb-text);font:inherit;font-size:9px;font-weight:850;text-decoration:none;cursor:pointer} .simb-trait-card__actions button{border-color:color-mix(in srgb,var(--simb-accent) 46%,var(--simb-border));background:color-mix(in srgb,var(--simb-accent) 12%,var(--simb-surface))} .simb-trait-card__actions button:hover,.simb-trait-card__actions a:hover{border-color:var(--simb-accent)} .simb-traits-explorer.is-compact{--simb-trait-card-min:340px} .simb-traits-explorer.is-compact .simb-trait-card{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:11px;min-height:150px;padding:12px} .simb-traits-explorer.is-compact .simb-trait-card__top{display:contents} .simb-traits-explorer.is-compact .simb-trait-card__icon{grid-column:1;grid-row:1 / span 2;width:58px;height:58px;align-self:start} .simb-traits-explorer.is-compact .simb-trait-card__heading{grid-column:2;grid-row:1}.simb-traits-explorer.is-compact .simb-trait-card__body{grid-column:2;grid-row:2;padding-top:6px!important} .simb-traits-explorer.is-compact .simb-trait-card__body>p{-webkit-line-clamp:2} .simb-traits-more{display:flex;justify-content:center;margin-top:18px} .simb-traits-more button{min-width:180px;min-height:40px;padding:8px 16px;border:1px solid color-mix(in srgb,var(--simb-accent) 54%,var(--simb-border));border-radius:999px;background:color-mix(in srgb,var(--simb-accent) 12%,var(--simb-surface-alt));color:var(--simb-text);font:inherit;font-size:11px;font-weight:900;cursor:pointer} .simb-traits-more button:hover{background:color-mix(in srgb,var(--simb-accent) 19%,var(--simb-surface-alt))}.simb-traits-more button[hidden]{display:none!important} .simb-trait-dialog[hidden]{display:none!important}.simb-trait-dialog{position:fixed;inset:0;z-index:100070;display:grid;place-items:center;padding:22px;background:rgba(2,9,22,.78);backdrop-filter:blur(9px)} .simb-trait-dialog__backdrop{position:absolute;inset:0;border:0;background:transparent;cursor:default}.simb-trait-dialog__panel{position:relative;width:min(620px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;padding:24px;border:1px solid color-mix(in srgb,var(--simb-border) 88%,#fff 5%);border-radius:22px;background:linear-gradient(145deg,var(--simb-surface),color-mix(in srgb,var(--simb-surface-alt) 92%,#000 8%));color:var(--simb-text);box-shadow:0 30px 80px rgba(0,0,0,.38)} .simb-trait-dialog__close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--simb-border);border-radius:50%;background:var(--simb-surface-alt);color:var(--simb-text);font-size:18px;cursor:pointer} .simb-trait-dialog__hero{display:flex;align-items:center;gap:16px;padding-right:42px}.simb-trait-dialog__icon{display:grid;place-items:center;flex:0 0 88px;width:88px;height:88px;border-radius:18px;background:color-mix(in srgb,var(--simb-surface-alt) 92%,transparent)} .simb-trait-dialog__icon:empty{display:none}.simb-trait-dialog__icon img{width:100%;height:100%;object-fit:contain}.simb-trait-dialog__hero h3{margin:0;font-size:clamp(24px,4vw,38px);line-height:1}.simb-trait-dialog__category{display:inline-flex;margin-top:8px;padding:5px 9px;border:1px solid var(--simb-border);border-radius:999px;color:var(--simb-muted);font-size:10px;font-weight:850} .simb-trait-dialog__description{margin:20px 0 0;color:var(--simb-muted);font-size:13px;line-height:1.7}.simb-trait-dialog__ages{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.simb-trait-dialog__ages span{display:inline-flex;padding:5px 8px;border:1px solid var(--simb-border);border-radius:999px;background:var(--simb-surface-alt);font-size:10px;font-weight:800} .simb-trait-dialog__page{display:inline-flex;margin-top:18px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--simb-accent) 48%,var(--simb-border));border-radius:10px;background:color-mix(in srgb,var(--simb-accent) 12%,var(--simb-surface));color:var(--simb-text);font-size:11px;font-weight:900;text-decoration:none}.simb-trait-dialog__page[hidden]{display:none!important} @media(max-width:980px){.simb-traits-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.simb-traits-search{grid-column:1 / -1}.simb-traits-view{justify-self:end}} @media(max-width:620px){.simb-traits-toolbar{grid-template-columns:1fr;padding:10px}.simb-traits-search{grid-column:auto}.simb-traits-view{justify-self:start}.simb-traits-grid,.simb-traits-explorer.is-compact .simb-traits-grid{grid-template-columns:1fr}.simb-trait-card{min-height:0}.simb-trait-card__icon{width:60px;height:60px;flex-basis:60px}.simb-traits-explorer.is-compact .simb-trait-card{grid-template-columns:52px minmax(0,1fr)}.simb-traits-explorer.is-compact .simb-trait-card__icon{width:52px;height:52px}.simb-trait-dialog{padding:12px}.simb-trait-dialog__panel{padding:19px}.simb-trait-dialog__hero{gap:12px}.simb-trait-dialog__icon{flex-basis:68px;width:68px;height:68px}} /* alpha.45 — Aspirations use the same searchable archive language as Traits. */ .simb-aspirations-explorer .simb-trait-card__icon{width:72px;height:72px;flex-basis:72px} .simb-aspirations-explorer .simb-trait-card__category{border-color:color-mix(in srgb,#f0b43c 36%,var(--simb-border));background:color-mix(in srgb,#f0b43c 8%,var(--simb-surface))} .simb-aspirations-explorer .simb-trait-card:hover{border-color:color-mix(in srgb,#f0b43c 34%,var(--simb-border))} @media(max-width:620px){.simb-aspirations-explorer .simb-trait-card__icon{width:62px;height:62px;flex-basis:62px}} /* alpha.47 — Sims / Characters explorer */ .simb-characters-explorer{--simb-trait-card-min:210px} .simb-character-card{display:flex;flex-direction:column;padding:0;min-height:0;overflow:hidden} .simb-character-card__visual{aspect-ratio:4/3;background:linear-gradient(180deg,color-mix(in srgb,var(--simb-surface-alt) 86%,#fff 2%),color-mix(in srgb,var(--simb-surface) 90%,#000 10%))} .simb-character-card__visual img{width:100%;height:100%;object-fit:cover;object-position:center top} .simb-character-card__body{display:flex;flex:1;flex-direction:column;padding:12px 14px 14px!important} .simb-character-card__heading{margin-bottom:4px} .simb-character-card__heading h3{font-size:16px} .simb-character-card__subline{margin-top:6px;color:var(--simb-muted);font-size:10px;font-weight:800;line-height:1.35} .simb-character-card .simb-trait-card__body>p{-webkit-line-clamp:3;margin-top:6px!important} .simb-character-card .simb-core-tags--ages{margin-top:10px}.simb-character-card .simb-core-tags:not(.simb-core-tags--ages){margin-top:10px} .simb-character-card .simb-core-tags span{font-size:9px} .simb-characters-explorer.is-compact{--simb-trait-card-min:340px} .simb-characters-explorer.is-compact .simb-traits-grid{grid-template-columns:1fr} .simb-characters-explorer.is-compact .simb-character-card{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:start} .simb-characters-explorer.is-compact .simb-character-card__visual{grid-column:1;grid-row:1 / span 2;aspect-ratio:1/1;border-right:1px solid var(--simb-border)} .simb-characters-explorer.is-compact .simb-character-card__body{grid-column:2;grid-row:1 / span 2;padding:12px!important} .simb-characters-explorer.is-compact .simb-character-card .simb-trait-card__body>p{-webkit-line-clamp:2} @media(max-width:620px){.simb-character-card__body{padding:11px 12px 13px!important}.simb-character-card__heading h3{font-size:15px}.simb-characters-explorer.is-compact .simb-character-card{grid-template-columns:80px minmax(0,1fr)}} /* alpha.48 — Sims cards use aspiration and trait icons */ .simb-core-tags--entity-icons{gap:8px} .simb-entity-icon-chip{display:grid!important;place-items:center;width:34px;min-width:34px;min-height:34px;padding:0!important;border-radius:12px;background:color-mix(in srgb,var(--simb-surface) 82%,transparent)} .simb-entity-icon-chip img{display:block;width:22px;height:22px;object-fit:contain} .simb-character-card__aspiration-icons{margin-top:8px} .simb-character-card__aspiration-icons .simb-entity-icon-chip{width:36px;min-width:36px;min-height:36px;background:color-mix(in srgb,var(--simb-accent) 12%,var(--simb-surface))} .simb-character-card__aspiration-icons .simb-entity-icon-chip img{width:24px;height:24px} .simb-character-card__trait-icons{margin-top:10px} .simb-character-card__trait-icons .simb-entity-icon-chip{width:30px;min-width:30px;min-height:30px;border-radius:10px} .simb-character-card .simb-core-tags--ages + .simb-character-card__trait-icons{margin-top:8px} .simb-character-card .simb-core-tags--ages + .simb-core-tags{margin-top:8px} .simb-trait-dialog__ages .simb-entity-icon-chip{width:36px;min-width:36px;min-height:36px} .simb-trait-dialog__ages .simb-entity-icon-chip img{width:22px;height:22px} /* 0.1.0-alpha.49 — supplied SVG platform brand assets */ .simb-platform-icon--brand{display:block;flex:0 0 auto;width:var(--simb-active-icon-size,18px);height:var(--simb-active-icon-size,18px);background:currentColor;-webkit-mask-image:var(--simb-platform-icon-url);mask-image:var(--simb-platform-icon-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain} .simb-platform-chip--playstation2 .simb-platform-icon,.simb-platform-chip--playstation3 .simb-platform-icon,.simb-platform-chip--playstation4 .simb-platform-icon,.simb-platform-chip--playstation5 .simb-platform-icon{width:22px;height:18px} .simb-platform-chip--gamecube .simb-platform-icon,.simb-platform-chip--switch .simb-platform-icon,.simb-platform-chip--nintendo_ds .simb-platform-icon,.simb-platform-chip--wii .simb-platform-icon{width:18px;height:18px} .simb-platform-chip--apple .simb-platform-icon{width:21px;height:18px} @media(max-width:720px){.simb-platform-chip--playstation2 .simb-platform-icon,.simb-platform-chip--playstation3 .simb-platform-icon,.simb-platform-chip--playstation4 .simb-platform-icon,.simb-platform-chip--playstation5 .simb-platform-icon{width:21px;height:17px}} /* alpha.50 — Neighborhoods & Houses/Lots explorers */ .simb-worlds-explorer{--simb-trait-card-min:320px}.simb-worlds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:14px}.simb-world-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--simb-border);border-radius:18px;background:color-mix(in srgb,var(--simb-surface-alt) 91%,transparent);transition:transform .18s ease,border-color .18s ease,background .18s ease}.simb-world-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--simb-accent) 42%,var(--simb-border));background:color-mix(in srgb,var(--simb-surface-alt) 96%,#fff 1%)} .simb-world-card__visual{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--simb-surface)}.simb-world-card__visual img{display:block;width:100%;height:100%;object-fit:cover}.simb-world-card__body{display:flex;flex:1;flex-direction:column;padding:15px}.simb-world-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.simb-world-card__heading h3{margin:2px 0 0;font-size:19px;line-height:1.2}.simb-world-card__heading h3 a{color:var(--simb-text);text-decoration:none}.simb-world-card__lots{display:flex;flex:0 0 auto;min-width:56px;flex-direction:column;align-items:center;padding:8px 9px;border:1px solid var(--simb-border);border-radius:13px;background:var(--simb-surface)}.simb-world-card__lots strong{font-size:17px;line-height:1}.simb-world-card__lots small{margin-top:3px;color:var(--simb-muted);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.simb-world-card__inspiration,.simb-world-card__body>p{margin:10px 0 0;color:var(--simb-muted);font-size:11px;line-height:1.55}.simb-world-card__map-size{margin-top:10px;color:var(--simb-muted);font-size:9px;font-weight:800}.simb-world-card__action{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:34px;margin-top:auto;padding:7px 10px;border:1px solid color-mix(in srgb,var(--simb-accent) 44%,var(--simb-border));border-radius:10px;background:color-mix(in srgb,var(--simb-accent) 10%,var(--simb-surface));color:var(--simb-text);font-size:10px;font-weight:900;text-decoration:none}.simb-worlds-explorer.is-compact .simb-worlds-grid{grid-template-columns:1fr}.simb-worlds-explorer.is-compact .simb-world-card{display:grid;grid-template-columns:minmax(180px,30%) minmax(0,1fr)}.simb-worlds-explorer.is-compact .simb-world-card__visual{height:100%;aspect-ratio:auto}.simb-worlds-explorer.is-compact .simb-world-card__body{min-height:180px} .simb-lots-explorer{--simb-trait-card-min:280px}.simb-lots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:14px}.simb-lot-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--simb-border);border-radius:18px;background:color-mix(in srgb,var(--simb-surface-alt) 91%,transparent);transition:transform .18s ease,border-color .18s ease,background .18s ease}.simb-lot-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--simb-accent) 42%,var(--simb-border));background:color-mix(in srgb,var(--simb-surface-alt) 96%,#fff 1%)}.simb-lot-card__visual{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--simb-surface)}.simb-lot-card__visual img{display:block;width:100%;height:100%;object-fit:cover}.simb-lot-card__body{display:flex;flex:1;flex-direction:column;padding:14px}.simb-lot-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.simb-lot-card__top h3{margin:2px 0 0;font-size:16px;line-height:1.25}.simb-lot-card__top h3 a{color:var(--simb-text);text-decoration:none}.simb-lot-card__status{display:inline-flex;flex:0 0 auto;align-items:center;min-height:24px;padding:4px 8px;border:1px solid var(--simb-border);border-radius:999px;background:var(--simb-surface);color:var(--simb-muted);font-size:8px;font-weight:900}.simb-lot-card__status--occupied{border-color:color-mix(in srgb,var(--simb-accent) 46%,var(--simb-border));color:var(--simb-text)}.simb-lot-card__location{display:flex;flex-direction:column;gap:2px;margin-top:9px;color:var(--simb-muted);font-size:10px;line-height:1.4}.simb-lot-card__location strong{color:var(--simb-text);font-size:10px}.simb-lot-card__description{margin:9px 0 0;color:var(--simb-muted);font-size:10px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.simb-lot-card__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}.simb-lot-card__stats>span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center;min-width:0;padding:7px;border:1px solid var(--simb-border);border-radius:11px;background:var(--simb-surface)}.simb-lot-card__stats b{grid-row:1 / span 2;color:var(--simb-accent);font-size:14px}.simb-lot-card__stats strong{min-width:0;font-size:10px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simb-lot-card__stats small{color:var(--simb-muted);font-size:7px;font-weight:800;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simb-lot-card__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}.simb-lot-card__price{color:var(--simb-accent);font-size:14px}.simb-lot-card__footer a{display:inline-flex;align-items:center;min-height:32px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--simb-accent) 42%,var(--simb-border));border-radius:10px;color:var(--simb-text);font-size:9px;font-weight:900;text-decoration:none}.simb-lots-explorer.is-compact .simb-lots-grid{grid-template-columns:1fr}.simb-lots-explorer.is-compact .simb-lot-card{display:grid;grid-template-columns:minmax(170px,28%) minmax(0,1fr)}.simb-lots-explorer.is-compact .simb-lot-card__visual{height:100%;aspect-ratio:auto}.simb-lots-explorer.is-compact .simb-lot-card__body{min-height:180px} @media(max-width:720px){.simb-worlds-grid,.simb-lots-grid{grid-template-columns:1fr}.simb-worlds-explorer.is-compact .simb-world-card,.simb-lots-explorer.is-compact .simb-lot-card{grid-template-columns:1fr}.simb-worlds-explorer.is-compact .simb-world-card__visual,.simb-lots-explorer.is-compact .simb-lot-card__visual{aspect-ratio:16/9;height:auto}.simb-lot-card__stats{grid-template-columns:repeat(2,minmax(0,1fr))}} /* alpha.51 — System requirements platform explorer */ .simb-requirements-explorer{display:grid;gap:18px} .simb-requirements-heading{display:flex;align-items:end;justify-content:space-between;gap:18px} .simb-requirements-heading h2{margin:2px 0 0;font-size:clamp(28px,4vw,42px);line-height:1} .simb-requirements-platform-count{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid var(--simb-border);border-radius:999px;background:color-mix(in srgb,var(--simb-surface-alt) 88%,transparent);color:var(--simb-muted);font-size:10px;font-weight:850} .simb-requirements-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:thin} .simb-requirements-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:44px;padding:8px 15px;border:1px solid var(--simb-border);border-radius:12px;background:var(--simb-surface);color:var(--simb-muted);font:inherit;font-size:11px;font-weight:900;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease} .simb-requirements-tabs button:hover{border-color:color-mix(in srgb,var(--simb-accent) 48%,var(--simb-border));color:var(--simb-text)} .simb-requirements-tabs button.is-active{border-color:color-mix(in srgb,var(--simb-accent) 70%,var(--simb-border));background:color-mix(in srgb,var(--simb-accent) 14%,var(--simb-surface));color:var(--simb-text)} .simb-requirements-tabs button:focus-visible{outline:2px solid var(--simb-accent);outline-offset:2px} .simb-requirements-tabs .simb-platform-icon{width:19px;height:19px;--simb-active-icon-size:19px} .simb-requirements-panel[hidden]{display:none!important} .simb-requirements-panel{display:grid;gap:14px;padding:16px;border:1px solid var(--simb-border);border-radius:18px;background:color-mix(in srgb,var(--simb-surface) 94%,transparent)} .simb-requirements-panel__title{display:flex;align-items:center;gap:11px;padding:0 2px 2px} .simb-requirements-panel__title>.simb-platform-icon{width:28px;height:28px;--simb-active-icon-size:28px;color:var(--simb-accent)} .simb-requirements-panel__title span{display:block;color:var(--simb-muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em} .simb-requirements-panel__title h3{margin:2px 0 0;font-size:20px;line-height:1.1} .simb-requirements-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .simb-requirements-tier{overflow:hidden;border:1px solid var(--simb-border);border-radius:15px;background:var(--simb-surface-alt)} .simb-requirements-tier header{display:flex;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid var(--simb-border);background:color-mix(in srgb,var(--simb-surface) 86%,transparent)} .simb-requirements-tier header small{display:block;color:var(--simb-muted);font-size:9px;font-weight:800} .simb-requirements-tier header h4{margin:1px 0 0;font-size:15px;line-height:1.1} .simb-requirements-tier__dot{width:9px;height:9px;border-radius:50%;background:var(--simb-accent-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--simb-accent-2) 13%,transparent)} .simb-requirements-tier--recommended .simb-requirements-tier__dot{background:var(--simb-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--simb-accent) 14%,transparent)} .simb-requirements-tier dl{margin:0} .simb-requirements-spec{display:grid;grid-template-columns:minmax(96px,.52fr) minmax(0,1.48fr);gap:14px;padding:11px 15px;border-top:1px solid color-mix(in srgb,var(--simb-border) 82%,transparent)} .simb-requirements-spec:first-child{border-top:0} .simb-requirements-spec dt{align-self:start;color:var(--simb-muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.055em} .simb-requirements-spec dd{margin:0;color:var(--simb-text);font-size:11px;line-height:1.5;overflow-wrap:anywhere} .simb-requirements-tier--recommended .simb-requirements-spec.is-upgrade{background:linear-gradient(90deg,color-mix(in srgb,var(--simb-accent) 8%,transparent),transparent 58%)} .simb-requirements-tier--recommended .simb-requirements-spec.is-upgrade dd{font-weight:700} .simb-requirements-tier--console{width:min(760px,100%)} .simb-requirements-note{display:flex;align-items:flex-start;gap:9px;margin:0;padding:11px 13px;border:1px solid color-mix(in srgb,var(--simb-accent) 30%,var(--simb-border));border-radius:12px;background:color-mix(in srgb,var(--simb-accent) 7%,var(--simb-surface));color:var(--simb-muted);font-size:10px;line-height:1.5} .simb-requirements-note strong{flex:0 0 auto;color:var(--simb-text);font-size:9px;text-transform:uppercase;letter-spacing:.06em} @media(max-width:820px){.simb-requirements-compare{grid-template-columns:1fr}.simb-requirements-panel{padding:12px}.simb-requirements-heading{align-items:flex-start}.simb-requirements-platform-count{display:none}} @media(max-width:560px){.simb-requirements-heading h2{font-size:28px}.simb-requirements-tabs button{min-height:42px;padding:7px 11px}.simb-requirements-spec{grid-template-columns:1fr;gap:4px;padding:10px 12px}.simb-requirements-panel__title>.simb-platform-icon{width:24px;height:24px;--simb-active-icon-size:24px}.simb-requirements-note{display:block}.simb-requirements-note strong{display:block;margin-bottom:4px}} /* alpha.52 — visual Credits / developer directory */ .simb-credits-explorer{--simb-credit-card-min:260px} .simb-credits-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px} .simb-credits-heading h2{margin:0}.simb-credits-heading .simb-kicker{margin-bottom:5px} .simb-credits-total{display:grid;place-items:center;min-width:42px;height:32px;padding:0 10px;border:1px solid var(--simb-border);border-radius:999px;background:var(--simb-surface-alt);color:var(--simb-muted);font-size:11px;font-weight:900} .simb-credits-toolbar{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(120px,.8fr));gap:9px;margin-bottom:12px;padding:12px;border:1px solid var(--simb-border);border-radius:16px;background:color-mix(in srgb,var(--simb-surface-alt) 74%,transparent)} .simb-credits-toolbar label{display:flex;min-width:0;flex-direction:column;gap:6px}.simb-credits-toolbar label>span{color:var(--simb-muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em} .simb-credits-toolbar input,.simb-credits-toolbar select{width:100%;height:40px;min-width:0;padding:0 11px;border:1px solid var(--simb-border);border-radius:11px;background:var(--simb-surface);color:var(--simb-text);font:inherit;font-size:11px;outline:none} .simb-credits-toolbar input:focus,.simb-credits-toolbar select:focus{border-color:var(--simb-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--simb-accent) 20%,transparent)} .simb-credits-current{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;margin:4px 2px 10px;color:var(--simb-muted);font-size:11px}.simb-credits-current strong{color:var(--simb-text);font-size:13px} .simb-credit-directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--simb-credit-card-min),100%),1fr));gap:10px} .simb-credit-person{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:start;min-width:0;padding:12px;border:1px solid var(--simb-border);border-radius:15px;background:color-mix(in srgb,var(--simb-surface-alt) 90%,transparent);transition:border-color .16s ease,transform .16s ease,background .16s ease} .simb-credit-person:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--simb-accent) 38%,var(--simb-border));background:color-mix(in srgb,var(--simb-surface-alt) 96%,#fff 1%)} .simb-credit-person[hidden]{display:none!important} .simb-credit-person__portrait{display:grid;place-items:center;width:62px;height:62px;overflow:hidden;border:1px solid var(--simb-border);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--simb-accent) 16%,var(--simb-surface)),var(--simb-surface-alt));color:var(--simb-text);font-size:18px;font-weight:950} .simb-credit-person__portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top} .simb-credit-person__content{min-width:0}.simb-credit-person__name{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.simb-credit-person__name strong{min-width:0;font-size:13px;line-height:1.25}.simb-credit-person__name strong a{color:inherit;text-decoration:none}.simb-credit-person__name strong a:hover{text-decoration:underline} .simb-credit-person__profile{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--simb-border);border-radius:8px;color:var(--simb-muted);text-decoration:none}.simb-credit-person__profile:hover{border-color:var(--simb-accent);color:var(--simb-text)} .simb-credit-person__roles{margin-top:5px;color:var(--simb-text);font-size:10px;font-weight:750;line-height:1.4}.simb-credit-person__group{margin-top:4px;color:var(--simb-muted);font-size:9px;font-weight:800;line-height:1.35;text-transform:uppercase;letter-spacing:.035em} .simb-credit-person__platforms{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.simb-credit-person__platforms>span{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 7px;border:1px solid var(--simb-border);border-radius:999px;background:var(--simb-surface);color:var(--simb-muted);font-size:8px;font-weight:850}.simb-credit-person__platforms .simb-platform-icon{width:12px;height:12px;flex:0 0 12px} .simb-credits-more{display:flex;justify-content:center;margin-top:18px}.simb-credits-more button{min-width:190px;min-height:40px;padding:8px 16px;border:1px solid color-mix(in srgb,var(--simb-accent) 50%,var(--simb-border));border-radius:999px;background:color-mix(in srgb,var(--simb-accent) 11%,var(--simb-surface-alt));color:var(--simb-text);font:inherit;font-size:10px;font-weight:900;cursor:pointer}.simb-credits-more button:hover{background:color-mix(in srgb,var(--simb-accent) 18%,var(--simb-surface-alt))}.simb-credits-more button[hidden]{display:none!important} @media(max-width:1100px){.simb-credits-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.simb-credits-search{grid-column:1/-1}} @media(max-width:640px){.simb-credits-toolbar{grid-template-columns:1fr}.simb-credits-search{grid-column:auto}.simb-credit-directory{grid-template-columns:1fr}.simb-credit-person{grid-template-columns:54px minmax(0,1fr);padding:10px}.simb-credit-person__portrait{width:54px;height:54px;border-radius:12px}.simb-credit-person__platforms>span>span{display:none}} /* alpha.53 — Buy / store chooser modal */ .simb-button[data-simb-buy-open]{font:inherit;cursor:pointer}.simb-button[data-simb-buy-open]>span:first-child{display:inline-grid;place-items:center;width:16px;height:16px}.simb-button[data-simb-buy-open] svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .simb-buy-modal[hidden]{display:none!important}.simb-buy-modal{position:fixed;inset:0;z-index:100090;display:grid;place-items:center;padding:24px;background:rgba(2,8,22,.76);backdrop-filter:blur(10px)} .simb-buy-modal__backdrop{position:absolute;inset:0;border:0;background:transparent;cursor:default}.simb-buy-modal__panel{position:relative;z-index:1;width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:26px;border:1px solid color-mix(in srgb,var(--simb-border) 86%,#fff 5%);border-radius:24px;background:linear-gradient(145deg,var(--simb-surface),color-mix(in srgb,var(--simb-surface-alt) 94%,#000 6%));color:var(--simb-text);box-shadow:0 32px 90px rgba(0,0,0,.42)} .simb-buy-modal__close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--simb-border);border-radius:50%;background:var(--simb-surface-alt);color:var(--simb-text);font:inherit;font-size:20px;line-height:1;cursor:pointer}.simb-buy-modal__close:hover{border-color:var(--simb-accent)} .simb-buy-modal__header{padding-right:50px}.simb-buy-modal__header h2{margin:3px 0 0;font-size:clamp(26px,4vw,42px);line-height:1}.simb-buy-modal__header>p:last-child{margin:10px 0 0;color:var(--simb-muted);font-size:13px;line-height:1.55} .simb-buy-modal__platforms{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0}.simb-buy-modal__platforms>span{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 9px;border:1px solid var(--simb-border);border-radius:999px;background:color-mix(in srgb,var(--simb-surface-alt) 88%,transparent);font-size:10px;font-weight:850}.simb-buy-modal__platforms .simb-platform-icon{width:16px;height:16px;flex:0 0 16px} .simb-buy-modal__stores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.simb-buy-store{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid var(--simb-border);border-radius:16px;background:color-mix(in srgb,var(--simb-surface-alt) 91%,transparent);transition:border-color .16s ease,background .16s ease,transform .16s ease}.simb-buy-store:not(.is-unavailable):hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--simb-accent) 56%,var(--simb-border));background:color-mix(in srgb,var(--simb-accent) 6%,var(--simb-surface-alt))}.simb-buy-store.is-unavailable{opacity:.56} .simb-buy-store__icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--simb-border);border-radius:13px;background:color-mix(in srgb,var(--simb-surface) 88%,transparent);color:var(--simb-text)}.simb-buy-store__icon--brand{--simb-buy-store-icon:none}.simb-buy-store__icon--brand::before{content:"";display:block;width:26px;height:26px;background:currentColor;-webkit-mask:var(--simb-buy-store-icon) center/contain no-repeat;mask:var(--simb-buy-store-icon) center/contain no-repeat}.simb-buy-store__icon--fallback{font-size:11px;font-weight:950;letter-spacing:-.02em} .simb-buy-store__copy{min-width:0;display:flex;flex-direction:column;gap:3px}.simb-buy-store__copy strong{overflow:hidden;text-overflow:ellipsis;color:var(--simb-text);font-size:13px;line-height:1.25}.simb-buy-store__copy span{color:var(--simb-muted);font-size:10px;font-weight:750}.simb-buy-store__action{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--simb-accent) 54%,var(--simb-border));border-radius:10px;background:color-mix(in srgb,var(--simb-accent) 13%,var(--simb-surface));color:var(--simb-text);font-size:10px;font-weight:900;text-decoration:none;white-space:nowrap}.simb-buy-store__action:hover{background:color-mix(in srgb,var(--simb-accent) 22%,var(--simb-surface))}.simb-buy-store__status{color:var(--simb-muted);font-size:10px;font-weight:850;white-space:nowrap} .simb-buy-modal__note{margin:16px 2px 0;color:var(--simb-muted);font-size:10px;line-height:1.5}.simb-buy-modal-open{overflow:hidden} @media(max-width:720px){.simb-buy-modal{padding:12px}.simb-buy-modal__panel{max-height:calc(100vh - 24px);padding:20px 16px;border-radius:20px}.simb-buy-modal__stores{grid-template-columns:1fr}.simb-buy-store{grid-template-columns:44px minmax(0,1fr) auto}.simb-buy-store__icon{width:44px;height:44px}.simb-buy-store__action{min-width:44px;font-size:0}.simb-buy-store__action span{font-size:14px}.simb-buy-modal__platforms{gap:5px}} /* alpha.54 — SIMusics main archive */ .simb-simusics-home{background:var(--simb-bg);color:var(--simb-text);min-height:70vh;padding-bottom:72px} .simb-simusics-home__intro{padding:44px 0 18px}.simb-simusics-home__intro .simb-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px}.simb-simusics-home__intro h1{grid-column:1;margin:2px 0 0;font-size:clamp(40px,6vw,74px);line-height:.92;letter-spacing:-.045em}.simb-simusics-home__intro>div>p,.simb-simusics-home__intro .simb-shell>p{grid-column:1;margin:12px 0 0;color:var(--simb-muted);font-size:15px}.simb-simusics-home__stats{grid-column:2;grid-row:1 / span 3;display:flex;gap:10px;align-self:end}.simb-simusics-home__stats span{display:grid;min-width:106px;padding:12px 14px;border:1px solid var(--simb-border);border-radius:16px;background:var(--simb-surface);color:var(--simb-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.simb-simusics-home__stats strong{color:var(--simb-text);font-size:22px;line-height:1.1;letter-spacing:0} .simb-simusics-home-hero{padding:12px 0 28px}.simb-simusics-home-hero__stage{position:relative;min-height:510px;overflow:hidden;border:1px solid var(--simb-border);border-radius:30px;background:var(--simb-hero);box-shadow:0 28px 60px rgba(0,0,0,.22)}.simb-simusics-home-hero__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}.simb-simusics-home-hero__slide.is-active{opacity:1;visibility:visible;z-index:1}.simb-simusics-home-hero__backdrop{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(12px) saturate(.78);opacity:.42;transform:scale(1.04)}.simb-simusics-home-hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,43,.97) 0%,rgba(8,28,61,.86) 46%,rgba(7,19,45,.55) 100%),linear-gradient(0deg,rgba(5,14,34,.72),transparent 56%)}.simb-simusics-home-hero__content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:center;gap:clamp(34px,6vw,80px);min-height:510px;padding:52px clamp(46px,7vw,96px)}.simb-simusics-home-hero__cover{aspect-ratio:1/1;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.16);background:#081731;box-shadow:0 28px 70px rgba(0,0,0,.4)}.simb-simusics-home-hero__cover img{display:block;width:100%;height:100%;object-fit:cover}.simb-simusics-home-hero__cover>span{display:grid;place-items:center;width:100%;height:100%;font-size:68px}.simb-simusics-home-hero__copy{max-width:680px}.simb-simusics-home-hero__copy h2{margin:4px 0 8px;font-size:clamp(38px,5vw,70px);line-height:.95;letter-spacing:-.045em}.simb-simusics-home-hero__meta{margin:0;color:#b9cae6;font-size:13px;font-weight:800}.simb-simusics-home-hero__summary{max-width:620px;margin:18px 0 0;color:#d3dceb;font-size:15px;line-height:1.65}.simb-simusics-home-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.simb-simusics-home__play,.simb-simusics-home__album-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:900;text-decoration:none}.simb-simusics-home__play{border:1px solid #8de83d;background:#8de83d;color:#06152d;cursor:pointer}.simb-simusics-home__play:hover{filter:brightness(1.04)}.simb-simusics-home__album-link{border:1px solid rgba(255,255,255,.2);background:rgba(9,30,64,.74);color:#fff}.simb-simusics-home-hero__nav{position:absolute;z-index:5;top:50%;display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(5,18,43,.72);color:#fff;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}.simb-simusics-home-hero__nav.is-prev{left:16px}.simb-simusics-home-hero__nav.is-next{right:16px}.simb-simusics-home-hero__dots{position:absolute;z-index:5;right:28px;bottom:24px;display:flex;gap:7px}.simb-simusics-home-hero__dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.36);cursor:pointer;transition:width .2s ease,background .2s ease}.simb-simusics-home-hero__dots button.is-active{width:28px;background:#8de83d} .simb-simusics-home-section{padding:34px 0}.simb-simusics-home-section__head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.simb-simusics-home-section__head h2{margin:2px 0 0;font-size:clamp(28px,3vw,42px);letter-spacing:-.03em}.simb-simusics-home-section__head>span{color:var(--simb-muted);font-size:11px;font-weight:850} .simb-simusics-home-top{list-style:none;margin:0;padding:0;border:1px solid var(--simb-border);border-radius:22px;overflow:hidden;background:var(--simb-surface)}.simb-simusics-home-top li{display:grid;grid-template-columns:34px 42px 50px minmax(0,1fr) 90px 56px;align-items:center;gap:12px;min-height:72px;padding:10px 16px;border-bottom:1px solid color-mix(in srgb,var(--simb-border) 72%,transparent)}.simb-simusics-home-top li:last-child{border-bottom:0}.simb-simusics-home-top li:hover{background:color-mix(in srgb,var(--simb-surface-alt) 74%,transparent)}.simb-simusics-home-top__rank{color:var(--simb-muted);font-size:12px;font-weight:900;text-align:center}.simb-simusics-home-top__play{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#8de83d;color:#06152d;font-size:12px;cursor:pointer}.simb-simusics-home-top__art{display:grid;place-items:center;width:46px;height:46px;overflow:hidden;border-radius:10px;background:var(--simb-surface-alt)}.simb-simusics-home-top__art img{width:100%;height:100%;object-fit:cover}.simb-simusics-home-top__copy{min-width:0}.simb-simusics-home-top__copy strong,.simb-simusics-home-top__copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simb-simusics-home-top__copy strong{font-size:13px}.simb-simusics-home-top__copy small{margin-top:3px;color:var(--simb-muted);font-size:10px}.simb-simusics-home-top__plays{text-align:right}.simb-simusics-home-top__plays strong,.simb-simusics-home-top__plays small{display:block}.simb-simusics-home-top__plays strong{font-size:13px}.simb-simusics-home-top__plays small{color:var(--simb-muted);font-size:9px;text-transform:uppercase}.simb-simusics-home-top__duration{color:var(--simb-muted);font-size:11px;font-weight:800;text-align:right} .simb-simusics-home-albums__search input{width:min(330px,42vw);min-height:42px;padding:8px 14px;border:1px solid var(--simb-border);border-radius:999px;background:var(--simb-surface);color:var(--simb-text);font:inherit;font-size:12px}.simb-simusics-home-albums__grid{display:grid;grid-template-columns:repeat(var(--simb-album-columns,6),minmax(0,1fr));gap:16px}.simb-simusics-home-album{min-width:0}.simb-simusics-home-album[hidden]{display:none!important}.simb-simusics-home-album a{display:block;color:inherit;text-decoration:none}.simb-simusics-home-album__cover{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--simb-border);border-radius:18px;background:var(--simb-surface);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.simb-simusics-home-album__cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.simb-simusics-home-album a:hover .simb-simusics-home-album__cover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--simb-accent) 55%,var(--simb-border));box-shadow:0 18px 32px rgba(0,0,0,.24)}.simb-simusics-home-album a:hover .simb-simusics-home-album__cover img{transform:scale(1.025)}.simb-simusics-home-album strong{display:block;margin-top:10px;font-size:12px;line-height:1.3}.simb-simusics-home-album small{display:block;margin-top:3px;color:var(--simb-muted);font-size:9px;font-weight:700}.simb-simusics-home-albums__more{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.simb-simusics-home-albums__more button{min-height:42px;padding:8px 18px;border:1px solid color-mix(in srgb,var(--simb-accent) 52%,var(--simb-border));border-radius:999px;background:color-mix(in srgb,var(--simb-accent) 12%,var(--simb-surface));color:var(--simb-text);font:inherit;font-size:11px;font-weight:900;cursor:pointer}.simb-simusics-home-albums__more button[hidden]{display:none!important}.simb-simusics-home-albums__more span{color:var(--simb-muted);font-size:10px;font-weight:800} @media(max-width:1180px){.simb-simusics-home-albums__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.simb-simusics-home-hero__content{grid-template-columns:260px minmax(0,1fr);padding:44px 56px}} @media(max-width:820px){.simb-simusics-home__intro .simb-shell{grid-template-columns:1fr}.simb-simusics-home__stats{grid-column:1;grid-row:auto}.simb-simusics-home-hero__stage,.simb-simusics-home-hero__content{min-height:0}.simb-simusics-home-hero__content{grid-template-columns:180px minmax(0,1fr);gap:26px;padding:34px}.simb-simusics-home-hero__copy h2{font-size:38px}.simb-simusics-home-hero__summary{display:none}.simb-simusics-home-albums__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.simb-simusics-home-top li{grid-template-columns:28px 38px 44px minmax(0,1fr) 62px}.simb-simusics-home-top__duration{display:none}} @media(max-width:560px){.simb-simusics-home__intro{padding-top:28px}.simb-simusics-home__stats{display:grid;grid-template-columns:1fr 1fr}.simb-simusics-home-hero__content{grid-template-columns:1fr;padding:24px 22px 70px}.simb-simusics-home-hero__cover{width:min(68vw,250px)}.simb-simusics-home-hero__copy h2{font-size:34px}.simb-simusics-home-hero__nav{top:auto;bottom:18px;margin:0}.simb-simusics-home-hero__nav.is-prev{left:20px}.simb-simusics-home-hero__nav.is-next{right:20px}.simb-simusics-home-hero__dots{right:50%;bottom:34px;transform:translateX(50%)}.simb-simusics-home-section__head{align-items:stretch;flex-direction:column}.simb-simusics-home-albums__search input{width:100%}.simb-simusics-home-albums__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.simb-simusics-home-top li{grid-template-columns:24px 36px 42px minmax(0,1fr);gap:8px;padding:9px 10px}.simb-simusics-home-top__plays{display:none}} /* alpha.56 — SIMusics home polish */ .simb-simusics-home{scroll-behavior:smooth} .simb-simusics-home__intro{padding:30px 0 14px;border-bottom:0;background:linear-gradient(180deg,color-mix(in srgb,var(--simb-surface) 22%,transparent),transparent)} .simb-simusics-home__intro .simb-shell{display:flex;align-items:flex-end;justify-content:space-between;gap:28px} .simb-simusics-home__brand{min-width:0} .simb-simusics-home__brand h1{margin:3px 0 0;font-size:clamp(42px,5vw,66px);line-height:.92;letter-spacing:-.05em} .simb-simusics-home__brand>p:last-child{margin:11px 0 0;color:var(--simb-muted);font-size:14px} .simb-simusics-home__stats{display:flex;gap:10px;flex:0 0 auto} .simb-simusics-home__stats span{display:grid;min-width:108px;padding:11px 14px;border:1px solid var(--simb-border);border-radius:14px;background:color-mix(in srgb,var(--simb-surface) 84%,transparent);color:var(--simb-muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em} .simb-simusics-home__stats strong{color:var(--simb-text);font-size:21px;line-height:1.1;letter-spacing:-.02em} .simb-simusics-home-nav{padding:10px 0 2px} .simb-simusics-home-nav .simb-shell{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .simb-simusics-home-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border:1px solid var(--simb-border);border-radius:999px;background:color-mix(in srgb,var(--simb-surface) 84%,transparent);color:var(--simb-muted);font-size:10px;font-weight:900;text-decoration:none} .simb-simusics-home-nav a:hover,.simb-simusics-home-nav a:focus-visible{border-color:color-mix(in srgb,var(--simb-accent) 62%,var(--simb-border));color:var(--simb-text);background:color-mix(in srgb,var(--simb-accent) 10%,var(--simb-surface))} .simb-simusics-home-hero{padding:16px 0 30px} .simb-simusics-home-hero__stage{min-height:540px;border-radius:28px} .simb-simusics-home-hero__content{grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:clamp(34px,5vw,72px);min-height:540px;padding:48px clamp(48px,6vw,86px)} .simb-simusics-home-hero__cover{border-radius:22px} .simb-simusics-home-hero__copy h2{font-size:clamp(38px,5vw,66px)} .simb-simusics-home-hero__meta{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 0} .simb-simusics-home-hero__meta span{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(7,24,52,.62);color:#c8d6ea;font-size:10px;font-weight:850} .simb-simusics-home-hero__summary{max-width:650px;margin-top:16px} .simb-simusics-home-hero__actions{margin-top:22px} .simb-simusics-home__play,.simb-simusics-home__album-link{min-height:44px;padding:9px 17px} .simb-simusics-home-hero__dots{bottom:22px} .simb-simusics-home-section{padding:30px 0} .simb-simusics-home-section__head{align-items:flex-end} .simb-simusics-home-section__head h2{font-size:clamp(30px,3.2vw,44px)} .simb-simusics-home-section__sub{max-width:620px;margin:7px 0 0;color:var(--simb-muted);font-size:11px;line-height:1.55} .simb-simusics-home-top{border-radius:20px} .simb-simusics-home-top li{grid-template-columns:34px 40px 52px minmax(0,1fr) 92px 62px;min-height:70px;padding:9px 15px} .simb-simusics-home-top li.is-top-three{background:linear-gradient(90deg,color-mix(in srgb,var(--simb-accent) 8%,var(--simb-surface)),var(--simb-surface) 42%)} .simb-simusics-home-top li.rank-1{box-shadow:inset 3px 0 0 var(--simb-accent)} .simb-simusics-home-top__rank{font-size:11px} .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__rank{color:var(--simb-text);font-size:15px} .simb-simusics-home-top__play{width:34px;height:34px} .simb-simusics-home-top__play span{display:block;transform:translateX(1px)} .simb-simusics-home-top__art{width:48px;height:48px;border-radius:11px} .simb-simusics-home-top__copy strong{font-size:13px} .simb-simusics-home-top__plays strong{font-size:12px} .simb-simusics-home-albums__tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .simb-simusics-home-albums__search input{width:min(320px,38vw);min-height:40px} .simb-simusics-home-albums__sort select{min-height:40px;padding:7px 34px 7px 12px;border:1px solid var(--simb-border);border-radius:999px;background:var(--simb-surface);color:var(--simb-text);font:inherit;font-size:11px;font-weight:800} .simb-simusics-home-albums__grid{gap:18px} .simb-simusics-home-album{position:relative;min-width:0} .simb-simusics-home-album__cover-wrap{position:relative} .simb-simusics-home-album__cover-wrap>a{display:block;color:inherit;text-decoration:none} .simb-simusics-home-album__cover{border-radius:16px} .simb-simusics-home-album__play{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#8de83d;color:#06152d;box-shadow:0 10px 25px rgba(0,0,0,.32);opacity:0;transform:translateY(5px) scale(.94);transition:opacity .18s ease,transform .18s ease,filter .18s ease;cursor:pointer;z-index:4} .simb-simusics-home-album__play span{display:block;transform:translateX(1px)} .simb-simusics-home-album:hover .simb-simusics-home-album__play,.simb-simusics-home-album:focus-within .simb-simusics-home-album__play{opacity:1;transform:none} .simb-simusics-home-album__play:hover{filter:brightness(1.05)} .simb-simusics-home-album__text{display:block;color:inherit;text-decoration:none} .simb-simusics-home-album__text strong{margin-top:9px;font-size:12px} .simb-simusics-home-album__text small{font-size:9px} .simb-simusics-home-album a:hover .simb-simusics-home-album__cover{transform:translateY(-2px)} @media(max-width:820px){.simb-simusics-home__intro .simb-shell{align-items:flex-start;flex-direction:column}.simb-simusics-home__stats{width:100%}.simb-simusics-home__stats span{flex:1 1 0}.simb-simusics-home-hero__content{grid-template-columns:190px minmax(0,1fr);padding:32px}.simb-simusics-home-albums__tools{width:100%}.simb-simusics-home-albums__search{flex:1 1 220px}.simb-simusics-home-albums__search input{width:100%}} @media(max-width:560px){.simb-simusics-home__brand h1{font-size:42px}.simb-simusics-home-nav .simb-shell{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.simb-simusics-home-nav a{flex:0 0 auto}.simb-simusics-home-hero__content{grid-template-columns:1fr;padding:22px 20px 68px}.simb-simusics-home-hero__cover{width:min(68vw,230px)}.simb-simusics-home-top li{grid-template-columns:24px 36px 42px minmax(0,1fr);gap:8px;padding:9px 10px}.simb-simusics-home-album__play{opacity:1;transform:none;width:38px;height:38px;right:9px;bottom:9px}.simb-simusics-home-albums__tools{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}.simb-simusics-home-albums__search{min-width:0}} /* alpha.57 — SIMusics Home 2.0 */ .simb-simusics-home__intro{padding:26px 0 10px;background:linear-gradient(180deg,color-mix(in srgb,var(--simb-surface) 18%,transparent),transparent)} .simb-simusics-home__brand h1{font-size:clamp(42px,4.6vw,62px)} .simb-simusics-home__brand>p:last-child{max-width:620px} .simb-simusics-home-nav{position:sticky;top:0;z-index:24;padding:8px 0;background:color-mix(in srgb,var(--simb-bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--simb-border) 65%,transparent)} .admin-bar .simb-simusics-home-nav{top:32px} .simb-simusics-home-hero{padding:14px 0 34px}.simb-simusics-home-hero__stage{min-height:500px;border-radius:26px;overflow:hidden} .simb-simusics-home-hero__backdrop{filter:blur(16px) saturate(.9);transform:scale(1.08);opacity:.36}.simb-simusics-home-hero__veil{background:linear-gradient(90deg,rgba(4,17,43,.96) 0%,rgba(5,27,61,.89) 44%,rgba(8,29,55,.74) 100%)} .simb-simusics-home-hero__content{grid-template-columns:minmax(230px,300px) minmax(0,760px);justify-content:center;gap:clamp(34px,5vw,68px);min-height:500px;padding:42px clamp(50px,6vw,92px)} .simb-simusics-home-hero__cover{width:100%;max-width:300px;border-radius:24px;box-shadow:0 24px 56px rgba(0,0,0,.34)}.simb-simusics-home-hero__copy{align-self:center;min-width:0} .simb-simusics-home-hero__copy h2{max-width:760px;font-size:clamp(38px,4vw,58px);line-height:.98;letter-spacing:-.035em;text-wrap:balance} .simb-simusics-home-hero__platforms{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}.simb-simusics-home-hero__platforms>span{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(4,19,43,.5);color:#c9d6e7;font-size:9px;font-weight:850}.simb-simusics-home-hero__platforms svg{width:14px;height:14px;fill:currentColor} .simb-simusics-home-hero__summary{max-width:660px;font-size:13px;line-height:1.65;color:#c7d3e4} .simb-simusics-home-section{padding:34px 0}.simb-simusics-home-section__head{margin-bottom:14px} .simb-simusics-home-most .simb-simusics-home-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;background:transparent;overflow:visible} .simb-simusics-home-most .simb-simusics-home-top li{grid-column:1/-1;display:grid;grid-template-columns:34px 38px 46px minmax(0,1fr) 84px 56px;gap:10px;min-height:62px;padding:8px 12px;border:1px solid var(--simb-border);border-radius:13px;background:color-mix(in srgb,var(--simb-surface-alt) 88%,transparent)} .simb-simusics-home-most .simb-simusics-home-top li.is-top-three{grid-column:auto;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;min-height:162px;padding:16px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--simb-accent) 9%,var(--simb-surface-alt)),var(--simb-surface-alt));box-shadow:none} .simb-simusics-home-most .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__rank{grid-column:1;grid-row:1;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--simb-accent) 16%,var(--simb-surface));font-size:15px}.simb-simusics-home-most .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__play{grid-column:1;grid-row:3;width:38px;height:38px}.simb-simusics-home-most .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__art{grid-column:2;grid-row:1 / span 2;width:72px;height:72px;border-radius:14px;justify-self:end}.simb-simusics-home-most .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__copy{grid-column:1 / -1;grid-row:2;padding-top:10px}.simb-simusics-home-most .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__copy strong{font-size:16px}.simb-simusics-home-most .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__plays{grid-column:2;grid-row:3;justify-self:end;text-align:right}.simb-simusics-home-most .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__duration{display:none} .simb-simusics-home-albums__grid{grid-template-columns:repeat(var(--simb-album-columns,6),minmax(0,1fr));gap:16px}.simb-simusics-home-album{min-width:0}.simb-simusics-home-album__cover-wrap{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--simb-border);border-radius:17px;background:color-mix(in srgb,var(--simb-surface-alt) 90%,#000 10%)} .simb-simusics-home-album__cover-link,.simb-simusics-home-album__cover{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.simb-simusics-home-album__cover{position:relative;overflow:hidden;border:0;border-radius:0;aspect-ratio:1;transform:none!important;box-shadow:none!important}.simb-simusics-home-album__cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease,filter .25s ease} .simb-simusics-home-album__overlay{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;justify-content:flex-end;min-height:44%;padding:38px 12px 11px;background:linear-gradient(180deg,transparent,rgba(3,12,28,.9));opacity:.94;transform:translateY(8px);transition:transform .18s ease,opacity .18s ease}.simb-simusics-home-album__overlay strong{margin:0;color:#fff;font-size:12px;line-height:1.25;text-shadow:0 1px 10px rgba(0,0,0,.5)}.simb-simusics-home-album__overlay small{margin-top:3px;color:#c8d4e6;font-size:9px;font-weight:750}.simb-simusics-home-album:hover .simb-simusics-home-album__overlay,.simb-simusics-home-album:focus-within .simb-simusics-home-album__overlay{transform:none;opacity:1}.simb-simusics-home-album:hover .simb-simusics-home-album__cover img,.simb-simusics-home-album:focus-within .simb-simusics-home-album__cover img{transform:scale(1.035);filter:brightness(.9)} .simb-simusics-home-album__placeholder{display:grid;place-items:center;align-content:center;gap:10px;width:100%;height:100%;padding:18px;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--simb-accent) 18%,transparent),transparent 48%),linear-gradient(145deg,var(--simb-surface-alt),var(--simb-surface));color:var(--simb-muted);text-align:center}.simb-simusics-home-album__placeholder b{font-size:30px;color:var(--simb-accent)}.simb-simusics-home-album__placeholder small{font-size:10px;font-weight:900;line-height:1.25}.simb-simusics-home-album__play{right:10px;bottom:10px;width:40px;height:40px;opacity:1;transform:none}.simb-simusics-home-album__text{display:none!important} @media(max-width:1180px){.simb-simusics-home-albums__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.simb-simusics-home-hero__content{grid-template-columns:240px minmax(0,1fr);padding:38px 52px}} @media(max-width:900px){.simb-simusics-home-most .simb-simusics-home-top{grid-template-columns:1fr}.simb-simusics-home-most .simb-simusics-home-top li.is-top-three{grid-column:1}.simb-simusics-home-albums__grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:820px){.admin-bar .simb-simusics-home-nav{top:46px}.simb-simusics-home-hero__content{grid-template-columns:180px minmax(0,1fr);padding:30px}.simb-simusics-home-hero__copy h2{font-size:38px}.simb-simusics-home-hero__platforms>span>span{display:none}} @media(max-width:560px){.simb-simusics-home-albums__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.simb-simusics-home-hero__content{grid-template-columns:1fr;padding:22px 20px 70px}.simb-simusics-home-hero__cover{width:min(64vw,230px);justify-self:center}.simb-simusics-home-hero__copy h2{font-size:34px}.simb-simusics-home-most .simb-simusics-home-top li:not(.is-top-three){grid-template-columns:26px 34px 42px minmax(0,1fr)}.simb-simusics-home-most .simb-simusics-home-top li:not(.is-top-three) .simb-simusics-home-top__plays,.simb-simusics-home-most .simb-simusics-home-top li:not(.is-top-three) .simb-simusics-home-top__duration{display:none}} /* alpha.59 — SIMusics Home block builder */ .simb-simusics-home{display:flex;flex-direction:column} .simb-simusics-home__intro{order:0}.simb-simusics-home-nav{order:1}.simb-simusics-home>[data-sat-player]{order:999} .simb-home-block--width-contained>.simb-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto} .simb-home-block--width-wide>.simb-shell{width:min(1540px,calc(100% - 48px));margin-inline:auto} .simb-home-block--width-full>.simb-shell{width:100%;max-width:none;padding-inline:clamp(18px,3vw,52px)} .simb-simusics-home-hero.simb-home-block--spacing-compact{padding-block:6px 18px}.simb-simusics-home-hero.simb-home-block--spacing-airy{padding-block:30px 56px} .simb-simusics-home-section.simb-home-block--spacing-compact{padding-block:18px}.simb-simusics-home-section.simb-home-block--spacing-airy{padding-block:58px} .simb-home-block--style-clean .simb-simusics-home-hero__stage{box-shadow:none;background:var(--simb-surface)} .simb-home-block--style-clean .simb-simusics-home-hero__backdrop{opacity:.16;filter:blur(22px) saturate(.65)} .simb-home-block--style-clean .simb-simusics-home-hero__veil{background:linear-gradient(90deg,color-mix(in srgb,var(--simb-surface) 97%,transparent),color-mix(in srgb,var(--simb-surface-alt) 88%,transparent))} .simb-home-block--style-cover_focus .simb-simusics-home-hero__content{grid-template-columns:minmax(300px,390px) minmax(0,650px)} .simb-home-block--style-cover_focus .simb-simusics-home-hero__cover{max-width:390px} .simb-home-block--style-list .simb-simusics-home-top{display:block!important;border:1px solid var(--simb-border)!important;border-radius:20px!important;overflow:hidden!important;background:var(--simb-surface)!important} .simb-home-block--style-list .simb-simusics-home-top li,.simb-home-block--style-list .simb-simusics-home-top li.is-top-three{display:grid!important;grid-template-columns:34px 38px 46px minmax(0,1fr) 84px 56px!important;grid-template-rows:auto!important;min-height:62px!important;padding:8px 12px!important;border:0!important;border-bottom:1px solid var(--simb-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} .simb-home-block--style-list .simb-simusics-home-top li:last-child{border-bottom:0!important}.simb-home-block--style-list .simb-simusics-home-top li.is-top-three>*{grid-column:auto!important;grid-row:auto!important;width:auto;height:auto;justify-self:auto;padding-top:0!important}.simb-home-block--style-list .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__rank{width:auto;height:auto;background:transparent;font-size:12px}.simb-home-block--style-list .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__play{width:36px;height:36px}.simb-home-block--style-list .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__art{width:46px;height:46px}.simb-home-block--style-list .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__copy strong{font-size:13px}.simb-home-block--style-list .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__duration{display:block} .simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__overlay{position:static;min-height:0;padding:9px 2px 0;background:transparent;transform:none;opacity:1}.simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__overlay strong{color:var(--simb-text);text-shadow:none}.simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__overlay small{color:var(--simb-muted)}.simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__cover-wrap{overflow:visible;border:0;background:transparent}.simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__cover{border:1px solid var(--simb-border);border-radius:17px} @media(max-width:620px){.simb-home-block--width-contained>.simb-shell,.simb-home-block--width-wide>.simb-shell{width:min(100% - 24px,1540px)}.simb-home-block--width-full>.simb-shell{padding-inline:12px}.simb-home-block--style-cover_focus .simb-simusics-home-hero__content{grid-template-columns:1fr}} /* alpha.60 — SIMusics Design Studio */ .simb-simusics-home>[data-simb-home-block]{position:relative;opacity:var(--simb-home-opacity,1);color:var(--simb-home-color,inherit)} .simb-simusics-home>[data-simb-home-block]>.simb-shell{background:var(--simb-home-bg,transparent);border:var(--simb-home-border-width,0) solid var(--simb-home-border-color,var(--simb-border));border-radius:var(--simb-home-radius,0);box-shadow:var(--simb-home-shadow,none);padding-left:var(--simb-home-pad-x,0);padding-right:var(--simb-home-pad-x,0);padding-top:var(--simb-home-pad-y,0);padding-bottom:var(--simb-home-pad-y,0)} .simb-simusics-home>.simb-home-block--width-full>.simb-shell{padding-left:max(var(--simb-home-pad-x,0px),clamp(18px,3vw,52px));padding-right:max(var(--simb-home-pad-x,0px),clamp(18px,3vw,52px))} body.simb-simusics-editor-open .simb-simusics-home>[data-simb-home-block]{cursor:pointer;outline:1px dashed transparent;outline-offset:-3px;transition:outline-color .15s ease,box-shadow .15s ease} body.simb-simusics-editor-open .simb-simusics-home>[data-simb-home-block]:hover{outline-color:rgba(141,232,61,.45)} body.simb-simusics-editor-open .simb-simusics-home>[data-simb-home-block].is-simbuilder-selected{outline:2px solid #8de83d;outline-offset:-4px;box-shadow:inset 0 0 0 1px rgba(141,232,61,.18)} body.simb-simusics-editor-open .simb-simusics-home>[data-simb-home-block].is-simbuilder-selected:before{content:attr(data-simb-home-block);position:absolute;z-index:70;top:8px;left:8px;padding:5px 8px;border-radius:999px;background:#8de83d;color:#06152d;font:900 9px/1 system-ui;text-transform:uppercase;letter-spacing:.06em;pointer-events:none} .simb-simusics-home__intro.simb-home-block--spacing-compact{padding:14px 0 6px}.simb-simusics-home__intro.simb-home-block--spacing-comfortable{padding:28px 0 14px}.simb-simusics-home__intro.simb-home-block--spacing-airy{padding:52px 0 26px} .simb-simusics-home__intro.simb-home-block--style-centered .simb-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.simb-simusics-home__intro.simb-home-block--style-centered .simb-simusics-home__brand>p{margin-left:auto;margin-right:auto}.simb-simusics-home__intro.simb-home-block--style-centered .simb-simusics-home__stats{align-self:center} .simb-simusics-home__intro.simb-home-block--style-minimal{background:none}.simb-simusics-home__intro.simb-home-block--style-minimal .simb-simusics-home__brand h1{font-size:clamp(34px,4vw,54px)}.simb-simusics-home__intro.simb-home-block--style-minimal .simb-simusics-home__stats span{min-width:90px;padding:9px 11px;background:transparent} .simb-simusics-home__intro.simb-home-align-center .simb-simusics-home__brand{text-align:center}.simb-simusics-home__intro.simb-home-align-right .simb-simusics-home__brand{text-align:right;margin-left:auto}.simb-simusics-home__intro.simb-home-align-center .simb-simusics-home__brand>p,.simb-simusics-home__intro.simb-home-align-right .simb-simusics-home__brand>p{margin-left:auto}.simb-simusics-home__intro.simb-home-align-center .simb-simusics-home__brand>p{margin-right:auto} .simb-simusics-home-nav{position:relative;top:auto}.simb-simusics-home-nav.is-sticky{position:sticky;top:0}.admin-bar .simb-simusics-home-nav.is-sticky{top:32px} .simb-simusics-home-nav.simb-home-block--spacing-compact{padding:6px 0}.simb-simusics-home-nav.simb-home-block--spacing-comfortable{padding:11px 0}.simb-simusics-home-nav.simb-home-block--spacing-airy{padding:18px 0} .simb-simusics-home-nav.simb-home-align-center .simb-shell{justify-content:center}.simb-simusics-home-nav.simb-home-align-right .simb-shell{justify-content:flex-end} .simb-simusics-home-nav.simb-home-block--style-tabs a{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding-inline:9px}.simb-simusics-home-nav.simb-home-block--style-tabs a:hover,.simb-simusics-home-nav.simb-home-block--style-tabs a:focus-visible{border-bottom-color:var(--simb-accent);background:transparent} .simb-simusics-home-nav.simb-home-block--style-minimal{background:transparent;border-bottom:0;backdrop-filter:none}.simb-simusics-home-nav.simb-home-block--style-minimal a{min-height:auto;padding:3px 5px;border:0;border-radius:0;background:transparent}.simb-simusics-home-nav.simb-home-block--style-minimal a:hover,.simb-simusics-home-nav.simb-home-block--style-minimal a:focus-visible{background:transparent;color:var(--simb-accent)} .simb-simusics-home-nav__empty{color:var(--simb-muted);font-size:10px;font-weight:800} .simb-simusics-home-hero__stage,.simb-simusics-home-hero__content{min-height:var(--simb-home-hero-height,500px)} .simb-simusics-home-hero__cover{max-width:var(--simb-home-hero-cover,300px)} .simb-simusics-home-hero__copy h2{font-size:clamp(28px,4vw,var(--simb-home-hero-title,58px))} .simb-simusics-home-hero__veil{background:linear-gradient(90deg,rgba(4,17,43,var(--simb-home-hero-overlay,.9)) 0%,rgba(5,27,61,var(--simb-home-hero-overlay,.9)) 44%,rgba(8,29,55,var(--simb-home-hero-overlay,.9)) 100%)} .simb-simusics-home-most .simb-simusics-home-top{gap:var(--simb-home-top-gap,12px)} .simb-simusics-home-most .simb-simusics-home-top li,.simb-simusics-home-most .simb-simusics-home-top li.is-top-three{border-radius:var(--simb-home-top-radius,18px)} .simb-simusics-home-most .simb-simusics-home-top li{grid-template-columns:auto auto auto minmax(0,1fr) auto auto} .simb-home-block--style-list .simb-simusics-home-top li,.simb-home-block--style-list .simb-simusics-home-top li.is-top-three{grid-template-columns:auto auto auto minmax(0,1fr) auto auto!important} .simb-simusics-home-albums__grid{grid-template-columns:repeat(var(--simb-album-columns,6),minmax(0,1fr));gap:var(--simb-album-gap,16px)} .simb-simusics-home-album__cover-wrap,.simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__cover{border-radius:var(--simb-album-radius,17px)} .simb-simusics-home-albums--no-overlay .simb-simusics-home-album__overlay{display:none!important} @media(min-width:901px) and (max-width:1180px){.simb-simusics-home-albums__grid{grid-template-columns:repeat(var(--simb-album-columns-l,5),minmax(0,1fr))}} @media(min-width:621px) and (max-width:900px){.simb-simusics-home-albums__grid{grid-template-columns:repeat(var(--simb-album-columns-t,3),minmax(0,1fr))}.simb-home-block--hide-tablet{display:none!important}.simb-simusics-home-hero__stage,.simb-simusics-home-hero__content{min-height:var(--simb-home-hero-height-t,470px)}} @media(max-width:620px){.simb-simusics-home-albums__grid{grid-template-columns:repeat(var(--simb-album-columns-m,2),minmax(0,1fr))}.simb-home-block--hide-mobile{display:none!important}.simb-simusics-home-hero__stage,.simb-simusics-home-hero__content{min-height:var(--simb-home-hero-height-m,620px)}.simb-simusics-home-hero__copy h2{font-size:min(var(--simb-home-hero-title,58px),42px)}.admin-bar .simb-simusics-home-nav.is-sticky{top:46px}} /* alpha.61 — SIMusics Hero now shares the Games Hero canvas */ .simb-simusics-home-hero{padding:0!important;background:transparent} .simb-simusics-home-hero>.simb-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important} .simb-simusics-home-hero__stage{position:relative;min-height:var(--simb-home-hero-height,760px);overflow:hidden;border:0!important;border-radius:0!important;background:var(--simb-hero);box-shadow:none!important} .simb-simusics-home-hero__slide.simb-hero{position:absolute;inset:0;min-height:inherit;border-radius:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease} .simb-simusics-home-hero__slide.simb-hero.is-active{z-index:1;opacity:1;visibility:visible} .simb-simusics-home-hero__slide.simb-hero:before{inset:-30px;background-size:cover;background-position:center;filter:blur(var(--simb-hero-blur,5px)) saturate(.92);transform:scale(1.055)} .simb-simusics-home-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,var(--simb-home-hero-cover,300px));grid-template-rows:auto auto;align-content:center;align-items:start;column-gap:clamp(44px,7vw,110px);row-gap:clamp(26px,3.4vh,38px);min-height:inherit;padding-top:clamp(48px,6vh,76px);padding-bottom:clamp(82px,10vh,128px)} .simb-simusics-home-hero__identity{grid-column:1;grid-row:1;align-self:end;max-width:760px;min-width:0;color:#fff} .simb-simusics-home-hero__identity-eyebrow{margin:0 0 8px;color:rgba(255,255,255,.78);font-size:11px;font-weight:850;letter-spacing:.075em;text-transform:uppercase} .simb-simusics-home-hero__identity h1{max-width:820px;margin:0;font-size:clamp(34px,4.7vw,var(--simb-home-hero-page-title,52px));font-weight:950;line-height:.92;letter-spacing:-.045em;color:#fff;text-wrap:balance;text-shadow:0 4px 28px rgba(0,0,0,.2)} .simb-simusics-home-hero__identity-subtitle{max-width:650px;margin:10px 0 0;color:rgba(239,246,255,.88);font-size:clamp(13px,1.1vw,16px);line-height:1.5;text-shadow:0 2px 14px rgba(0,0,0,.2)} .simb-simusics-home-hero__copy{grid-column:1;grid-row:2;align-self:start;max-width:760px;min-width:0;padding-top:clamp(20px,2.5vh,28px);border-top:1px solid rgba(255,255,255,.18);color:#fff} .simb-simusics-home-hero__copy .simb-kicker{margin:0 0 10px;color:var(--simb-accent);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase} .simb-simusics-home-hero__copy h2{max-width:820px;margin:0;font-size:clamp(44px,6vw,var(--simb-home-hero-title,68px));font-weight:900;line-height:.92;letter-spacing:-.045em;color:#fff;text-wrap:balance;text-shadow:0 4px 28px rgba(0,0,0,.18)} .simb-simusics-home-hero__meta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;color:#fff} .simb-simusics-home-hero__meta span{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(8,24,54,.46);backdrop-filter:blur(8px);font-size:11px;font-weight:800} .simb-simusics-home-hero__platforms{margin-top:9px} .simb-simusics-home-hero__platforms .simb-chip{display:inline-flex;align-items:center;gap:6px} .simb-simusics-home-hero__platforms svg{width:var(--simb-active-icon-size,14px);height:var(--simb-active-icon-size,14px);fill:currentColor} .simb-simusics-home-hero__summary{max-width:700px;margin:18px 0 0;color:#fff;font-size:clamp(15px,1.35vw,20px);line-height:1.5;text-shadow:0 2px 14px rgba(0,0,0,.2)} .simb-simusics-home-hero__actions{margin-top:24px} .simb-simusics-home-hero__cover{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:center;width:min(100%,var(--simb-home-hero-cover,300px));aspect-ratio:1;overflow:hidden;border:0;border-radius:14px;background:rgba(8,23,49,.72);box-shadow:0 28px 55px rgba(0,0,0,.38)} .simb-simusics-home-hero__cover img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit} .simb-simusics-home-hero__cover>span{display:grid;place-items:center;width:100%;height:100%;font-size:68px} .simb-simusics-home-hero__nav{z-index:8;border-color:rgba(255,255,255,.26);background:rgba(9,25,55,.58)} .simb-simusics-home-hero__nav.is-prev{left:max(16px,calc((100vw - 1480px)/2 - 58px))}.simb-simusics-home-hero__nav.is-next{right:max(16px,calc((100vw - 1480px)/2 - 58px))} .simb-simusics-home-hero__dots{z-index:8;right:max(28px,calc((100vw - 1480px)/2));bottom:38px} .simb-home-block--style-clean.simb-simusics-home-hero .simb-hero:before{filter:blur(calc(var(--simb-hero-blur,5px) + 5px)) saturate(.75);opacity:.72} .simb-home-block--style-clean.simb-simusics-home-hero .simb-hero__shade{background:linear-gradient(90deg,rgba(5,11,34,.94),rgba(5,11,34,.66) 58%,rgba(5,11,34,.30)),linear-gradient(0deg,var(--simb-bg) 0,rgba(7,21,47,.94) 10%,transparent 34%)} .simb-home-block--style-cover_focus.simb-simusics-home-hero .simb-simusics-home-hero__inner{grid-template-columns:minmax(0,1fr) minmax(300px,min(36vw,460px))}.simb-home-block--style-cover_focus.simb-simusics-home-hero .simb-simusics-home-hero__cover{width:min(100%,460px)} @media(max-width:900px){ .simb-simusics-home-hero__stage{min-height:var(--simb-home-hero-height-t,720px)} .simb-simusics-home-hero__slide.simb-hero{--simb-hero-height:var(--simb-home-hero-height-t,720px)} .simb-simusics-home-hero__inner{grid-template-columns:minmax(0,1fr) minmax(190px,min(31vw,var(--simb-home-hero-cover,300px)));column-gap:32px;row-gap:26px;padding-top:46px;padding-bottom:100px} .simb-simusics-home-hero__identity h1{font-size:clamp(34px,5.5vw,min(var(--simb-home-hero-page-title,52px),52px))} .simb-simusics-home-hero__copy h2{font-size:clamp(38px,6vw,min(var(--simb-home-hero-title,68px),64px))} .simb-simusics-home-hero__summary{font-size:15px} } @media(max-width:620px){ .simb-simusics-home-hero__stage{min-height:var(--simb-home-hero-height-m,760px)} .simb-simusics-home-hero__slide.simb-hero{--simb-hero-height:var(--simb-home-hero-height-m,760px)} .simb-simusics-home-hero__inner{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;padding-top:38px;padding-bottom:106px} .simb-simusics-home-hero__identity{order:1;width:100%;max-width:none} .simb-simusics-home-hero__identity h1{font-size:clamp(34px,12vw,min(var(--simb-home-hero-page-title,52px),52px))} .simb-simusics-home-hero__identity-subtitle{font-size:13px} .simb-simusics-home-hero__cover{order:2;align-self:flex-start;width:min(46vw,196px)} .simb-simusics-home-hero__copy{order:3;width:100%;max-width:none;padding-top:18px} .simb-simusics-home-hero__copy h2{font-size:clamp(36px,11vw,min(var(--simb-home-hero-title,68px),54px));line-height:.94} .simb-simusics-home-hero__summary{display:block;max-width:100%;font-size:14px;line-height:1.48} .simb-simusics-home-hero__platforms>span>span{display:none} .simb-simusics-home-hero__nav{top:auto;bottom:24px;margin:0}.simb-simusics-home-hero__nav.is-prev{left:18px}.simb-simusics-home-hero__nav.is-next{right:18px} .simb-simusics-home-hero__dots{right:50%;bottom:42px;transform:translateX(50%)} } /* alpha.64 — Step 3: global SIMusics library stats live inside the Games-style Hero */ .simb-simusics-home-hero__stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px} .simb-simusics-home-hero__stats span{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:7px;min-height:38px;padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(7,22,50,.38);color:#fff;backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.08)} .simb-simusics-home-hero__stats strong{font-size:18px;font-weight:950;line-height:1;letter-spacing:-.03em} .simb-simusics-home-hero__stats small{color:rgba(236,244,255,.72);font-size:9px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.075em} @media(max-width:620px){.simb-simusics-home-hero__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,320px);gap:7px;margin-top:14px}.simb-simusics-home-hero__stats span{grid-template-columns:1fr;align-items:start;row-gap:3px;min-height:0;padding:8px 10px}.simb-simusics-home-hero__stats strong{font-size:17px}} /* alpha.65 — Step 4: balance the unified Hero content rail; cover artwork keeps normal sizing */ .simb-simusics-home-hero__inner{ grid-template-rows:1fr; align-items:center; } .simb-simusics-home-hero__rail{ grid-column:1; grid-row:1; align-self:var(--simb-home-hero-content-align,center); display:flex; flex-direction:column; gap:var(--simb-home-hero-content-gap,28px); width:min(100%,var(--simb-home-hero-text-width,760px)); max-width:var(--simb-home-hero-text-width,760px); min-width:0; } .simb-simusics-home-hero__identity, .simb-simusics-home-hero__copy{ grid-column:auto; grid-row:auto; align-self:auto; width:100%; max-width:none; } .simb-simusics-home-hero__copy{ padding-top:var(--simb-home-hero-content-gap,28px); margin-top:calc(var(--simb-home-hero-content-gap,28px) * -1); border-top:1px solid rgba(255,255,255,.18); } .simb-simusics-home-hero--no-divider .simb-simusics-home-hero__copy, .simb-simusics-home-hero--identity-hidden .simb-simusics-home-hero__copy, .simb-simusics-home-hero__rail>.simb-simusics-home-hero__copy:first-child{ padding-top:0; margin-top:0; border-top:0; } .simb-simusics-home-hero__cover{ grid-column:2; grid-row:1; /* Deliberately unchanged: normal square album artwork from alpha.64. */ } @media(max-width:900px){ .simb-simusics-home-hero__rail{width:min(100%,var(--simb-home-hero-text-width,760px))} } @media(max-width:620px){ .simb-simusics-home-hero__inner{display:flex} .simb-simusics-home-hero__rail{display:contents} .simb-simusics-home-hero__identity{order:1} .simb-simusics-home-hero__cover{order:2} .simb-simusics-home-hero__copy{order:3;padding-top:18px;margin-top:0;border-top:1px solid rgba(255,255,255,.18)} .simb-simusics-home-hero--no-divider .simb-simusics-home-hero__copy,.simb-simusics-home-hero--identity-hidden .simb-simusics-home-hero__copy{padding-top:0;border-top:0} } /* alpha.66 — Step 5: responsive SIMusics Hero controls; album covers stay normal squares */ @media(max-width:900px){ .simb-simusics-home-hero__rail{ width:min(100%,var(--simb-home-hero-text-width-t,680px)); max-width:var(--simb-home-hero-text-width-t,680px); gap:var(--simb-home-hero-content-gap-t,24px); align-self:var(--simb-home-hero-content-align-t,center); } .simb-simusics-home-hero__copy{ padding-top:var(--simb-home-hero-content-gap-t,24px); margin-top:calc(var(--simb-home-hero-content-gap-t,24px) * -1); } .simb-simusics-home-hero__identity h1{font-size:clamp(28px,5.5vw,var(--simb-home-hero-page-title-t,46px))} .simb-simusics-home-hero__copy h2{font-size:clamp(32px,6vw,var(--simb-home-hero-title-t,58px))} } @media(max-width:620px){ .simb-simusics-home-hero__inner{ justify-content:var(--simb-home-hero-content-align-m,center); gap:var(--simb-home-hero-content-gap-m,20px); } .simb-simusics-home-hero__identity h1{font-size:var(--simb-home-hero-page-title-m,40px)} .simb-simusics-home-hero__copy h2{font-size:var(--simb-home-hero-title-m,46px)} .simb-simusics-home-hero__copy{ padding-top:var(--simb-home-hero-content-gap-m,20px); margin-top:0; } .simb-simusics-home-hero--mobile-hide-stats .simb-simusics-home-hero__stats{display:none!important} .simb-simusics-home-hero--mobile-hide-platforms .simb-simusics-home-hero__platforms{display:none!important} .simb-simusics-home-hero--mobile-hide-summary .simb-simusics-home-hero__summary{display:none!important} } /* alpha.67 — Step 6: internal SIMusics Hero element studio; cover artwork remains untouched */ .simb-simusics-home-hero__identity-eyebrow{ color:var(--simb-home-hero-secondary-color,rgba(255,255,255,.78)); font-size:var(--simb-home-hero-eyebrow-size,11px); } .simb-simusics-home-hero__identity h1, .simb-simusics-home-hero__copy h2{ color:var(--simb-home-hero-title-color,#fff); } .simb-simusics-home-hero__identity-subtitle{ color:var(--simb-home-hero-secondary-color,rgba(239,246,255,.88)); font-size:var(--simb-home-hero-intro-size,16px); } .simb-simusics-home-hero__copy .simb-kicker{ color:var(--simb-home-hero-accent,var(--simb-accent)); font-size:var(--simb-home-hero-kicker-size,11px); } .simb-simusics-home-hero__meta, .simb-simusics-home-hero__meta span{ color:var(--simb-home-hero-secondary-color,#c8d6ea); font-size:var(--simb-home-hero-meta-size,11px); } .simb-simusics-home-hero__platforms .simb-chip{ color:var(--simb-home-hero-secondary-color,#c9d6e7); } .simb-simusics-home-hero__summary{ color:var(--simb-home-hero-secondary-color,#fff); font-size:var(--simb-home-hero-summary-size,18px); } .simb-simusics-home-hero__stats strong{ color:var(--simb-home-hero-title-color,#fff); font-size:var(--simb-home-hero-stats-number-size,18px); } .simb-simusics-home-hero__stats small{color:var(--simb-home-hero-secondary-color,rgba(236,244,255,.72))} .simb-simusics-home-hero--stats-minimal .simb-simusics-home-hero__stats{gap:18px} .simb-simusics-home-hero--stats-minimal .simb-simusics-home-hero__stats span{ min-height:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; } .simb-simusics-home-hero--stats-accent .simb-simusics-home-hero__stats span{ border-color:color-mix(in srgb,var(--simb-home-hero-accent,var(--simb-accent)) 48%,transparent); background:color-mix(in srgb,var(--simb-home-hero-accent,var(--simb-accent)) 16%,rgba(7,22,50,.52)); } .simb-simusics-home-hero--stats-accent .simb-simusics-home-hero__stats strong{color:var(--simb-home-hero-accent,var(--simb-accent))} .simb-simusics-home-hero--meta-minimal .simb-simusics-home-hero__meta{gap:0} .simb-simusics-home-hero--meta-minimal .simb-simusics-home-hero__meta span{ min-height:0; padding:0; border:0; border-radius:0; background:transparent; backdrop-filter:none; } .simb-simusics-home-hero--meta-minimal .simb-simusics-home-hero__meta span+span:before{ content:"•"; margin:0 8px; color:var(--simb-home-hero-accent,var(--simb-accent)); } .simb-simusics-home-hero--platform-minimal .simb-simusics-home-hero__platforms{gap:12px} .simb-simusics-home-hero--platform-minimal .simb-simusics-home-hero__platforms .simb-chip{ min-height:0; padding:0; border:0; border-radius:0; background:transparent; } .simb-simusics-home-hero--platform-minimal .simb-simusics-home-hero__platforms svg{color:var(--simb-home-hero-accent,var(--simb-accent))} .simb-simusics-home__play, .simb-simusics-home__album-link{ font-size:var(--simb-home-hero-button-text-size,13px); } .simb-simusics-home__play{ border-color:var(--simb-home-hero-accent,var(--simb-accent)); background:var(--simb-home-hero-accent,var(--simb-accent)); } .simb-simusics-home__album-link{color:var(--simb-home-hero-title-color,#fff)} .simb-simusics-home-hero--buttons-rounded .simb-simusics-home__play, .simb-simusics-home-hero--buttons-rounded .simb-simusics-home__album-link{border-radius:12px} .simb-simusics-home-hero--buttons-compact .simb-simusics-home__play, .simb-simusics-home-hero--buttons-compact .simb-simusics-home__album-link{ min-height:38px; padding:7px 13px; border-radius:10px; } .simb-simusics-home-hero__nav{ width:var(--simb-home-hero-nav-size,44px); height:var(--simb-home-hero-nav-size,44px); margin-top:0; transform:translateY(-50%); font-size:28px; } .simb-simusics-home-hero--nav-minimal .simb-simusics-home-hero__nav{ border-color:transparent; background:transparent; backdrop-filter:none; box-shadow:none; text-shadow:0 2px 12px rgba(0,0,0,.45); } .simb-simusics-home-hero__dots button.is-active{background:var(--simb-home-hero-accent,var(--simb-accent))} .simb-simusics-home-hero--dots-dots .simb-simusics-home-hero__dots button, .simb-simusics-home-hero--dots-dots .simb-simusics-home-hero__dots button.is-active{width:8px} @media(max-width:620px){ .simb-simusics-home-hero__identity-subtitle{font-size:min(var(--simb-home-hero-intro-size,16px),16px)} .simb-simusics-home-hero__summary{font-size:min(var(--simb-home-hero-summary-size,18px),18px)} .simb-simusics-home-hero__nav{margin-top:0;transform:none} } /* alpha.68 — SIMusics full block personalization studio */ /* Section navigation */ .simb-simusics-home-nav .simb-shell{gap:var(--simb-home-nav-gap,8px)} .simb-simusics-home-nav a{min-height:var(--simb-home-nav-height,34px);border-color:var(--simb-home-nav-border,var(--simb-border));border-radius:var(--simb-home-nav-radius,999px);background:var(--simb-home-nav-surface,color-mix(in srgb,var(--simb-surface) 84%,transparent));font-size:var(--simb-home-nav-font-size,10px)} .simb-simusics-home-nav a:hover,.simb-simusics-home-nav a:focus-visible{border-color:color-mix(in srgb,var(--simb-home-nav-accent,var(--simb-accent)) 62%,var(--simb-home-nav-border,var(--simb-border)));background:color-mix(in srgb,var(--simb-home-nav-accent,var(--simb-accent)) 10%,var(--simb-home-nav-surface,var(--simb-surface)));color:var(--simb-text)} .simb-simusics-home-nav.simb-home-block--style-tabs a{border-color:transparent;border-radius:0;background:transparent}.simb-simusics-home-nav.simb-home-block--style-tabs a:hover,.simb-simusics-home-nav.simb-home-block--style-tabs a:focus-visible{border-bottom-color:var(--simb-home-nav-accent,var(--simb-accent))} .simb-simusics-home-nav.simb-home-block--style-minimal a{background:transparent;border:0}.simb-simusics-home-nav.simb-home-block--style-minimal a:hover,.simb-simusics-home-nav.simb-home-block--style-minimal a:focus-visible{color:var(--simb-home-nav-accent,var(--simb-accent))} .simb-simusics-home-nav a[hidden]{display:none!important} /* Shared section-heading alignment */ .simb-simusics-home-most--head-left .simb-simusics-home-section__head,.simb-simusics-home-albums--head-left .simb-simusics-home-section__head{align-items:flex-start;justify-content:flex-start;flex-direction:column} .simb-simusics-home-most--head-center .simb-simusics-home-section__head,.simb-simusics-home-albums--head-center .simb-simusics-home-section__head{align-items:center;justify-content:center;flex-direction:column;text-align:center} .simb-simusics-home-most--head-center .simb-simusics-home-section__sub,.simb-simusics-home-albums--head-center .simb-simusics-home-section__sub{margin-inline:auto} .simb-simusics-home-most--head-center .simb-simusics-home-section__head>span{align-self:center} .simb-simusics-home-albums--head-left .simb-simusics-home-albums__tools,.simb-simusics-home-albums--head-center .simb-simusics-home-albums__tools{width:100%}.simb-simusics-home-albums--head-center .simb-simusics-home-albums__tools{justify-content:center} /* Most listened */ .simb-simusics-home-most .simb-simusics-home-section__head h2{font-size:var(--simb-home-top-title-size,44px)} .simb-simusics-home-most .simb-simusics-home-section__head .simb-kicker{font-size:var(--simb-home-top-kicker-size,11px)} .simb-simusics-home-most .simb-simusics-home-section__sub{font-size:var(--simb-home-top-subtitle-size,13px)} .simb-simusics-home-most .simb-simusics-home-section__head>span{padding:6px 10px;border:1px solid color-mix(in srgb,var(--simb-home-top-accent,var(--simb-accent)) 22%,var(--simb-border));border-radius:999px;background:color-mix(in srgb,var(--simb-home-top-accent,var(--simb-accent)) 8%,transparent)} .simb-simusics-home-most--count-text .simb-simusics-home-section__head>span{padding:0;border:0;border-radius:0;background:transparent}.simb-simusics-home-most--count-minimal .simb-simusics-home-section__head>span{padding:0;border:0;border-radius:0;background:transparent;opacity:.62;font-weight:700} .simb-simusics-home-most .simb-simusics-home-top{grid-template-columns:repeat(var(--simb-home-top-columns,3),minmax(0,1fr));gap:var(--simb-home-top-gap,12px)} .simb-simusics-home-most .simb-simusics-home-top li{min-height:var(--simb-home-top-row-height,62px);border-color:var(--simb-home-top-card-border,var(--simb-border));background:var(--simb-home-top-card-bg,color-mix(in srgb,var(--simb-surface-alt) 88%,transparent));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease} .simb-simusics-home-most .simb-simusics-home-top li.is-top-three{min-height:max(150px,calc(var(--simb-home-top-row-height,62px) * 2.55));background:linear-gradient(145deg,color-mix(in srgb,var(--simb-home-top-accent,var(--simb-accent)) 9%,var(--simb-home-top-card-bg,var(--simb-surface-alt))),var(--simb-home-top-card-bg,var(--simb-surface-alt)))} .simb-simusics-home-most .simb-simusics-home-top__play{width:var(--simb-home-top-play-size,38px);height:var(--simb-home-top-play-size,38px);background:var(--simb-home-top-accent,var(--simb-accent))} .simb-simusics-home-most .simb-simusics-home-top__art{width:var(--simb-home-top-art-size,48px);height:var(--simb-home-top-art-size,48px)} .simb-simusics-home-most .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__art{width:calc(var(--simb-home-top-art-size,48px) * 1.5);height:calc(var(--simb-home-top-art-size,48px) * 1.5)} .simb-simusics-home-most .simb-simusics-home-top__rank,.simb-simusics-home-most .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__rank{font-size:var(--simb-home-top-rank-size,15px)} .simb-simusics-home-most .simb-simusics-home-top__copy strong,.simb-simusics-home-most .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__copy strong{font-size:var(--simb-home-top-track-title-size,13px)} .simb-simusics-home-most .simb-simusics-home-top__copy small{font-size:var(--simb-home-top-track-meta-size,10px)} .simb-simusics-home-most .simb-simusics-home-top__plays strong{font-size:var(--simb-home-top-plays-size,12px)} .simb-simusics-home-most--rank-plain .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__rank{width:auto;height:auto;border-radius:0;background:transparent}.simb-simusics-home-most--rank-accent .simb-simusics-home-top__rank{color:var(--simb-home-top-accent,var(--simb-accent))}.simb-simusics-home-most--rank-accent .simb-simusics-home-top li.is-top-three .simb-simusics-home-top__rank{background:var(--simb-home-top-accent,var(--simb-accent));color:#06152d} .simb-simusics-home-most--hover-soft .simb-simusics-home-top li:hover{border-color:color-mix(in srgb,var(--simb-home-top-accent,var(--simb-accent)) 38%,var(--simb-home-top-card-border,var(--simb-border)));background:color-mix(in srgb,var(--simb-home-top-accent,var(--simb-accent)) 7%,var(--simb-home-top-card-bg,var(--simb-surface-alt)))} .simb-simusics-home-most--hover-lift .simb-simusics-home-top li:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.2);border-color:color-mix(in srgb,var(--simb-home-top-accent,var(--simb-accent)) 42%,var(--simb-home-top-card-border,var(--simb-border)))} .simb-simusics-home-most--hover-none .simb-simusics-home-top li:hover{transform:none;box-shadow:none;background:var(--simb-home-top-card-bg,color-mix(in srgb,var(--simb-surface-alt) 88%,transparent))} .simb-simusics-home-most [hidden]{display:none!important} /* Album library */ .simb-simusics-home-albums .simb-simusics-home-section__head h2{font-size:var(--simb-albums-title-size,44px)} .simb-simusics-home-albums .simb-simusics-home-section__head .simb-kicker{font-size:var(--simb-albums-kicker-size,11px)} .simb-simusics-home-albums .simb-simusics-home-section__sub{font-size:var(--simb-albums-subtitle-size,13px)} .simb-simusics-home-albums__search input{width:min(var(--simb-albums-search-width,320px),60vw);border-radius:var(--simb-albums-control-radius,999px)} .simb-simusics-home-albums__sort select{border-radius:var(--simb-albums-control-radius,999px)} .simb-simusics-home-album__cover-wrap{border-width:var(--simb-albums-card-border-width,1px);border-color:var(--simb-albums-card-border,var(--simb-border))} .simb-simusics-home-album__overlay{min-height:var(--simb-albums-overlay-height,44%);opacity:var(--simb-albums-overlay-opacity,.94)} .simb-simusics-home-album__overlay strong{font-size:var(--simb-album-card-title-size,12px)}.simb-simusics-home-album__overlay small{font-size:var(--simb-albums-meta-size,9px)} .simb-simusics-home-albums--overlay-gradient .simb-simusics-home-album__overlay{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--simb-albums-overlay-color,rgb(3 12 28)) 92%,transparent))} .simb-simusics-home-albums--overlay-solid .simb-simusics-home-album__overlay{min-height:auto;background:var(--simb-albums-overlay-color,rgb(3 12 28));transform:none} .simb-simusics-home-albums--overlay-blur .simb-simusics-home-album__overlay{min-height:auto;background:color-mix(in srgb,var(--simb-albums-overlay-color,rgb(3 12 28)) 66%,transparent);backdrop-filter:blur(14px);transform:none} .simb-simusics-home-album__play{width:var(--simb-albums-play-size,40px);height:var(--simb-albums-play-size,40px);background:var(--simb-albums-accent,var(--simb-accent))} .simb-simusics-home-albums--play-glass .simb-simusics-home-album__play{background:rgba(4,17,43,.72);color:#fff;backdrop-filter:blur(12px)}.simb-simusics-home-albums--play-minimal .simb-simusics-home-album__play{background:transparent;color:#fff;border-color:rgba(255,255,255,.45);box-shadow:none} .simb-simusics-home-albums--hover-lift .simb-simusics-home-album:hover .simb-simusics-home-album__cover-wrap,.simb-simusics-home-albums--hover-lift .simb-simusics-home-album:focus-within .simb-simusics-home-album__cover-wrap{transform:translateY(-4px);box-shadow:0 18px 34px rgba(0,0,0,.23)}.simb-simusics-home-albums--hover-lift .simb-simusics-home-album__cover-wrap{transition:transform .2s ease,box-shadow .2s ease} .simb-simusics-home-albums--hover-lift .simb-simusics-home-album:hover .simb-simusics-home-album__cover img,.simb-simusics-home-albums--hover-none .simb-simusics-home-album:hover .simb-simusics-home-album__cover img{transform:none;filter:none}.simb-simusics-home-albums--hover-none .simb-simusics-home-album:hover .simb-simusics-home-album__cover-wrap{transform:none;box-shadow:none} .simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__overlay strong{font-size:var(--simb-album-card-title-size,12px)}.simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__overlay small{font-size:var(--simb-albums-meta-size,9px)} .simb-simusics-home-albums__more button{border-color:color-mix(in srgb,var(--simb-albums-accent,var(--simb-accent)) 52%,var(--simb-border));border-radius:var(--simb-albums-control-radius,999px);background:color-mix(in srgb,var(--simb-albums-accent,var(--simb-accent)) 12%,var(--simb-surface))} .simb-simusics-home-albums [hidden]{display:none!important} @media(min-width:621px) and (max-width:900px){.simb-simusics-home-most .simb-simusics-home-top{grid-template-columns:repeat(var(--simb-home-top-columns-t,1),minmax(0,1fr))}} @media(max-width:620px){ .simb-simusics-home-nav.is-mobile-scroll .simb-shell{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:2px}.simb-simusics-home-nav.is-mobile-scroll .simb-shell::-webkit-scrollbar{display:none}.simb-simusics-home-nav.is-mobile-scroll a{flex:0 0 auto;white-space:nowrap} .simb-simusics-home-most .simb-simusics-home-top{grid-template-columns:1fr} .simb-simusics-home-most--mobile-hide-art .simb-simusics-home-top__art{display:none!important}.simb-simusics-home-most--mobile-hide-plays .simb-simusics-home-top__plays{display:none!important}.simb-simusics-home-most--mobile-hide-duration .simb-simusics-home-top__duration{display:none!important} .simb-simusics-home-albums--mobile-hide-meta .simb-simusics-home-album__overlay small{display:none!important}.simb-simusics-home-albums--mobile-hide-play .simb-simusics-home-album__play{display:none!important} .simb-simusics-home-albums__search input{width:100%} } /* alpha.68 compatibility refinements */ .simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__overlay{position:static!important;min-height:0!important;padding:9px 2px 0!important;background:transparent!important;backdrop-filter:none!important;opacity:1!important;transform:none!important} .simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__cover{border-width:var(--simb-albums-card-border-width,1px)!important;border-color:var(--simb-albums-card-border,var(--simb-border))!important;border-radius:var(--simb-album-radius,17px)!important} @media(max-width:620px){ .simb-simusics-home-most:not(.simb-simusics-home-most--mobile-hide-plays) .simb-simusics-home-top__plays{display:block!important} .simb-simusics-home-most:not(.simb-simusics-home-most--mobile-hide-duration) .simb-simusics-home-top__duration{display:block!important} } /* alpha.69 — SIMusics global design system + responsive block spacing */ .simb-simusics-home{ gap:var(--simb-page-block-gap,0px); padding-bottom:var(--simb-page-bottom-space,72px); } .simb-home-block--width-contained>.simb-shell{ width:min(var(--simb-page-contained-width,1180px),calc(100% - var(--simb-page-gutter,48px))); } .simb-home-block--width-wide>.simb-shell{ width:min(var(--simb-page-content-width,1540px),calc(100% - var(--simb-page-gutter,48px))); } .simb-simusics-home>[data-simb-home-block]{ margin-top:var(--simb-home-margin-top,0px); margin-bottom:var(--simb-home-margin-bottom,0px); } .simb-simusics-home>[data-simb-home-block]>.simb-shell{ padding-left:var(--simb-home-pad-x,0px); padding-right:var(--simb-home-pad-x,0px); padding-top:var(--simb-home-pad-y,0px); padding-bottom:var(--simb-home-pad-y,0px); } .simb-simusics-home>.simb-home-block--width-full>.simb-shell{ padding-left:max(var(--simb-home-pad-x,0px),calc(var(--simb-page-gutter,48px) / 2)); padding-right:max(var(--simb-home-pad-x,0px),calc(var(--simb-page-gutter,48px) / 2)); } /* Most listened: every text layer can now inherit or override the page system. */ .simb-simusics-home-most .simb-simusics-home-section__head{gap:var(--simb-home-top-header-gap,18px)} .simb-simusics-home-most .simb-simusics-home-section__head h2{color:var(--simb-home-top-heading-color,var(--simb-text))} .simb-simusics-home-most .simb-simusics-home-section__head .simb-kicker{color:var(--simb-home-top-kicker-color,var(--simb-accent))} .simb-simusics-home-most .simb-simusics-home-section__sub{color:var(--simb-home-top-subtitle-color,var(--simb-muted))} .simb-simusics-home-most .simb-simusics-home-top__copy strong{color:var(--simb-home-top-track-title-color,var(--simb-text))} .simb-simusics-home-most .simb-simusics-home-top__copy small{color:var(--simb-home-top-track-meta-color,var(--simb-muted))} .simb-simusics-home-most .simb-simusics-home-top__plays strong{color:var(--simb-home-top-plays-color,var(--simb-text))} /* Albums: section header and filter controls can be themed independently. */ .simb-simusics-home-albums .simb-simusics-home-section__head{gap:var(--simb-albums-header-gap,18px)} .simb-simusics-home-albums .simb-simusics-home-section__head h2{color:var(--simb-albums-heading-color,var(--simb-text))} .simb-simusics-home-albums .simb-simusics-home-section__head .simb-kicker{color:var(--simb-albums-kicker-color,var(--simb-accent))} .simb-simusics-home-albums .simb-simusics-home-section__sub{color:var(--simb-albums-subtitle-color,var(--simb-muted))} .simb-simusics-home-albums__search input, .simb-simusics-home-albums__sort select{ border-color:var(--simb-albums-control-border,var(--simb-border)); background:var(--simb-albums-control-bg,var(--simb-surface)); color:var(--simb-albums-control-text,var(--simb-text)); } .simb-simusics-home-albums__search input::placeholder{color:color-mix(in srgb,var(--simb-albums-control-text,var(--simb-text)) 58%,transparent)} @media(min-width:621px) and (max-width:900px){ .simb-simusics-home>[data-simb-home-block]>.simb-shell{ padding-left:var(--simb-home-pad-x-t,var(--simb-home-pad-x,0px)); padding-right:var(--simb-home-pad-x-t,var(--simb-home-pad-x,0px)); padding-top:var(--simb-home-pad-y-t,var(--simb-home-pad-y,0px)); padding-bottom:var(--simb-home-pad-y-t,var(--simb-home-pad-y,0px)); } .simb-simusics-home>.simb-home-block--width-full>.simb-shell{ padding-left:max(var(--simb-home-pad-x-t,var(--simb-home-pad-x,0px)),calc(var(--simb-page-gutter,48px) / 2)); padding-right:max(var(--simb-home-pad-x-t,var(--simb-home-pad-x,0px)),calc(var(--simb-page-gutter,48px) / 2)); } } @media(max-width:620px){ .simb-home-block--width-contained>.simb-shell, .simb-home-block--width-wide>.simb-shell{ width:min(calc(100% - var(--simb-page-gutter-mobile,24px)),var(--simb-page-content-width,1540px)); } .simb-simusics-home>[data-simb-home-block]>.simb-shell{ padding-left:var(--simb-home-pad-x-m,var(--simb-home-pad-x-t,var(--simb-home-pad-x,0px))); padding-right:var(--simb-home-pad-x-m,var(--simb-home-pad-x-t,var(--simb-home-pad-x,0px))); padding-top:var(--simb-home-pad-y-m,var(--simb-home-pad-y-t,var(--simb-home-pad-y,0px))); padding-bottom:var(--simb-home-pad-y-m,var(--simb-home-pad-y-t,var(--simb-home-pad-y,0px))); } .simb-simusics-home>.simb-home-block--width-full>.simb-shell{ padding-left:max(var(--simb-home-pad-x-m,var(--simb-home-pad-x-t,var(--simb-home-pad-x,0px))),calc(var(--simb-page-gutter-mobile,24px) / 2)); padding-right:max(var(--simb-home-pad-x-m,var(--simb-home-pad-x-t,var(--simb-home-pad-x,0px))),calc(var(--simb-page-gutter-mobile,24px) / 2)); } } /* alpha.70 — SimBuilder site-wide design system --------------------------------- These tokens are shared by Games, SIMusics and every SimBuilder-rendered page. Individual modules may intentionally override a token, but inheritance is the default so the archive keeps one visual language. */ :root{ --simb-site-wide-width:1480px; --simb-site-content-width:1100px; --simb-site-narrow-width:820px; --simb-site-gutter-d:40px; --simb-site-gutter-t:32px; --simb-site-gutter-m:20px; --simb-site-section-gap:24px; --simb-site-page-bottom:64px; --simb-radius-section:20px; --simb-radius-card:16px; --simb-radius-media:16px; --simb-radius-control:12px; --simb-radius-pill:999px; --simb-button-height:42px; --simb-button-radius:999px; --simb-surface-border-width:1px; --simb-surface-shadow:none; } .simb-page{padding-bottom:var(--simb-site-page-bottom,64px)} .simb-width--wide{width:min(calc(100% - var(--simb-site-gutter-d,40px)),var(--simb-site-wide-width,1480px))} .simb-width--content{width:min(calc(100% - var(--simb-site-gutter-d,40px)),var(--simb-site-content-width,1100px))} .simb-width--narrow{width:min(calc(100% - var(--simb-site-gutter-d,40px)),var(--simb-site-narrow-width,820px))} .simb-block:not(.simb-block--hero){margin-top:var(--simb-site-section-gap,24px);border-width:var(--simb-surface-border-width,1px);border-radius:var(--simb-radius-section,20px);box-shadow:var(--simb-surface-shadow,none)} .simb-hero__inner{width:min(calc(100% - var(--simb-site-gutter-d,40px)),var(--simb-site-wide-width,1480px))} .simb-button{min-height:var(--simb-button-height,42px);border-radius:var(--simb-button-radius,999px)} .simb-page-tabs button,.simb-page-subtabs button,.simb-page-dropdown select,.simb-page-mobile-dropdown select,.simb-page-subselect select{border-radius:var(--simb-radius-control,12px)} .simb-chip,.simb-status,.simb-media-category-nav__item{border-radius:var(--simb-radius-pill,999px)} :is(.simb-core-card,.simb-card,.simb-archive-card,.simb-related-card,.simb-store-card,.simb-trait-card,.simb-character-card,.simb-world-card,.simb-lot-card,.simb-feature-card,.simb-requirements-panel,.simb-requirements-tier){border-radius:var(--simb-radius-card,16px)} :is(.simb-media-card__visual,.simb-archive-card__visual,.simb-character-card__visual,.simb-world-card__visual,.simb-lot-card__visual,.simb-feature-card__media,.simb-related-card__image){border-radius:var(--simb-radius-media,16px)} /* Hero artwork rule: album/game covers stay artwork-sized, square and rounded. A presentation style may move the cover, but it may not silently enlarge it. */ .simb-simusics-home-hero__inner{grid-template-columns:minmax(0,1fr) minmax(200px,min(22vw,320px))} .simb-simusics-home-hero__cover{ width:min(100%,clamp(200px,var(--simb-home-hero-cover,280px),320px)); aspect-ratio:1/1; border-radius:var(--simb-radius-media,16px); box-shadow:0 18px 42px rgba(0,0,0,.30); } .simb-simusics-home-hero__cover img{border-radius:inherit} .simb-home-block--style-cover_focus.simb-simusics-home-hero .simb-simusics-home-hero__inner{grid-template-columns:minmax(0,1fr) minmax(200px,min(22vw,320px))} .simb-home-block--style-cover_focus.simb-simusics-home-hero .simb-simusics-home-hero__cover{width:min(100%,clamp(200px,var(--simb-home-hero-cover,280px),320px))} .simb-simusics-home-album__cover-wrap,.simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__cover{border-radius:var(--simb-album-radius,var(--simb-radius-media,16px))} @media(min-width:621px) and (max-width:900px){ .simb-width--wide,.simb-width--content,.simb-width--narrow{width:min(calc(100% - var(--simb-site-gutter-t,32px)),var(--simb-site-wide-width,1480px))} .simb-hero__inner{width:min(calc(100% - var(--simb-site-gutter-t,32px)),var(--simb-site-wide-width,1480px))} .simb-simusics-home-hero__inner{grid-template-columns:minmax(0,1fr) minmax(180px,min(27vw,240px))} .simb-simusics-home-hero__cover{width:min(100%,240px)} } @media(max-width:620px){ .simb-width--wide,.simb-width--content,.simb-width--narrow{width:min(calc(100% - var(--simb-site-gutter-m,20px)),var(--simb-site-wide-width,1480px))} .simb-hero__inner{width:min(calc(100% - var(--simb-site-gutter-m,20px)),var(--simb-site-wide-width,1480px))} .simb-simusics-home-hero__cover{width:min(44vw,180px);border-radius:var(--simb-radius-media,16px)} } /* alpha.71 — SIMusics discovery + smarter album browsing */ .simb-simusics-home-discover .simb-simusics-home-section__head h2{font-size:clamp(28px,4vw,var(--simb-discover-title-size,44px))} .simb-simusics-home-discover__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--simb-discover-gap,16px)} .simb-simusics-home-discover__card{display:grid;grid-template-columns:minmax(110px,38%) minmax(0,1fr);min-width:0;overflow:hidden;border:var(--simb-surface-border-width,1px) solid var(--simb-border);border-radius:var(--simb-discover-radius,var(--simb-radius-card,18px));background:color-mix(in srgb,var(--simb-surface-alt) 92%,transparent);box-shadow:var(--simb-surface-shadow,none)} .simb-simusics-home-discover__cover{display:block;aspect-ratio:1;min-height:100%;overflow:hidden;background:var(--simb-surface);color:var(--simb-muted);text-decoration:none} .simb-simusics-home-discover__cover img{display:block;width:100%;height:100%;object-fit:cover} .simb-simusics-home-discover__cover>span{display:grid;place-items:center;width:100%;height:100%;font-size:42px} .simb-simusics-home-discover__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:18px} .simb-simusics-home-discover__copy>p{margin:0 0 5px;color:var(--simb-accent);font-size:10px;font-weight:900;letter-spacing:.065em;text-transform:uppercase} .simb-simusics-home-discover__copy h3{margin:0;font-size:clamp(17px,1.8vw,26px);line-height:1.05;letter-spacing:-.025em} .simb-simusics-home-discover__copy h3 a{color:var(--simb-text);text-decoration:none} .simb-simusics-home-discover__copy small{margin-top:7px;color:var(--simb-muted);font-size:10px;font-weight:750} .simb-simusics-home-discover__play{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;margin-top:14px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--simb-accent) 58%,var(--simb-border));border-radius:var(--simb-radius-pill,999px);background:var(--simb-accent);color:#06152d;font:inherit;font-size:10px;font-weight:900;cursor:pointer} .simb-simusics-home-discover--rail .simb-simusics-home-discover__grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.simb-simusics-home-discover--rail .simb-simusics-home-discover__card{flex:0 0 min(420px,72vw);scroll-snap-align:start} .simb-simusics-home-discover--minimal .simb-simusics-home-discover__card{grid-template-columns:84px minmax(0,1fr);background:transparent;box-shadow:none}.simb-simusics-home-discover--minimal .simb-simusics-home-discover__copy{padding:12px 14px} .simb-simusics-home-albums__filters{display:flex;flex-direction:column;gap:9px;margin:0 0 18px} .simb-simusics-home-albums__filter-group{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.simb-simusics-home-albums__filter-group::-webkit-scrollbar{display:none} .simb-simusics-home-albums__filter-group>span{flex:0 0 auto;min-width:58px;color:var(--simb-muted);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase} .simb-simusics-home-albums__filter-group button,.simb-simusics-home-albums__random{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:34px;padding:6px 11px;border:1px solid var(--simb-albums-control-border,var(--simb-border));border-radius:var(--simb-albums-control-radius,var(--simb-radius-pill,999px));background:var(--simb-albums-control-bg,var(--simb-surface));color:var(--simb-albums-control-text,var(--simb-text));font:inherit;font-size:9px;font-weight:850;cursor:pointer} .simb-simusics-home-albums__filter-group button small{color:var(--simb-muted);font-size:8px} .simb-simusics-home-albums__filter-group button.is-active{border-color:color-mix(in srgb,var(--simb-albums-accent,var(--simb-accent)) 65%,var(--simb-border));background:color-mix(in srgb,var(--simb-albums-accent,var(--simb-accent)) 15%,var(--simb-surface));color:var(--simb-text)} .simb-simusics-home-albums__random{min-height:40px;padding-inline:13px} .simb-simusics-home-album.is-random-pick .simb-simusics-home-album__cover-wrap{outline:3px solid var(--simb-accent);outline-offset:3px;animation:simb-random-pulse .7s ease 2} @keyframes simb-random-pulse{50%{transform:scale(1.035)}} @media(max-width:900px){.simb-simusics-home-discover__grid{grid-template-columns:1fr}.simb-simusics-home-discover__card{grid-template-columns:130px minmax(0,1fr)}} @media(max-width:620px){.simb-simusics-home-discover__card{grid-template-columns:96px minmax(0,1fr)}.simb-simusics-home-discover__copy{padding:13px}.simb-simusics-home-discover__copy h3{font-size:17px}.simb-simusics-home-discover__play{margin-top:10px}.simb-simusics-home-albums__filter-group>span{display:none}.simb-simusics-home-albums__filters{margin-bottom:14px}} /* alpha.72 — compact Explore hub: new additions + real Core radio stations */ .simb-simusics-home-explore .simb-simusics-home-section__head{align-items:flex-end;gap:22px} .simb-simusics-home-explore .simb-simusics-home-section__head>div:first-child{max-width:720px} .simb-simusics-home-explore .simb-simusics-home-section__head h2{font-size:clamp(28px,4vw,var(--simb-explore-title-size,44px))} .simb-simusics-home-explore__tabs{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap} .simb-simusics-home-explore__tabs button{min-height:34px;padding:7px 12px;border:var(--simb-surface-border-width,1px) solid var(--simb-border);border-radius:var(--simb-radius-pill,999px);background:color-mix(in srgb,var(--simb-surface) 86%,transparent);color:var(--simb-muted);font:inherit;font-size:10px;font-weight:850;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease} .simb-simusics-home-explore__tabs button:hover{color:var(--simb-text);border-color:color-mix(in srgb,var(--simb-accent) 46%,var(--simb-border))} .simb-simusics-home-explore__tabs button.is-active{background:var(--simb-accent);border-color:var(--simb-accent);color:#06152d} .simb-simusics-home-explore__panels{margin-top:20px} .simb-simusics-home-explore__panel[hidden]{display:none!important} .simb-simusics-home-explore__recent{display:grid;grid-template-columns:repeat(var(--simb-explore-recent-columns,6),minmax(0,1fr));gap:var(--simb-explore-gap,14px)} .simb-simusics-home-explore__album{min-width:0} .simb-simusics-home-explore__cover{display:block;overflow:hidden;aspect-ratio:1;border-radius:var(--simb-radius-media,16px);background:var(--simb-surface);border:var(--simb-surface-border-width,1px) solid var(--simb-border);box-shadow:var(--simb-surface-shadow,none)} .simb-simusics-home-explore__cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease} .simb-simusics-home-explore__cover>span{display:grid;width:100%;height:100%;place-items:center;color:var(--simb-muted);font-size:34px} .simb-simusics-home-explore__album:hover .simb-simusics-home-explore__cover img{transform:scale(1.025)} .simb-simusics-home-explore__album>div{padding:9px 2px 0;min-width:0} .simb-simusics-home-explore__album strong,.simb-simusics-home-explore__radio strong{display:block;color:var(--simb-text);font-size:12px;line-height:1.18} .simb-simusics-home-explore__album strong a{color:inherit;text-decoration:none} .simb-simusics-home-explore__album small,.simb-simusics-home-explore__radio small{display:block;margin-top:4px;color:var(--simb-muted);font-size:9px;font-weight:700;line-height:1.25} .simb-simusics-home-explore__radios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--simb-explore-gap,14px)} .simb-simusics-home-explore__radio{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;min-height:72px;padding:12px 13px;border:var(--simb-surface-border-width,1px) solid var(--simb-border);border-radius:var(--simb-radius-card,18px);background:color-mix(in srgb,var(--simb-surface-alt) 90%,transparent);box-shadow:var(--simb-surface-shadow,none)} .simb-simusics-home-explore__radio-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--simb-radius-control,14px);background:color-mix(in srgb,var(--simb-accent) 13%,var(--simb-surface));color:var(--simb-accent);font-size:18px;font-weight:900} .simb-simusics-home-explore__radio-play{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:var(--simb-radius-pill,999px);background:var(--simb-accent);color:#06152d;font:inherit;font-size:11px;cursor:pointer} .simb-simusics-home-explore--minimal .simb-simusics-home-explore__tabs button{background:transparent;border-color:transparent;border-radius:0;border-bottom:2px solid transparent;padding-inline:4px} .simb-simusics-home-explore--minimal .simb-simusics-home-explore__tabs button.is-active{background:transparent;color:var(--simb-text);border-bottom-color:var(--simb-accent)} .simb-simusics-home-explore--minimal .simb-simusics-home-explore__radio{background:transparent;box-shadow:none} @media(max-width:1100px){.simb-simusics-home-explore__recent{grid-template-columns:repeat(4,minmax(0,1fr))}.simb-simusics-home-explore__radios{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.simb-simusics-home-explore .simb-simusics-home-section__head{align-items:flex-start}.simb-simusics-home-explore__tabs{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.simb-simusics-home-explore__tabs button{flex:0 0 auto}.simb-simusics-home-explore__panels{margin-top:15px}.simb-simusics-home-explore__recent{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px;padding-bottom:4px}.simb-simusics-home-explore__album{flex:0 0 min(42vw,158px);scroll-snap-align:start}.simb-simusics-home-explore__radios{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px;padding-bottom:4px}.simb-simusics-home-explore__radio{flex:0 0 min(82vw,340px);scroll-snap-align:start}} /* alpha.73 — SIMusics uses the Games page visual language by default --------- The music homepage keeps its own information architecture, but headings, controls, cards, radii and density now read as part of the same site. */ .simb-simusics-home--games-style .simb-simusics-home-section__head{ align-items:flex-end; gap:18px; margin-bottom:20px; } .simb-simusics-home--games-style .simb-simusics-home-section__head .simb-kicker{ margin:0 0 8px; color:var(--simb-accent); font-size:11px!important; font-weight:900; letter-spacing:.08em; text-transform:uppercase; } .simb-simusics-home--games-style .simb-simusics-home-section__head h2{ margin:0; color:var(--simb-text); font-size:clamp(25px,3vw,40px)!important; line-height:1.05; letter-spacing:-.025em; } .simb-simusics-home--games-style .simb-simusics-home-section__sub{ max-width:680px; margin:8px 0 0; color:var(--simb-muted); font-size:12px!important; line-height:1.5; } /* Main SIMusics navigation follows the same control grammar as the game tabs. */ .simb-simusics-home--games-style .simb-simusics-home-nav .simb-shell{ border-bottom:1px solid color-mix(in srgb,var(--simb-border) 72%,transparent); padding-bottom:7px; } .simb-simusics-home--games-style .simb-simusics-home-nav a{ min-height:40px; padding:8px 13px; border:1px solid var(--simb-border); border-radius:var(--simb-radius-control,12px); background:color-mix(in srgb,var(--simb-surface) 92%,transparent); color:var(--simb-muted); font-size:12px; font-weight:850; } .simb-simusics-home--games-style .simb-simusics-home-nav a:hover, .simb-simusics-home--games-style .simb-simusics-home-nav a:focus-visible{ color:var(--simb-text); background:color-mix(in srgb,var(--simb-accent) 14%,var(--simb-surface)); border-color:color-mix(in srgb,var(--simb-accent) 58%,var(--simb-border)); } /* Most listened: same restrained surface/card language as game dossier cards. */ .simb-simusics-home--games-style .simb-simusics-home-top li, .simb-simusics-home--games-style .simb-simusics-home-most--featured .simb-simusics-home-top li:nth-child(-n+3){ border:var(--simb-surface-border-width,1px) solid var(--simb-border); border-radius:var(--simb-radius-card,16px); background:color-mix(in srgb,var(--simb-surface-alt) 86%,transparent); box-shadow:var(--simb-surface-shadow,none); } .simb-simusics-home--games-style .simb-simusics-home-top li:hover{ border-color:color-mix(in srgb,var(--simb-accent) 52%,var(--simb-border)); background:color-mix(in srgb,var(--simb-accent) 6%,var(--simb-surface-alt)); } /* Discover keeps its purpose, but visually becomes a compact game-dossier card. */ .simb-simusics-home--games-style .simb-simusics-home-discover__card{ grid-template-columns:minmax(92px,30%) minmax(0,1fr); border:var(--simb-surface-border-width,1px) solid var(--simb-border); border-radius:var(--simb-radius-card,16px); background:color-mix(in srgb,var(--simb-surface-alt) 86%,transparent); box-shadow:var(--simb-surface-shadow,none); } .simb-simusics-home--games-style .simb-simusics-home-discover__cover{ margin:10px 0 10px 10px; min-height:0; align-self:center; border-radius:var(--simb-radius-media,16px); } .simb-simusics-home--games-style .simb-simusics-home-discover__cover img{border-radius:inherit} .simb-simusics-home--games-style .simb-simusics-home-discover__copy{padding:16px 17px} .simb-simusics-home--games-style .simb-simusics-home-discover__copy>p{ margin-bottom:7px; color:var(--simb-accent); font-size:10px; letter-spacing:.07em; } .simb-simusics-home--games-style .simb-simusics-home-discover__copy h3{font-size:17px;line-height:1.2} .simb-simusics-home--games-style .simb-simusics-home-discover__play{ min-height:34px; border-radius:var(--simb-button-radius,999px); background:var(--simb-accent); } /* Explore tabs deliberately reuse the sub-tab proportions from game pages. */ .simb-simusics-home--games-style .simb-simusics-home-explore__tabs{ gap:8px; padding:2px 1px 0; } .simb-simusics-home--games-style .simb-simusics-home-explore__tabs button{ min-height:34px; padding:7px 12px; border:1px solid var(--simb-border); border-radius:var(--simb-radius-pill,999px); background:color-mix(in srgb,var(--simb-surface) 92%,transparent); color:var(--simb-muted); font-size:11px; font-weight:850; } .simb-simusics-home--games-style .simb-simusics-home-explore__tabs button.is-active{ color:var(--simb-text); background:color-mix(in srgb,var(--simb-accent-2) 16%,var(--simb-surface-alt)); border-color:color-mix(in srgb,var(--simb-accent-2) 58%,var(--simb-border)); } .simb-simusics-home--games-style .simb-simusics-home-explore__radio{ border-radius:var(--simb-radius-card,16px); background:color-mix(in srgb,var(--simb-surface-alt) 86%,transparent); } .simb-simusics-home--games-style .simb-simusics-home-explore__radio-icon{ border-radius:var(--simb-radius-control,12px); } /* Album tools match game dropdowns/controls instead of creating another UI kit. */ .simb-simusics-home--games-style :is(.simb-simusics-home-albums__search input,.simb-simusics-home-albums__sort select){ min-height:40px; border:1px solid var(--simb-border); border-radius:var(--simb-radius-control,12px); background:color-mix(in srgb,var(--simb-surface) 94%,transparent); color:var(--simb-text); font-size:12px; font-weight:800; } .simb-simusics-home--games-style .simb-simusics-home-albums__filter-group button, .simb-simusics-home--games-style .simb-simusics-home-albums__random{ border-color:var(--simb-border); background:color-mix(in srgb,var(--simb-surface) 92%,transparent); } .simb-simusics-home--games-style .simb-simusics-home-albums__filter-group button.is-active{ color:var(--simb-text); background:color-mix(in srgb,var(--simb-accent) 14%,var(--simb-surface)); border-color:color-mix(in srgb,var(--simb-accent) 58%,var(--simb-border)); } @media(max-width:720px){ .simb-simusics-home--games-style .simb-simusics-home-section__head{align-items:flex-start;flex-direction:column;gap:12px} .simb-simusics-home--games-style .simb-simusics-home-section__head h2{font-size:clamp(25px,8vw,34px)!important} .simb-simusics-home--games-style .simb-simusics-home-nav a{min-height:38px;padding:7px 11px;font-size:11px} .simb-simusics-home--games-style .simb-simusics-home-discover__card{grid-template-columns:88px minmax(0,1fr)} .simb-simusics-home--games-style .simb-simusics-home-discover__cover{margin:8px 0 8px 8px} .simb-simusics-home--games-style .simb-simusics-home-discover__copy{padding:12px 13px} } /* alpha.76 — SIMusics Hero → page transition polish -------------------------- The hero keeps the Games canvas, but its old 30% bottom gradient is replaced by a compact handoff. Negative bottom margin pulls the next flex-ordered block into the fade without depending on which SIMusics block follows the Hero. */ .simb-simusics-home-hero[class*="simb-simusics-home-hero--transition-"]{ position:relative; z-index:1; } .simb-simusics-home-hero:not(.simb-simusics-home-hero--transition-none){ margin-bottom:calc(var(--simb-home-margin-bottom,0px) - var(--simb-home-hero-transition-overlap,58px) - var(--simb-page-block-gap,0px)); } .simb-simusics-home-hero:not(.simb-simusics-home-hero--transition-none) .simb-hero__shade{ background:linear-gradient(90deg,rgba(5,11,34,var(--simb-hero-overlay,.80)),rgba(5,11,34,calc(var(--simb-hero-overlay,.80) * .43)) 56%,rgba(5,11,34,.12)); } .simb-simusics-home-hero:not(.simb-simusics-home-hero--transition-none) .simb-simusics-home-hero__stage::after{ content:""; position:absolute; z-index:6; left:0; right:0; bottom:0; height:var(--simb-home-hero-transition-height,128px); pointer-events:none; } .simb-simusics-home-hero--transition-games .simb-simusics-home-hero__stage::after{ background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--simb-bg) 18%,transparent) 34%,color-mix(in srgb,var(--simb-bg) 74%,transparent) 74%,var(--simb-bg) 100%); } .simb-simusics-home-hero--transition-soft .simb-simusics-home-hero__stage::after{ background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--simb-bg) 10%,transparent) 22%,color-mix(in srgb,var(--simb-bg) 58%,transparent) 68%,var(--simb-bg) 100%); } .simb-simusics-home-hero--transition-tight .simb-simusics-home-hero__stage::after{ background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--simb-bg) 84%,transparent) 68%,var(--simb-bg) 100%); } .simb-simusics-home-hero--transition-none{margin-bottom:var(--simb-home-margin-bottom,0px)} .simb-simusics-home-hero--transition-none .simb-hero__shade{background:linear-gradient(90deg,rgba(5,11,34,var(--simb-hero-overlay,.80)),rgba(5,11,34,calc(var(--simb-hero-overlay,.80) * .43)) 56%,rgba(5,11,34,.12))} .simb-simusics-home-hero--transition-none .simb-simusics-home-hero__stage::after{display:none} /* Recover vertical space that previously existed only for the oversized fade. */ .simb-simusics-home-hero:not(.simb-simusics-home-hero--transition-none) .simb-simusics-home-hero__inner{ padding-bottom:clamp(62px,7.5vh,88px); } /* Keep controls in the image area instead of leaving them stranded in the dark tail. */ .simb-simusics-home-hero:not(.simb-simusics-home-hero--transition-none) .simb-simusics-home-hero__dots{ bottom:calc(30px + min(var(--simb-home-hero-transition-overlap,58px),54px)); } /* Blocks after the Hero paint above the last pixels of the transition. */ .simb-simusics-home-hero:not(.simb-simusics-home-hero--transition-none) ~ [data-simb-home-block]{ position:relative; z-index:2; } @media(max-width:900px){ .simb-simusics-home-hero:not(.simb-simusics-home-hero--transition-none) .simb-simusics-home-hero__inner{padding-bottom:76px} } @media(max-width:620px){ .simb-simusics-home-hero:not(.simb-simusics-home-hero--transition-none){ margin-bottom:calc(var(--simb-home-margin-bottom,0px) - var(--simb-home-hero-transition-overlap-m,30px) - var(--simb-page-block-gap,0px)); } .simb-simusics-home-hero:not(.simb-simusics-home-hero--transition-none) .simb-simusics-home-hero__stage::after{ height:min(var(--simb-home-hero-transition-height,128px),96px); } .simb-simusics-home-hero:not(.simb-simusics-home-hero--transition-none) .simb-simusics-home-hero__inner{padding-bottom:92px} .simb-simusics-home-hero:not(.simb-simusics-home-hero--transition-none) .simb-simusics-home-hero__dots{ bottom:calc(34px + min(var(--simb-home-hero-transition-overlap-m,30px),26px)); } } /* 0.1.0-alpha.77 — standalone SIMusics soundtrack pages Reuse the Games visual language: cinematic full-width hero, restrained square cover, clear tracklist, compact discovery rail. The Core player/data stay intact. */ .simb-simusics-soundtrack{ --simb-soundtrack-content:min(var(--simb-site-content-width,1280px),calc(100vw - (var(--simb-site-gutter-d,48px) * 2))); min-height:100vh; margin:0!important; padding:0 0 var(--simb-site-page-bottom,72px)!important; background:var(--simb-bg,#07152f); color:var(--simb-text,#f7fbff); overflow:hidden; } .simb-simusics-soundtrack .simb-soundtrack-core, .simb-simusics-soundtrack .simb-simusics-columns, .simb-simusics-soundtrack .sa-simusics-v2{ width:100%!important; max-width:none!important; margin:0!important; } .simb-simusics-soundtrack .sa-simusics-v2{ display:block!important; padding:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:var(--simb-bg,#07152f)!important; overflow:visible!important; } .simb-simusics-soundtrack .sa-simusics-album-hero{ position:relative!important; isolation:isolate; width:100vw!important; min-height:var(--simb-soundtrack-hero-height,540px)!important; margin:0 0 clamp(30px,4vw,54px) calc(50% - 50vw)!important; padding-top:clamp(74px,8vw,118px)!important; padding-bottom:clamp(38px,5vw,68px)!important; padding-left:max(var(--simb-site-gutter-d,48px),calc((100vw - var(--simb-site-content-width,1280px))/2))!important; padding-right:max(var(--simb-site-gutter-d,48px),calc((100vw - var(--simb-site-content-width,1280px))/2))!important; display:grid!important; grid-template-columns:minmax(180px,var(--simb-soundtrack-cover,260px)) minmax(0,.95fr) minmax(280px,1fr)!important; grid-template-areas:"cover copy desc" "cover actions desc"!important; align-items:center!important; gap:14px clamp(28px,3.5vw,58px)!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:hidden!important; } .simb-simusics-soundtrack .sa-simusics-album-hero::before{ content:""; position:absolute; inset:calc(var(--simb-soundtrack-blur,5px) * -1.4); z-index:-3; background-image:var(--simb-soundtrack-bg,linear-gradient(145deg,#173a70,#08162e)); background-size:cover; background-position:center; filter:blur(var(--simb-soundtrack-blur,5px)); transform:scale(1.035); } .simb-simusics-soundtrack .sa-simusics-album-hero::after{ content:""; position:absolute; inset:0; z-index:-2; background: linear-gradient(90deg,rgba(3,12,29,.96) 0%,rgba(3,12,29,.80) 34%,rgba(3,12,29,.38) 66%,rgba(3,12,29,.58) 100%), linear-gradient(0deg,var(--simb-bg,#07152f) 0%,rgba(7,21,47,.78) 13%,rgba(7,21,47,.08) 46%), rgba(4,13,31,var(--simb-soundtrack-overlay,.78)); } .simb-simusics-soundtrack .sa-simusics-album-hero>*{position:relative;z-index:1} .simb-simusics-soundtrack .simb-soundtrack-breadcrumb{ position:absolute!important; top:clamp(28px,3vw,42px); left:max(var(--simb-site-gutter-d,48px),calc((100vw - var(--simb-site-content-width,1280px))/2)); display:flex; align-items:center; gap:8px; max-width:calc(100% - 96px); color:rgba(231,240,255,.72); font-size:.76rem; font-weight:800; white-space:nowrap; overflow:hidden; } .simb-simusics-soundtrack .simb-soundtrack-breadcrumb a{ color:inherit!important; text-decoration:none!important; overflow:hidden; text-overflow:ellipsis; } .simb-simusics-soundtrack .simb-soundtrack-breadcrumb a:hover{color:#fff!important} .simb-simusics-soundtrack .sa-simusics-album-cover{ grid-area:cover!important; width:min(100%,var(--simb-soundtrack-cover,260px))!important; max-width:var(--simb-soundtrack-cover,260px)!important; justify-self:start; aspect-ratio:1!important; border-radius:var(--simb-radius-media,16px)!important; border:1px solid rgba(255,255,255,.16)!important; background:rgba(6,20,44,.72)!important; box-shadow:0 24px 58px rgba(0,0,0,.38)!important; } .simb-simusics-soundtrack .sa-simusics-album-copy{grid-area:copy!important;align-self:end!important} .simb-simusics-soundtrack .sa-simusics-eyebrow{ color:var(--simb-accent,#8de83d)!important; font-size:.72rem!important; letter-spacing:.11em!important; } .simb-simusics-soundtrack .sa-simusics-album-copy h1{ max-width:15ch; margin:.18rem 0 .65rem!important; color:#fff!important; font-size:clamp(2.35rem,var(--simb-soundtrack-title,54px),5.15rem)!important; line-height:.94!important; letter-spacing:-.045em!important; text-wrap:balance; text-shadow:0 3px 22px rgba(0,0,0,.28); } .simb-simusics-soundtrack .sa-simusics-album-copy>p:last-child{ color:rgba(230,238,252,.78)!important; font-size:.88rem; font-weight:720!important; } .simb-simusics-soundtrack .sa-simusics-album-hero>.sa-simusics-actions{ grid-area:actions!important; align-self:start!important; margin-top:4px!important; } .simb-simusics-soundtrack .sa-simusics-album-hero>.sa-simusics-actions .sa-simusics-play-primary, .simb-simusics-soundtrack .sa-simusics-album-hero>.sa-simusics-actions .sa-simusics-secondary, .simb-simusics-soundtrack .sa-simusics-album-hero>.sa-simusics-actions .sa-simusics-shuffle-secondary{ min-height:var(--simb-button-height,42px)!important; border-radius:var(--simb-button-radius,999px)!important; padding-inline:16px!important; font-size:.78rem!important; font-weight:850!important; } .simb-simusics-soundtrack .simb-simusics-album-description{ grid-area:desc!important; align-self:center!important; padding:18px 0 18px clamp(22px,2.7vw,40px)!important; border-left:1px solid rgba(184,209,244,.18)!important; border-top:0!important; color:rgba(225,235,250,.78)!important; } .simb-simusics-soundtrack .simb-simusics-album-description>span{ color:var(--simb-accent,#8de83d)!important; font-size:.68rem!important; letter-spacing:.10em!important; } .simb-simusics-soundtrack .simb-simusics-album-description p{max-width:58ch!important;font-size:.94rem;line-height:1.62!important} .simb-simusics-soundtrack.simb-soundtrack-hide-description .simb-simusics-album-description{display:none!important} .simb-simusics-soundtrack.simb-soundtrack-hide-description .sa-simusics-album-hero{ grid-template-columns:minmax(180px,var(--simb-soundtrack-cover,260px)) minmax(0,1fr)!important; grid-template-areas:"cover copy" "cover actions"!important; } .simb-simusics-soundtrack .sa-simusics-related-games, .simb-simusics-soundtrack .sa-simusics-v2>.sa-simusics-section{ width:min(var(--simb-site-content-width,1280px),calc(100% - (var(--simb-site-gutter-d,48px) * 2)))!important; max-width:var(--simb-site-content-width,1280px)!important; margin-left:auto!important; margin-right:auto!important; } .simb-simusics-soundtrack .sa-simusics-v2>.sa-simusics-section{margin-top:0!important;margin-bottom:clamp(40px,5vw,70px)!important;gap:16px!important} .simb-simusics-soundtrack .sa-simusics-section-head{ align-items:flex-end!important; padding-bottom:10px; border-bottom:1px solid color-mix(in srgb,var(--simb-border,#28446d) 72%,transparent); } .simb-simusics-soundtrack .sa-simusics-section-head h2{ margin:0!important; color:var(--simb-text,#f7fbff)!important; font-size:clamp(1.65rem,2.7vw,2.35rem)!important; line-height:1!important; letter-spacing:-.035em!important; } .simb-simusics-soundtrack .sa-simusics-filter{ grid-template-columns:minmax(0,1fr) auto auto!important; gap:10px!important; padding:0!important; } .simb-simusics-soundtrack .sa-simusics-filter label{font-size:.68rem!important;text-transform:uppercase;letter-spacing:.07em} .simb-simusics-soundtrack .sa-simusics-filter input[type=search]{ min-height:var(--simb-button-height,42px)!important; border-radius:var(--simb-radius-control,12px)!important; border-color:var(--simb-border,#28446d)!important; background:color-mix(in srgb,var(--simb-surface,#0d1f42) 88%,transparent)!important; } .simb-simusics-soundtrack.simb-soundtrack-hide-filter .sa-simusics-v2>.sa-simusics-section:first-of-type>.sa-simusics-filter{display:none!important} .simb-simusics-soundtrack .sa-simusics-table-wrap{ overflow:visible!important; border:var(--simb-surface-border-width,1px) solid color-mix(in srgb,var(--simb-border,#28446d) 72%,transparent); border-radius:var(--simb-radius-section,18px); background:color-mix(in srgb,var(--simb-surface,#0d1f42) 72%,transparent); } .simb-simusics-soundtrack .sa-simusics-track-table{ min-width:760px!important; border-collapse:collapse!important; border-spacing:0!important; } .simb-simusics-soundtrack .sa-simusics-track-table thead th{ position:sticky!important; top:0; z-index:6; padding:11px 13px!important; background:color-mix(in srgb,var(--simb-bg,#07152f) 94%,var(--simb-surface,#0d1f42) 6%)!important; border-bottom:1px solid color-mix(in srgb,var(--simb-border,#28446d) 70%,transparent)!important; color:var(--simb-muted,#a7b6cf)!important; backdrop-filter:blur(12px); } .simb-simusics-soundtrack .sa-simusics-track-table tbody tr>*{ border-radius:0!important; border:0!important; border-bottom:1px solid color-mix(in srgb,var(--simb-border,#28446d) 40%,transparent)!important; background:transparent!important; } .simb-simusics-soundtrack .sa-simusics-track-table tbody tr:last-child>*{border-bottom:0!important} .simb-simusics-soundtrack .sa-simusics-track-table tbody tr:hover>*{background:color-mix(in srgb,var(--simb-surface-alt,#10264d) 58%,transparent)!important} .simb-simusics-soundtrack.simb-soundtrack-density-compact .sa-simusics-track-table tbody tr>*{padding:8px 11px!important} .simb-simusics-soundtrack.simb-soundtrack-density-comfortable .sa-simusics-track-table tbody tr>*{padding:12px 13px!important} .simb-simusics-soundtrack.simb-soundtrack-density-airy .sa-simusics-track-table tbody tr>*{padding:16px 14px!important} .simb-simusics-soundtrack .sa-simusics-row-play{width:32px!important;height:32px!important} .simb-simusics-soundtrack .sa-simusics-track-title-play{font-weight:780!important;text-decoration:none!important} .simb-simusics-soundtrack .simb-simusics-other-albums{ margin-top:0!important; padding-top:0!important; border-top:0!important; } .simb-simusics-soundtrack .simb-simusics-other-albums .sa-simusics-section-head>a{ min-height:var(--simb-button-height,42px)!important; border-radius:var(--simb-button-radius,999px)!important; border-color:var(--simb-border,#28446d)!important; background:color-mix(in srgb,var(--simb-surface,#0d1f42) 80%,transparent)!important; } .simb-simusics-soundtrack .simb-simusics-other-albums .sa-simusics-album-card{ border-radius:var(--simb-radius-card,16px)!important; border-color:color-mix(in srgb,var(--simb-border,#28446d) 72%,transparent)!important; background:color-mix(in srgb,var(--simb-surface,#0d1f42) 82%,transparent)!important; } .simb-simusics-soundtrack .simb-simusics-other-albums .sa-simusics-album-art{border-radius:var(--simb-radius-media,14px)!important} @media(max-width:1100px){ .simb-simusics-soundtrack{--simb-soundtrack-content:min(var(--simb-site-content-width,1280px),calc(100vw - (var(--simb-site-gutter-t,32px) * 2)))} .simb-simusics-soundtrack .sa-simusics-album-hero{ padding-left:var(--simb-site-gutter-t,32px)!important; padding-right:var(--simb-site-gutter-t,32px)!important; grid-template-columns:minmax(150px,min(var(--simb-soundtrack-cover,260px),220px)) minmax(0,1fr)!important; grid-template-areas:"cover copy" "actions actions" "desc desc"!important; min-height:auto!important; } .simb-simusics-soundtrack .simb-soundtrack-breadcrumb{left:var(--simb-site-gutter-t,32px)} .simb-simusics-soundtrack .simb-simusics-album-description{padding:18px 0 0!important;border-left:0!important;border-top:1px solid rgba(184,209,244,.18)!important} .simb-simusics-soundtrack .sa-simusics-related-games, .simb-simusics-soundtrack .sa-simusics-v2>.sa-simusics-section{width:calc(100% - (var(--simb-site-gutter-t,32px) * 2))!important} } @media(max-width:760px){ .simb-simusics-soundtrack .sa-simusics-album-hero{ padding-top:78px!important; padding-left:var(--simb-site-gutter-m,18px)!important; padding-right:var(--simb-site-gutter-m,18px)!important; padding-bottom:34px!important; grid-template-columns:96px minmax(0,1fr)!important; grid-template-areas:"cover copy" "actions actions" "desc desc"!important; gap:14px 16px!important; } .simb-simusics-soundtrack .simb-soundtrack-breadcrumb{left:var(--simb-site-gutter-m,18px);right:var(--simb-site-gutter-m,18px);max-width:none} .simb-simusics-soundtrack .sa-simusics-album-cover{width:96px!important;max-width:96px!important} .simb-simusics-soundtrack .sa-simusics-album-copy h1{font-size:clamp(1.8rem,8vw,2.7rem)!important;max-width:100%} .simb-simusics-soundtrack .sa-simusics-album-hero>.sa-simusics-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;gap:8px!important} .simb-simusics-soundtrack .sa-simusics-album-hero>.sa-simusics-actions .sa-simusics-secondary{grid-column:1/-1} .simb-simusics-soundtrack .sa-simusics-related-games, .simb-simusics-soundtrack .sa-simusics-v2>.sa-simusics-section{width:calc(100% - (var(--simb-site-gutter-m,18px) * 2))!important} .simb-simusics-soundtrack .sa-simusics-section-head{align-items:flex-start!important;flex-direction:column!important} .simb-simusics-soundtrack .sa-simusics-filter{grid-template-columns:1fr auto!important} .simb-simusics-soundtrack .sa-simusics-filter>label{grid-column:1/-1!important} .simb-simusics-soundtrack .sa-simusics-table-wrap{overflow-x:auto!important;border-radius:var(--simb-radius-card,14px)} .simb-simusics-soundtrack .sa-simusics-track-table{min-width:680px!important} } .simb-simusics-soundtrack.simb-soundtrack-hide-breadcrumbs .simb-soundtrack-breadcrumb{display:none!important} /* 0.1.0-alpha.78 — soundtrack narrow-screen repair The essential layout no longer depends on JS-added helper classes. */ .simb-simusics-soundtrack .sa-simusics-album-cover{ height:var(--simb-soundtrack-cover,260px)!important; object-fit:cover!important; object-position:center!important; } /* Other albums: enforce compact square artwork directly from the server-side wrapper classes, so a slow/failed enhancement script can never create the giant vertically stacked covers seen in alpha.77. */ .simb-simusics-soundtrack .simb-simusics-other-albums-rail .sa-simusics-shelf{ display:grid!important; grid-auto-flow:column!important; grid-auto-columns:var(--simb-soundtrack-other-card,156px)!important; grid-template-columns:none!important; gap:var(--simb-soundtrack-other-gap,12px)!important; width:100%!important; max-width:100%!important; overflow-x:auto!important; overflow-y:hidden!important; padding:4px 2px 12px!important; scroll-snap-type:x proximity; overscroll-behavior-inline:contain; scrollbar-width:thin; } .simb-simusics-soundtrack .simb-simusics-other-albums-grid .sa-simusics-shelf{ display:grid!important; grid-template-columns:repeat(auto-fill,minmax(min(var(--simb-soundtrack-other-card,156px),100%),1fr))!important; gap:var(--simb-soundtrack-other-gap,12px)!important; width:100%!important; max-width:100%!important; overflow:visible!important; } .simb-simusics-soundtrack .sa-simusics-shelf .sa-simusics-album-card{ min-width:0!important; width:auto!important; max-width:none!important; margin:0!important; padding:8px!important; border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 72%,transparent)!important; border-radius:var(--simb-radius-card,16px)!important; background:color-mix(in srgb,var(--simb-surface,#0d1f42) 82%,transparent)!important; box-shadow:none!important; overflow:hidden!important; scroll-snap-align:start; } .simb-simusics-soundtrack .sa-simusics-shelf .sa-simusics-album-card>a{ display:grid!important; grid-template-rows:auto auto auto!important; gap:4px!important; min-width:0!important; text-decoration:none!important; } .simb-simusics-soundtrack .sa-simusics-shelf .sa-simusics-album-art{ display:block!important; width:100%!important; height:auto!important; aspect-ratio:1/1!important; margin:0 0 7px!important; border-radius:var(--simb-radius-media,14px)!important; overflow:hidden!important; background:color-mix(in srgb,var(--simb-surface-alt,#10264d) 86%,transparent)!important; } .simb-simusics-soundtrack .sa-simusics-shelf .sa-simusics-album-art img, .simb-simusics-soundtrack .sa-simusics-shelf .sa-simusics-album-card>a>img{ display:block!important; width:100%!important; height:auto!important; aspect-ratio:1/1!important; max-width:100%!important; object-fit:cover!important; border-radius:var(--simb-radius-media,14px)!important; } .simb-simusics-soundtrack .sa-simusics-shelf .sa-simusics-album-card strong{ display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:.82rem!important; line-height:1.25!important; } .simb-simusics-soundtrack .sa-simusics-shelf .sa-simusics-album-card small{ display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:.68rem!important; } @media(max-width:760px){ .simb-simusics-soundtrack .sa-simusics-album-hero{ padding-top:74px!important; padding-bottom:28px!important; grid-template-columns:var(--simb-soundtrack-mobile-cover,116px) minmax(0,1fr)!important; gap:12px 15px!important; } .simb-simusics-soundtrack .sa-simusics-album-cover{ width:var(--simb-soundtrack-mobile-cover,116px)!important; max-width:var(--simb-soundtrack-mobile-cover,116px)!important; height:var(--simb-soundtrack-mobile-cover,116px)!important; } .simb-simusics-soundtrack .sa-simusics-album-copy h1{ font-size:clamp(1.65rem,7.4vw,2.35rem)!important; line-height:.98!important; } .simb-simusics-soundtrack .sa-simusics-album-copy>p:last-child{font-size:.78rem!important} .simb-simusics-soundtrack .simb-simusics-album-description{font-size:.88rem!important} /* Search never squeezes the reset/count controls into unreadable slivers. */ .simb-simusics-soundtrack .sa-simusics-filter{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:8px!important; } .simb-simusics-soundtrack .sa-simusics-filter input[type=search]{width:100%!important;min-width:0!important} /* Recommended mobile track presentation: 1 / title+artist / duration. Desktop/tablet keep the complete configurable table. */ .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .sa-simusics-table-wrap{ overflow:visible!important; border:0!important; border-radius:0!important; background:transparent!important; } .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .sa-simusics-track-table{ display:block!important; width:100%!important; min-width:0!important; border:0!important; } .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .sa-simusics-track-table thead{display:none!important} .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .sa-simusics-track-table tbody{ display:grid!important; gap:7px!important; width:100%!important; } .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .sa-simusics-track-table tbody tr{ display:grid!important; grid-template-columns:36px minmax(0,1fr) auto!important; align-items:center!important; min-width:0!important; padding:8px 10px!important; border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 62%,transparent)!important; border-radius:var(--simb-radius-card,14px)!important; background:color-mix(in srgb,var(--simb-surface,#0d1f42) 72%,transparent)!important; box-shadow:none!important; } .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .sa-simusics-track-table tbody tr>*{ display:none!important; min-width:0!important; padding:0!important; border:0!important; background:transparent!important; } .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .simb-simusics-columns:not(.simb-simusics-hide-number) .sa-simusics-track-table tbody tr>:nth-child(1){ display:flex!important; grid-column:1!important; align-items:center!important; justify-content:center!important; } .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .simb-simusics-columns:not(.simb-simusics-hide-title) .sa-simusics-track-table tbody tr>:nth-child(2){ display:block!important; grid-column:2!important; overflow:hidden!important; } .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .simb-simusics-columns:not(.simb-simusics-hide-duration) .sa-simusics-track-table tbody tr>:nth-child(7){ display:block!important; grid-column:3!important; color:var(--simb-muted,#a7b6cf)!important; font-size:.75rem!important; font-weight:800!important; white-space:nowrap!important; } .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .simb-simusics-columns.simb-simusics-hide-number .sa-simusics-track-table tbody tr>:nth-child(2){grid-column:1/3!important} .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .simb-simusics-columns.simb-simusics-hide-duration .sa-simusics-track-table tbody tr>:nth-child(2){grid-column:2/4!important} .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .simb-simusics-columns.simb-simusics-hide-number.simb-simusics-hide-duration .sa-simusics-track-table tbody tr>:nth-child(2){grid-column:1/-1!important} .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .sa-simusics-track-table tbody td>strong, .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .sa-simusics-track-title-play{ display:block!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:.84rem!important; line-height:1.2!important; } .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-cards .sa-simusics-track-table tbody td>small{ display:block!important; max-width:100%!important; margin-top:2px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:.68rem!important; } .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-table .sa-simusics-table-wrap{overflow-x:auto!important} .simb-simusics-soundtrack.simb-soundtrack-mobile-tracks-table .sa-simusics-track-table{min-width:680px!important} .simb-simusics-soundtrack .simb-simusics-other-albums-rail .sa-simusics-shelf{ grid-auto-columns:min(var(--simb-soundtrack-other-card,156px),42vw)!important; gap:var(--simb-soundtrack-other-gap,12px)!important; margin-right:calc(var(--simb-site-gutter-m,18px) * -1)!important; padding-right:var(--simb-site-gutter-m,18px)!important; } .simb-simusics-soundtrack .simb-simusics-other-albums-grid .sa-simusics-shelf{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .simb-simusics-soundtrack .sa-simusics-shelf .sa-simusics-album-card{padding:7px!important} .simb-simusics-soundtrack .sa-simusics-shelf .sa-simusics-card-play{ width:34px!important; height:34px!important; right:12px!important; bottom:42px!important; } } @media(max-width:420px){ .simb-simusics-soundtrack .sa-simusics-album-hero{ grid-template-columns:104px minmax(0,1fr)!important; } .simb-simusics-soundtrack .sa-simusics-album-cover{ width:min(var(--simb-soundtrack-mobile-cover,116px),104px)!important; max-width:104px!important; height:min(var(--simb-soundtrack-mobile-cover,116px),104px)!important; } .simb-simusics-soundtrack .sa-simusics-album-hero>.sa-simusics-actions{ grid-template-columns:1fr!important; } .simb-simusics-soundtrack .sa-simusics-album-hero>.sa-simusics-actions .sa-simusics-secondary{grid-column:auto!important} } /* alpha.80 — one breadcrumb rule for every SimBuilder hero */ .simb-hero__inner>.simb-hero-breadcrumb{ left:0; top:clamp(18px,2.3vw,34px); } .simb-simusics-home-hero__stage>.simb-hero-breadcrumb{ left:max(var(--simb-site-gutter-d,40px),calc((100vw - var(--simb-site-wide-width,1480px))/2)); top:clamp(18px,2.3vw,34px); } .simb-video-archive__hero{position:relative} .simb-video-archive__hero>.simb-hero-breadcrumb{ position:relative; top:auto; left:auto; right:auto; margin:0 0 12px; max-width:100%; } @media(min-width:621px) and (max-width:900px){ .simb-simusics-home-hero__stage>.simb-hero-breadcrumb{left:var(--simb-site-gutter-t,32px)} } @media(max-width:620px){ .simb-simusics-home-hero__stage>.simb-hero-breadcrumb{left:var(--simb-site-gutter-m,20px);right:var(--simb-site-gutter-m,20px);max-width:none} } /* alpha.82 — SIMusics homepage clarity pass --------------------------------- A simpler streaming-style flow built from the same Games design language: Hero → section tabs → Most listened → Browse → full library. */ .simb-simusics-home--v2 .simb-simusics-home-section{padding:30px 0} .simb-simusics-home--v2 .simb-simusics-home-section__head{margin-bottom:16px} .simb-simusics-home--v2 .simb-simusics-home-section__sub{max-width:650px} /* The SIMusics section nav now reads like the navigation directly below a Game hero. */ .simb-simusics-home--v2 .simb-simusics-home-nav{padding:0;background:color-mix(in srgb,var(--simb-bg) 96%,transparent)} .simb-simusics-home--v2 .simb-simusics-home-nav .simb-shell{display:flex;align-items:center;overflow-x:auto;gap:var(--simb-home-nav-gap,8px);padding-top:14px;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--simb-border) 72%,transparent);scrollbar-width:thin} .simb-simusics-home--v2 .simb-simusics-home-nav.simb-home-block--style-tabs a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:var(--simb-home-nav-height,42px);padding:8px 14px;border:1px solid var(--simb-border);border-radius:var(--simb-home-nav-radius,var(--simb-radius-control,12px));background:color-mix(in srgb,var(--simb-surface) 92%,transparent);color:var(--simb-muted);font-size:var(--simb-home-nav-font-size,12px);font-weight:850;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease} .simb-simusics-home--v2 .simb-simusics-home-nav.simb-home-block--style-tabs a:hover{transform:translateY(-1px);color:var(--simb-text)} .simb-simusics-home--v2 .simb-simusics-home-nav.simb-home-block--style-tabs a.is-active,.simb-simusics-home--v2 .simb-simusics-home-nav.simb-home-block--style-tabs a[aria-current="true"]{color:var(--simb-text);background:color-mix(in srgb,var(--simb-accent) 14%,var(--simb-surface));border-color:color-mix(in srgb,var(--simb-accent) 58%,var(--simb-border))} .simb-simusics-home--v2 .simb-simusics-home-nav.is-sticky{top:0;z-index:68;background:linear-gradient(to bottom,color-mix(in srgb,var(--simb-bg) 98%,transparent) 78%,color-mix(in srgb,var(--simb-bg) 90%,transparent));backdrop-filter:blur(14px)} /* Most listened becomes a concise ranked module instead of three oversized cards. */ .simb-simusics-home--v2 .simb-home-block--style-list .simb-simusics-home-top{border-radius:var(--simb-radius-section,20px)!important;background:color-mix(in srgb,var(--simb-surface) 94%,transparent)!important;box-shadow:none} .simb-simusics-home--v2 .simb-home-block--style-list .simb-simusics-home-top li{grid-template-columns:34px 36px 44px minmax(0,1fr) 82px 52px;gap:11px;min-height:var(--simb-home-top-row-height,58px);padding:8px 14px;background:transparent!important;border-radius:0!important;border-width:0 0 1px!important;box-shadow:none!important;transform:none!important} .simb-simusics-home--v2 .simb-home-block--style-list .simb-simusics-home-top li:last-child{border-bottom-width:0!important} .simb-simusics-home--v2 .simb-home-block--style-list .simb-simusics-home-top li:hover{background:color-mix(in srgb,var(--simb-accent) 5%,var(--simb-surface-alt))!important} .simb-simusics-home--v2 .simb-home-block--style-list .simb-simusics-home-top__rank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--simb-accent) 14%,var(--simb-surface-alt));color:var(--simb-accent)} /* Highlights live inside Explore, avoiding a second large discovery section. */ .simb-simusics-home-explore__highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--simb-explore-gap,14px)} .simb-simusics-home-explore__highlight{display:grid;grid-template-columns:112px minmax(0,1fr);min-width:0;overflow:hidden;border:var(--simb-surface-border-width,1px) solid var(--simb-border);border-radius:var(--simb-radius-card,16px);background:color-mix(in srgb,var(--simb-surface-alt) 90%,transparent)} .simb-simusics-home-explore__highlight-cover{display:block;aspect-ratio:1;overflow:hidden;background:var(--simb-surface);border-radius:calc(var(--simb-radius-card,16px) - 1px) 0 0 calc(var(--simb-radius-card,16px) - 1px)} .simb-simusics-home-explore__highlight-cover img{display:block;width:100%;height:100%;object-fit:cover} .simb-simusics-home-explore__highlight-cover>span{display:grid;place-items:center;width:100%;height:100%;color:var(--simb-muted);font-size:30px} .simb-simusics-home-explore__highlight-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:13px 14px} .simb-simusics-home-explore__highlight-copy>p{margin:0 0 4px;color:var(--simb-accent);font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase} .simb-simusics-home-explore__highlight-copy>strong{display:block;max-width:100%;font-size:14px;line-height:1.16} .simb-simusics-home-explore__highlight-copy>strong a{display:block;overflow:hidden;color:var(--simb-text);text-decoration:none;text-overflow:ellipsis;white-space:nowrap} .simb-simusics-home-explore__highlight-copy small{display:block;margin-top:5px;color:var(--simb-muted);font-size:9px;font-weight:700} .simb-simusics-home-explore__highlight-play{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;margin-top:10px;padding:6px 10px;border:0;border-radius:var(--simb-radius-pill,999px);background:var(--simb-accent);color:#06152d;font:inherit;font-size:9px;font-weight:900;cursor:pointer} /* Cleaner album toolbar. Detailed filters are available on demand. */ .simb-simusics-home--v2 .simb-simusics-home-albums__tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .simb-simusics-home-albums__filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 13px;border:1px solid var(--simb-albums-control-border,var(--simb-border));border-radius:var(--simb-albums-control-radius,var(--simb-radius-control,12px));background:var(--simb-albums-control-bg,var(--simb-surface));color:var(--simb-albums-control-text,var(--simb-text));font:inherit;font-size:10px;font-weight:850;cursor:pointer} .simb-simusics-home-albums__filter-toggle[aria-expanded="true"]{border-color:color-mix(in srgb,var(--simb-albums-accent,var(--simb-accent)) 58%,var(--simb-border));background:color-mix(in srgb,var(--simb-albums-accent,var(--simb-accent)) 12%,var(--simb-surface))} .simb-simusics-home--v2 .simb-simusics-home-albums__filters{margin-top:-4px;padding:12px 0 4px;border-top:1px solid color-mix(in srgb,var(--simb-border) 72%,transparent)} .simb-simusics-home--v2 .simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__overlay{padding-top:8px!important} .simb-simusics-home--v2 .simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__overlay strong{font-weight:850} .simb-simusics-home--v2 .simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__cover-wrap{background:transparent;border:0} @media(max-width:980px){ .simb-simusics-home-explore__highlights{grid-template-columns:1fr} .simb-simusics-home-explore__highlight{grid-template-columns:96px minmax(0,1fr)} } @media(max-width:720px){ .simb-simusics-home--v2 .simb-simusics-home-section{padding:24px 0} .simb-simusics-home--v2 .simb-simusics-home-nav .simb-shell{padding-top:10px;padding-bottom:7px} .simb-simusics-home--v2 .simb-home-block--style-list .simb-simusics-home-top li{grid-template-columns:28px 34px 42px minmax(0,1fr);min-height:56px;padding:7px 10px} .simb-simusics-home--v2 .simb-home-block--style-list .simb-simusics-home-top__plays,.simb-simusics-home--v2 .simb-home-block--style-list .simb-simusics-home-top__duration{display:none!important} .simb-simusics-home-explore__highlights{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px;padding-bottom:4px} .simb-simusics-home-explore__highlight{flex:0 0 min(84vw,350px);grid-template-columns:94px minmax(0,1fr);scroll-snap-align:start} .simb-simusics-home--v2 .simb-simusics-home-albums__tools{width:100%;justify-content:flex-start} .simb-simusics-home--v2 .simb-simusics-home-albums__search{flex:1 1 100%} .simb-simusics-home--v2 .simb-simusics-home-albums__search input{width:100%} } .admin-bar .simb-simusics-home--v2 .simb-simusics-home-nav.is-sticky{top:32px} @media(max-width:782px){.admin-bar .simb-simusics-home--v2 .simb-simusics-home-nav.is-sticky{top:46px}} /* alpha.83 — SIMusics focused homepage -------------------------------------- The homepage now reads like a Sims Archives landing page rather than a control-heavy dashboard: cinematic hero, compact popularity, two clean archive shelves, then the complete soundtrack library. */ .simb-simusics-home--v2 .simb-simusics-home-hero{padding-bottom:0} .simb-simusics-home--v2 .simb-simusics-home-hero__identity{max-width:620px} .simb-simusics-home--v2 .simb-simusics-home-hero__identity-subtitle{max-width:520px} .simb-simusics-home--v2 .simb-simusics-home-hero__copy{max-width:var(--simb-home-hero-text-width,700px)} .simb-simusics-home--v2 .simb-simusics-home-hero__summary{max-width:660px;line-height:1.55} .simb-simusics-home--v2 .simb-simusics-home-hero--no-divider .simb-simusics-home-hero__copy{padding-top:0;border-top:0} /* Keep section rhythm closer to the Games pages: headings first, content next, without enclosing every section in a large decorative card. */ .simb-simusics-home--v2 .simb-simusics-home-section{padding:26px 0 34px} .simb-simusics-home--v2 .simb-simusics-home-section__head{align-items:flex-end;margin-bottom:15px} .simb-simusics-home--v2 .simb-simusics-home-section__head h2{letter-spacing:-.025em} .simb-simusics-home--v2 .simb-kicker{margin-bottom:6px} .simb-simusics-home--v2 .simb-simusics-home-most{padding-top:18px} .simb-simusics-home--v2 .simb-simusics-home-most .simb-simusics-home-top{overflow:hidden} .simb-simusics-home--v2 .simb-home-block--style-list .simb-simusics-home-top li{min-height:54px;padding-top:7px!important;padding-bottom:7px!important} .simb-simusics-home--v2 .simb-home-block--style-list .simb-simusics-home-top__art{width:40px!important;height:40px!important;border-radius:10px!important} .simb-simusics-home--v2 .simb-home-block--style-list .simb-simusics-home-top__play{width:32px!important;height:32px!important} /* Games-style Explore shelves: no extra tab bar by default. */ .simb-simusics-home-explore__row-head{display:none} .simb-simusics-home-explore--rows .simb-simusics-home-explore__tabs{display:none!important} .simb-simusics-home-explore--rows .simb-simusics-home-explore__panels{display:grid;gap:26px;margin-top:0} .simb-simusics-home-explore--rows .simb-simusics-home-explore__panel:not([hidden]){display:block} .simb-simusics-home-explore--rows .simb-simusics-home-explore__row-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 11px;padding-top:2px} .simb-simusics-home-explore--rows .simb-simusics-home-explore__row-head h3{margin:0;color:var(--simb-text);font-size:14px;font-weight:900;line-height:1.2;letter-spacing:-.01em} .simb-simusics-home-explore--rows .simb-simusics-home-explore__recent{gap:12px} .simb-simusics-home-explore--rows .simb-simusics-home-explore__album>div{padding-top:8px} .simb-simusics-home-explore--rows .simb-simusics-home-explore__album strong{font-size:11px} .simb-simusics-home-explore--rows .simb-simusics-home-explore__album small{font-size:8px} .simb-simusics-home-explore--rows .simb-simusics-home-explore__radios{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px} .simb-simusics-home-explore--rows .simb-simusics-home-explore__radio{min-height:62px;padding:9px 11px;border-radius:var(--simb-radius-control,14px);background:color-mix(in srgb,var(--simb-surface-alt) 72%,transparent)} .simb-simusics-home-explore--rows .simb-simusics-home-explore__radio-icon{width:36px;height:36px;border-radius:11px;font-size:15px} .simb-simusics-home-explore--rows .simb-simusics-home-explore__radio-play{width:32px;height:32px} /* The full archive is deliberately denser. Covers stay square and inherit the site-wide media radius, while the title/meta live below like Games media. */ .simb-simusics-home--v2 .simb-simusics-home-albums{padding-top:30px} .simb-simusics-home--v2 .simb-simusics-home-albums__grid{gap:var(--simb-album-gap,14px)} .simb-simusics-home--v2 .simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__cover{border-radius:var(--simb-radius-media,var(--simb-album-radius,16px))} .simb-simusics-home--v2 .simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__overlay{padding:7px 1px 0!important} .simb-simusics-home--v2 .simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__overlay strong{font-size:var(--simb-album-card-title-size,11px);line-height:1.18} .simb-simusics-home--v2 .simb-home-block--style-clean.simb-simusics-home-albums .simb-simusics-home-album__overlay small{margin-top:2px;font-size:var(--simb-albums-meta-size,8px)} .simb-simusics-home--v2 .simb-simusics-home-album__play{right:8px;bottom:8px} .simb-simusics-home--v2 .simb-simusics-home-albums__more{margin-top:24px} @media(max-width:1180px){ .simb-simusics-home-explore--rows .simb-simusics-home-explore__recent{grid-template-columns:repeat(6,minmax(0,1fr))} } @media(max-width:900px){ .simb-simusics-home-explore--rows .simb-simusics-home-explore__recent{grid-template-columns:repeat(4,minmax(0,1fr))} .simb-simusics-home-explore--rows .simb-simusics-home-explore__radios{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:720px){ .simb-simusics-home--v2 .simb-simusics-home-section{padding:22px 0 28px} .simb-simusics-home--v2 .simb-simusics-home-most{padding-top:12px} .simb-simusics-home-explore--rows .simb-simusics-home-explore__panels{gap:22px} .simb-simusics-home-explore--rows .simb-simusics-home-explore__recent{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:11px;padding:0 0 5px;scrollbar-width:thin} .simb-simusics-home-explore--rows .simb-simusics-home-explore__album{flex:0 0 min(42vw,154px);scroll-snap-align:start} .simb-simusics-home-explore--rows .simb-simusics-home-explore__radios{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:10px;padding:0 0 5px} .simb-simusics-home-explore--rows .simb-simusics-home-explore__radio{flex:0 0 min(80vw,320px);scroll-snap-align:start} } /* Alpha.84 — Trailers home / Simflix-style video archive */ .simb-trailers-home{min-height:70vh;padding:0 0 var(--simb-site-page-bottom,64px);background:var(--simb-bg);color:var(--simb-text);overflow:hidden} .simb-trailers-hero{position:relative;min-height:var(--simb-trailers-hero-height,610px);overflow:hidden;background:var(--simb-hero);color:#fff} .simb-trailers-hero__bg{position:absolute;inset:-24px;background-image:var(--simb-trailers-hero-bg);background-size:cover;background-position:center;filter:blur(var(--simb-trailers-blur,2px)) saturate(.9);transform:scale(1.035)} .simb-trailers-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,31,.98) 0%,rgba(3,12,31,.9) 38%,rgba(3,12,31,.55) 66%,rgba(3,12,31,.34) 100%),linear-gradient(0deg,var(--simb-bg) 0,rgba(7,21,47,.92) 11%,transparent 38%);opacity:var(--simb-trailers-overlay,.76)} .simb-trailers-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,43%);align-items:center;gap:clamp(34px,5vw,86px);width:min(calc(100% - (var(--simb-site-gutter-d,40px)*2)),var(--simb-site-wide-width,1480px));min-height:inherit;margin:0 auto;padding:72px 0 104px} .simb-trailers-hero .simb-hero-breadcrumb{position:absolute;left:0;top:28px} .simb-trailers-hero__content{max-width:760px}.simb-trailers-hero__content>.simb-kicker{margin:0 0 10px;color:var(--simb-accent);font-size:11px;font-weight:900;letter-spacing:.085em;text-transform:uppercase} .simb-trailers-hero h1{margin:0;font-size:clamp(42px,6vw,82px);font-weight:950;line-height:.9;letter-spacing:-.05em;text-wrap:balance} .simb-trailers-hero__subtitle{max-width:680px;margin:14px 0 0;color:rgba(240,247,255,.84);font-size:clamp(14px,1.25vw,18px);line-height:1.55} .simb-trailers-hero__featured{margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18)} .simb-trailers-hero__featured>span{display:block;margin-bottom:8px;color:rgba(255,255,255,.62);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase} .simb-trailers-hero__featured h2{max-width:720px;margin:0;font-size:clamp(26px,3.4vw,48px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.simb-trailers-hero__featured>p{margin:10px 0 0;color:rgba(235,244,255,.7);font-size:12px;font-weight:750} .simb-trailers-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.simb-trailers-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--simb-button-height,42px);padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:var(--simb-button-radius,999px);background:rgba(11,31,66,.62);color:#fff;text-decoration:none;font-size:12px;font-weight:900;backdrop-filter:blur(10px)}.simb-trailers-button.is-primary{border-color:var(--simb-accent);background:var(--simb-accent);color:#07152f}.simb-trailers-button:hover{filter:brightness(1.05)} .simb-trailers-hero__preview{min-width:0;align-self:center}.simb-trailers-hero__preview-frame{position:relative;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:var(--simb-radius-media,16px);aspect-ratio:16/9;background:#030a17;box-shadow:0 30px 70px rgba(0,0,0,.42)}.simb-trailers-hero__preview-frame img{display:block;width:100%;height:100%;object-fit:cover}.simb-trailers-hero__preview-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,10,23,.2),transparent 55%)}.simb-trailers-hero__preview-frame>span{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(3,14,34,.72);box-shadow:0 10px 30px rgba(0,0,0,.35)}.simb-trailers-hero__preview-frame>span:before{content:"";width:17px;height:19px;background:#fff;clip-path:polygon(10% 4%,94% 50%,10% 96%);transform:translateX(2px)} .simb-trailers-home__content{width:min(calc(100% - (var(--simb-site-gutter-d,40px)*2)),var(--simb-site-wide-width,1480px));margin:-42px auto 0;position:relative;z-index:4} .simb-trailers-toolbar{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--simb-border) 80%,transparent);border-radius:var(--simb-radius-section,20px);background:color-mix(in srgb,var(--simb-surface) 93%,transparent);box-shadow:var(--simb-surface-shadow);backdrop-filter:blur(18px)} .simb-trailers-search{display:flex;align-items:center;gap:8px;flex:0 0 min(330px,32vw);min-width:210px;height:var(--simb-button-height,42px);padding:0 12px;border:1px solid var(--simb-border);border-radius:var(--simb-radius-control,12px);background:var(--simb-surface-alt);color:var(--simb-muted)}.simb-trailers-search input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--simb-text)!important;font:inherit;font-size:12px} .simb-trailers-category-nav{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none}.simb-trailers-category-nav::-webkit-scrollbar{display:none}.simb-trailers-category-nav a{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:var(--simb-button-height,42px);padding:7px 12px;border:1px solid var(--simb-border);border-radius:var(--simb-radius-pill,999px);background:var(--simb-surface-alt);color:var(--simb-text);font-size:11px;font-weight:850;text-decoration:none}.simb-trailers-category-nav a:hover{border-color:color-mix(in srgb,var(--simb-accent) 55%,var(--simb-border));background:color-mix(in srgb,var(--simb-accent) 10%,var(--simb-surface-alt))} .simb-trailers-shelf{padding:34px 0 10px;scroll-margin-top:92px}.simb-trailers-shelf__head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.simb-trailers-shelf__head .simb-kicker{margin:0 0 4px;color:var(--simb-accent);font-size:10px;font-weight:900;letter-spacing:.075em;text-transform:uppercase}.simb-trailers-shelf__head h2{margin:0;font-size:clamp(26px,3vw,42px);line-height:1;letter-spacing:-.035em}.simb-trailers-shelf__actions{display:flex;align-items:center;gap:10px}.simb-trailers-shelf__actions>a{color:var(--simb-muted);font-size:10px;font-weight:850;text-decoration:none}.simb-trailers-shelf__actions>a:hover{color:var(--simb-text)} .simb-trailers-shelf__arrows{display:flex;gap:6px}.simb-trailers-shelf__arrows button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--simb-border);border-radius:50%;background:var(--simb-surface);color:var(--simb-text);font:inherit;font-size:21px;line-height:1;cursor:pointer}.simb-trailers-shelf__arrows button:hover{border-color:color-mix(in srgb,var(--simb-accent) 60%,var(--simb-border));background:color-mix(in srgb,var(--simb-accent) 10%,var(--simb-surface))} .simb-trailers-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--simb-trailers-gap,14px)*(var(--simb-trailers-cols,5) - 1)))/var(--simb-trailers-cols,5));gap:var(--simb-trailers-gap,14px);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 1px 8px}.simb-trailers-rail::-webkit-scrollbar{display:none} .simb-trailers-card{min-width:0;scroll-snap-align:start}.simb-trailers-card[hidden]{display:none!important}.simb-trailers-card__link{display:block;color:inherit;text-decoration:none}.simb-trailers-card__visual{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border:1px solid var(--simb-border);border-radius:var(--simb-trailers-card-radius,var(--simb-radius-media,16px));background:#030a17;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.simb-trailers-card__visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.simb-trailers-card__link:hover .simb-trailers-card__visual{transform:translateY(-2px);border-color:color-mix(in srgb,var(--simb-accent) 55%,var(--simb-border));box-shadow:0 14px 28px rgba(0,0,0,.22)}.simb-trailers-card__link:hover img{transform:scale(1.025)} .simb-trailers-card__play{position:absolute;left:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(4,15,34,.76);box-shadow:0 8px 24px rgba(0,0,0,.28);backdrop-filter:blur(8px)}.simb-trailers-card__play:before{content:"";width:11px;height:13px;background:#fff;clip-path:polygon(10% 4%,94% 50%,10% 96%);transform:translateX(1px)}.simb-trailers-card__placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--simb-muted);font-size:30px} .simb-trailers-card__body{padding:9px 2px 0}.simb-trailers-card__body>strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;line-height:1.32}.simb-trailers-card__meta{display:flex;align-items:center;gap:5px;min-width:0;margin-top:5px;color:var(--simb-muted);font-size:9px;font-weight:750}.simb-trailers-card__meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simb-trailers-card__meta i{font-style:normal;opacity:.5} .simb-trailers-empty,.simb-trailers-no-results{margin:34px 0;padding:34px;border:1px solid var(--simb-border);border-radius:var(--simb-radius-section,20px);background:var(--simb-surface);text-align:center}.simb-trailers-empty p{margin:7px 0 0;color:var(--simb-muted)}.simb-trailers-no-results[hidden]{display:none!important} @media(max-width:1180px){.simb-trailers-hero__inner{grid-template-columns:minmax(0,1fr) minmax(280px,39%);width:min(calc(100% - (var(--simb-site-gutter-t,32px)*2)),var(--simb-site-wide-width,1480px))}.simb-trailers-home__content{width:min(calc(100% - (var(--simb-site-gutter-t,32px)*2)),var(--simb-site-wide-width,1480px))}.simb-trailers-rail{grid-auto-columns:calc((100% - (var(--simb-trailers-gap,14px)*(var(--simb-trailers-cols-l,4) - 1)))/var(--simb-trailers-cols-l,4))}} @media(max-width:820px){.simb-trailers-hero{min-height:auto}.simb-trailers-hero__inner{grid-template-columns:1fr;gap:28px;min-height:var(--simb-trailers-hero-height,610px);padding-top:78px;padding-bottom:92px}.simb-trailers-hero__preview{width:min(100%,620px)}.simb-trailers-hero__featured{margin-top:24px;padding-top:18px}.simb-trailers-toolbar{align-items:stretch;flex-direction:column}.simb-trailers-search{flex-basis:auto;width:100%;min-width:0}.simb-trailers-rail{grid-auto-columns:calc((100% - (var(--simb-trailers-gap,14px)*(var(--simb-trailers-cols-t,3) - 1)))/var(--simb-trailers-cols-t,3))}} @media(max-width:620px){.simb-trailers-hero__inner{width:min(calc(100% - (var(--simb-site-gutter-m,20px)*2)),var(--simb-site-wide-width,1480px));padding-top:68px;padding-bottom:84px}.simb-trailers-home__content{width:min(calc(100% - (var(--simb-site-gutter-m,20px)*2)),var(--simb-site-wide-width,1480px));margin-top:-28px}.simb-trailers-hero .simb-hero-breadcrumb{top:20px}.simb-trailers-hero h1{font-size:clamp(38px,14vw,58px)}.simb-trailers-hero__subtitle{font-size:13px}.simb-trailers-hero__featured h2{font-size:clamp(26px,9vw,38px)}.simb-trailers-toolbar{padding:9px;border-radius:16px}.simb-trailers-category-nav a{min-height:38px;padding:6px 10px}.simb-trailers-shelf{padding-top:28px}.simb-trailers-shelf__head{align-items:center}.simb-trailers-shelf__head h2{font-size:28px}.simb-trailers-shelf__arrows{display:none}.simb-trailers-shelf__actions>a{font-size:9px}.simb-trailers-rail{grid-auto-columns:min(var(--simb-trailers-mobile-card,248px),82vw);scroll-padding-inline:1px}.simb-trailers-card__body>strong{font-size:11px}.simb-trailers-card__play{left:10px;bottom:10px;width:34px;height:34px}.simb-trailers-compact-mobile .simb-trailers-card__meta span:nth-of-type(n+2),.simb-trailers-compact-mobile .simb-trailers-card__meta i:nth-of-type(n+2){display:none}} .simb-trailers-card.simb-media-card{border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important} /* alpha.85 — Gallery home: image-first archive, no destructive crops. */ .simb-gallery-home{--simb-gallery-hero-height:560px;--simb-gallery-overlay:.72;--simb-gallery-blur:2px;--simb-gallery-gap:12px;--simb-gallery-cols:6;--simb-gallery-cols-l:5;--simb-gallery-cols-t:3;--simb-gallery-cols-m:2;--simb-gallery-card-radius:var(--simb-radius-media,16px);position:relative;background:var(--simb-bg,#07152f);color:var(--simb-text,#f7fbff);min-height:100vh;overflow:hidden} .simb-gallery-hero{position:relative;min-height:var(--simb-gallery-hero-height);display:flex;align-items:stretch;isolation:isolate;overflow:hidden;background:var(--simb-hero,#07142f)} .simb-gallery-hero__backdrop{position:absolute;inset:-18px;z-index:-3;background-position:center;background-size:cover;filter:blur(var(--simb-gallery-blur));transform:scale(1.035)} .simb-gallery-hero__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,11,27,.97) 0%,rgba(3,11,27,.88) 31%,rgba(3,11,27,.46) 66%,rgba(3,11,27,.18) 100%)} .simb-gallery-hero__shade:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--simb-bg,#07152f) 35%,transparent) 44%,var(--simb-bg,#07152f) 100%);opacity:var(--simb-gallery-overlay)} .simb-gallery-hero__inner{width:min(var(--simb-wide-width,1500px),calc(100% - (var(--simb-gutter-desktop,40px) * 2)));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,38%);align-items:center;gap:clamp(32px,6vw,90px);padding:78px 0 88px} .simb-gallery-hero__content{max-width:720px;display:flex;flex-direction:column;align-items:flex-start}.simb-gallery-hero__content>.simb-kicker{margin:18px 0 8px;color:var(--simb-accent,#8de83d);font-size:11px;font-weight:900;letter-spacing:.095em;text-transform:uppercase}.simb-gallery-hero__content h1{margin:0;font-size:clamp(48px,5.8vw,82px);line-height:.96;letter-spacing:-.045em;color:var(--simb-text,#fff)} .simb-gallery-hero__subtitle{max-width:630px;margin:14px 0 0;color:#d8e3f3;font-size:clamp(15px,1.35vw,19px);line-height:1.5}.simb-gallery-hero__meta{margin:16px 0 0;color:#adbed7;font-size:12px;font-weight:750}.simb-gallery-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--simb-button-height,42px);margin-top:22px;padding:8px 16px;border:1px solid rgba(255,255,255,.17);border-radius:var(--simb-button-radius,999px);background:rgba(13,31,66,.78);color:#fff;text-decoration:none;font-size:12px;font-weight:900;backdrop-filter:blur(10px)}.simb-gallery-button.is-primary{border-color:transparent;background:var(--simb-accent,#8de83d);color:#10200a} .simb-gallery-hero__feature{justify-self:end;display:block;width:min(100%,440px);max-height:410px;border-radius:var(--simb-radius-media,16px);overflow:hidden;border:1px solid rgba(255,255,255,.16);background:rgba(7,21,47,.5);box-shadow:0 24px 70px rgba(0,0,0,.3)}.simb-gallery-hero__feature img{display:block;width:100%;height:100%;max-height:410px;object-fit:contain;background:rgba(5,14,31,.42)} .simb-gallery-home__content{position:relative;width:min(var(--simb-wide-width,1500px),calc(100% - (var(--simb-gutter-desktop,40px) * 2)));margin:-34px auto 0;padding:0 0 var(--simb-page-bottom-space,64px);z-index:3}.simb-gallery-toolbar{display:flex;align-items:center;gap:10px;min-height:68px;padding:12px;border:1px solid var(--simb-border,#28446d);border-radius:var(--simb-radius-section,20px);background:color-mix(in srgb,var(--simb-surface,#0d1f42) 92%,transparent);box-shadow:0 16px 36px rgba(0,0,0,.17);backdrop-filter:blur(18px)} .simb-gallery-search{flex:1;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid var(--simb-border,#28446d);border-radius:var(--simb-radius-control,12px);background:var(--simb-bg,#07152f);color:var(--simb-muted,#a7b6cf)}.simb-gallery-search input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--simb-text,#fff)!important;font:inherit;font-size:12px;padding:0!important}.simb-gallery-game-filter select{min-height:42px;max-width:260px;border:1px solid var(--simb-border,#28446d);border-radius:var(--simb-radius-control,12px);background:var(--simb-bg,#07152f);color:var(--simb-text,#fff);padding:0 36px 0 12px;font-size:12px;font-weight:750} .simb-gallery-category-nav{display:flex;align-items:center;gap:7px;overflow:auto;padding:14px 2px 4px;scrollbar-width:none}.simb-gallery-category-nav::-webkit-scrollbar{display:none}.simb-gallery-category-nav button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid var(--simb-border,#28446d);border-radius:var(--simb-radius-pill,999px);background:transparent;color:var(--simb-muted,#a7b6cf);font:inherit;font-size:10px;font-weight:850;cursor:pointer}.simb-gallery-category-nav button small{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.07);font-size:8px;color:inherit}.simb-gallery-category-nav button:is(:hover,.is-active){border-color:color-mix(in srgb,var(--simb-accent,#8de83d) 55%,var(--simb-border,#28446d));background:color-mix(in srgb,var(--simb-accent,#8de83d) 12%,transparent);color:var(--simb-text,#fff)} .simb-gallery-archive{padding-top:clamp(34px,5vw,68px)}.simb-gallery-archive__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.simb-gallery-archive__head .simb-kicker{margin:0 0 5px;color:var(--simb-accent,#8de83d);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.simb-gallery-archive__head h2{margin:0;color:var(--simb-text,#fff);font-size:clamp(30px,3vw,46px);line-height:1;letter-spacing:-.035em}.simb-gallery-archive__head>small{color:var(--simb-muted,#a7b6cf);font-size:10px;font-weight:800;white-space:nowrap} .simb-gallery-grid{min-height:120px}.simb-gallery-home.is-masonry .simb-gallery-grid{columns:var(--simb-gallery-cols);column-gap:var(--simb-gallery-gap)}.simb-gallery-home.is-grid .simb-gallery-grid{display:grid;grid-template-columns:repeat(var(--simb-gallery-cols),minmax(0,1fr));gap:var(--simb-gallery-gap);align-items:start}.simb-gallery-card{position:relative;margin:0 0 var(--simb-gallery-gap);break-inside:avoid;overflow:hidden;border-radius:var(--simb-gallery-card-radius);background:var(--simb-surface,#0d1f42);border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 78%,transparent)}.simb-gallery-home.is-grid .simb-gallery-card{margin:0}.simb-gallery-card__visual{position:relative;display:block;width:100%;overflow:hidden;text-decoration:none;background:color-mix(in srgb,var(--simb-surface-alt,#10264d) 70%,var(--simb-bg,#07152f))}.simb-gallery-card__visual img{display:block;width:100%;height:auto;max-width:100%;transition:transform .28s ease,filter .28s ease}.simb-gallery-home.is-grid .simb-gallery-card__visual{aspect-ratio:4/3;display:grid;place-items:center}.simb-gallery-home.is-grid .simb-gallery-card__visual img{width:100%;height:100%;object-fit:contain}.simb-gallery-card__visual:hover img{transform:scale(1.018);filter:brightness(1.04)}.simb-gallery-card__overlay{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:2px;padding:30px 11px 10px;background:linear-gradient(180deg,transparent,rgba(2,8,20,.82));color:#fff;pointer-events:none}.simb-gallery-card__overlay strong{font-size:10px;line-height:1.25}.simb-gallery-card__overlay small{font-size:8px;color:#c6d5e8} .simb-gallery-load{display:flex;justify-content:center;padding-top:26px}.simb-gallery-load button{min-height:var(--simb-button-height,42px);padding:8px 18px;border:1px solid color-mix(in srgb,var(--simb-accent,#8de83d) 45%,var(--simb-border,#28446d));border-radius:var(--simb-button-radius,999px);background:color-mix(in srgb,var(--simb-accent,#8de83d) 10%,var(--simb-surface,#0d1f42));color:var(--simb-text,#fff);font:inherit;font-size:11px;font-weight:900;cursor:pointer}.simb-gallery-no-results,.simb-gallery-empty{margin:26px 0;padding:32px;border:1px dashed var(--simb-border,#28446d);border-radius:var(--simb-radius-section,20px);text-align:center;color:var(--simb-muted,#a7b6cf)}.simb-gallery-empty strong{display:block;margin-bottom:4px;color:var(--simb-text,#fff)} @media(max-width:1250px){.simb-gallery-home.is-masonry .simb-gallery-grid{columns:var(--simb-gallery-cols-l)}.simb-gallery-home.is-grid .simb-gallery-grid{grid-template-columns:repeat(var(--simb-gallery-cols-l),minmax(0,1fr))}} @media(max-width:900px){.simb-gallery-hero__inner{width:min(var(--simb-wide-width,1500px),calc(100% - (var(--simb-gutter-tablet,32px) * 2)));grid-template-columns:1fr minmax(190px,34%);gap:26px;padding:66px 0 78px}.simb-gallery-home__content{width:min(var(--simb-wide-width,1500px),calc(100% - (var(--simb-gutter-tablet,32px) * 2)))}.simb-gallery-home.is-masonry .simb-gallery-grid{columns:var(--simb-gallery-cols-t)}.simb-gallery-home.is-grid .simb-gallery-grid{grid-template-columns:repeat(var(--simb-gallery-cols-t),minmax(0,1fr))}} @media(max-width:650px){.simb-gallery-hero{min-height:auto}.simb-gallery-hero__inner{width:calc(100% - (var(--simb-gutter-mobile,20px) * 2));grid-template-columns:1fr;padding:58px 0 74px}.simb-gallery-hero__feature{justify-self:start;width:min(72vw,300px);max-height:280px}.simb-gallery-hero__feature img{max-height:280px}.simb-gallery-hero__content h1{font-size:clamp(42px,14vw,62px)}.simb-gallery-home__content{width:calc(100% - (var(--simb-gutter-mobile,20px) * 2));margin-top:-26px}.simb-gallery-toolbar{align-items:stretch;flex-direction:column;padding:9px}.simb-gallery-game-filter select{width:100%;max-width:none}.simb-gallery-archive{padding-top:32px}.simb-gallery-home.is-masonry .simb-gallery-grid{columns:var(--simb-gallery-cols-m)}.simb-gallery-home.is-grid .simb-gallery-grid{grid-template-columns:repeat(var(--simb-gallery-cols-m),minmax(0,1fr))}.simb-gallery-archive__head{align-items:flex-start}.simb-gallery-archive__head h2{font-size:32px}} @media(prefers-reduced-motion:reduce){.simb-gallery-card__visual img{transition:none}.simb-gallery-hero__backdrop{filter:none}} /* === Gallery alpha.86: series browser, image views and archive discovery === */ .simb-gallery-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.simb-gallery-section-head .simb-kicker{margin:0 0 5px;color:var(--simb-accent,#8de83d);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.simb-gallery-section-head h2{margin:0;color:var(--simb-text,#fff);font-size:clamp(28px,2.8vw,44px);line-height:1;letter-spacing:-.035em}.simb-gallery-section-head>small{color:var(--simb-muted,#a7b6cf);font-size:10px;font-weight:800} .simb-gallery-sagas{padding-top:clamp(34px,4.5vw,62px)}.simb-gallery-saga-nav{display:flex;gap:8px;overflow:auto;padding:2px 1px 10px;scrollbar-width:none}.simb-gallery-saga-nav::-webkit-scrollbar{display:none}.simb-gallery-saga-nav>a{text-decoration:none}.simb-gallery-saga-nav button,.simb-gallery-saga-nav>a{flex:0 0 auto;display:flex;align-items:center;gap:9px;min-height:40px;padding:8px 13px;border:1px solid var(--simb-border,#28446d);border-radius:var(--simb-radius-pill,999px);background:color-mix(in srgb,var(--simb-surface,#0d1f42) 78%,transparent);color:var(--simb-muted,#a7b6cf);font:inherit;cursor:pointer}.simb-gallery-saga-nav button strong,.simb-gallery-saga-nav>a strong{font-size:11px;color:inherit}.simb-gallery-saga-nav button small,.simb-gallery-saga-nav>a small{font-size:8px;font-weight:850;opacity:.76}.simb-gallery-saga-nav button:is(:hover,.is-active),.simb-gallery-saga-nav>a:is(:hover,.is-active){border-color:color-mix(in srgb,var(--simb-accent,#8de83d) 55%,var(--simb-border,#28446d));background:color-mix(in srgb,var(--simb-accent,#8de83d) 11%,var(--simb-surface,#0d1f42));color:var(--simb-text,#fff)} .simb-gallery-saga-panels{margin-top:6px}.simb-gallery-saga-panel{padding:18px;border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 86%,transparent);border-radius:var(--simb-radius-section,20px);background:color-mix(in srgb,var(--simb-surface,#0d1f42) 82%,transparent)}.simb-gallery-saga-panel__intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--simb-border,#28446d) 70%,transparent)}.simb-gallery-saga-panel__intro h3{margin:0 0 4px;font-size:18px;color:var(--simb-text,#fff);letter-spacing:-.02em}.simb-gallery-saga-panel__intro p{margin:0;max-width:670px;color:var(--simb-muted,#a7b6cf);font-size:11px;line-height:1.5}.simb-gallery-saga-panel__intro button,.simb-gallery-saga-panel__all,.simb-gallery-clear-filter{flex:0 0 auto;min-height:34px;padding:7px 11px;border:1px solid var(--simb-border,#28446d);border-radius:var(--simb-radius-pill,999px);background:transparent;color:var(--simb-text,#fff);font:inherit;font-size:9px;font-weight:900;cursor:pointer}.simb-gallery-saga-panel__intro button:hover,.simb-gallery-saga-panel__all:hover,.simb-gallery-clear-filter:hover{border-color:var(--simb-accent,#8de83d);color:var(--simb-accent,#8de83d)} .simb-gallery-game-family{padding-top:16px}.simb-gallery-game-family+.simb-gallery-game-family{margin-top:16px;border-top:1px solid color-mix(in srgb,var(--simb-border,#28446d) 56%,transparent)}.simb-gallery-game-family__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.simb-gallery-game-family__head h4{margin:0;color:var(--simb-text,#fff);font-size:13px}.simb-gallery-game-family__head small{color:var(--simb-muted,#a7b6cf);font-size:8px;font-weight:800}.simb-gallery-game-grid{display:grid;grid-template-columns:repeat(var(--simb-gallery-game-cols,6),minmax(0,1fr));gap:10px}.simb-gallery-game-card{text-decoration:none;min-width:0;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 78%,transparent);border-radius:var(--simb-radius-card,14px);background:color-mix(in srgb,var(--simb-surface-alt,#10264d) 74%,var(--simb-bg,#07152f));color:var(--simb-text,#fff);text-align:left;font:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.simb-gallery-game-card:is(:hover,.is-active){transform:translateY(-2px);border-color:color-mix(in srgb,var(--simb-accent,#8de83d) 60%,var(--simb-border,#28446d));background:color-mix(in srgb,var(--simb-accent,#8de83d) 7%,var(--simb-surface-alt,#10264d))}.simb-gallery-game-card[data-empty="1"]{opacity:.58}.simb-gallery-game-card__cover{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:color-mix(in srgb,var(--simb-bg,#07152f) 80%,var(--simb-surface,#0d1f42))}.simb-gallery-game-card__cover img{display:block;width:100%;height:100%;object-fit:contain}.simb-gallery-game-card__cover.is-empty{color:var(--simb-muted,#a7b6cf);font-size:28px}.simb-gallery-game-card__body{display:grid;gap:2px;padding:9px}.simb-gallery-game-card__body small{font-size:7px;font-weight:900;color:var(--simb-accent,#8de83d);text-transform:uppercase;letter-spacing:.06em}.simb-gallery-game-card__body strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25}.simb-gallery-game-card__body>span{font-size:8px;color:var(--simb-muted,#a7b6cf)}.simb-gallery-game-card.is-base{border-color:color-mix(in srgb,var(--simb-accent,#8de83d) 24%,var(--simb-border,#28446d))} .simb-gallery-popular{padding-top:clamp(34px,4.5vw,62px)}.simb-gallery-spotlight-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,210px);gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 1px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}.simb-gallery-spotlight-card{position:relative;min-width:0;margin:0;scroll-snap-align:start}.simb-gallery-spotlight-card>a{position:relative;display:grid;place-items:center;height:150px;overflow:hidden;border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 76%,transparent);border-radius:var(--simb-radius-media,16px);background:color-mix(in srgb,var(--simb-surface,#0d1f42) 82%,var(--simb-bg,#07152f))}.simb-gallery-spotlight-card img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .22s ease,filter .22s ease}.simb-gallery-spotlight-card>a:hover img{transform:scale(1.018);filter:brightness(1.04)}.simb-gallery-view-badge{position:absolute;right:7px;bottom:7px;display:inline-flex;align-items:center;min-height:24px;padding:4px 7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(3,11,27,.8);backdrop-filter:blur(9px);color:#fff;font-size:8px;font-weight:900} .simb-gallery-toolbar{margin-top:clamp(34px,4.5vw,62px)}.simb-gallery-clear-filter{margin-left:auto}.simb-gallery-active-filter{margin:7px 0 0;color:var(--simb-accent,#8de83d);font-size:9px;font-weight:850}.simb-gallery-latest{padding-top:clamp(46px,6vw,84px);padding-bottom:8px}.simb-gallery-latest .simb-gallery-spotlight-card>a{height:132px} @media(max-width:1250px){.simb-gallery-game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}} @media(max-width:900px){.simb-gallery-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.simb-gallery-saga-panel{padding:14px}.simb-gallery-spotlight-rail{grid-auto-columns:minmax(145px,190px)}} @media(max-width:650px){.simb-gallery-section-head{align-items:flex-start}.simb-gallery-section-head h2{font-size:30px}.simb-gallery-saga-panel__intro{align-items:flex-start;flex-direction:column}.simb-gallery-game-grid{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none}.simb-gallery-game-grid::-webkit-scrollbar{display:none}.simb-gallery-game-card{flex:0 0 142px}.simb-gallery-toolbar{margin-top:36px}.simb-gallery-clear-filter{margin-left:0}.simb-gallery-spotlight-rail{grid-auto-columns:154px}.simb-gallery-spotlight-card>a{height:116px}.simb-gallery-latest .simb-gallery-spotlight-card>a{height:108px}} .simb-gallery-saga-panel__all{text-decoration:none} /* alpha.88 — Gallery hero breadcrumb + game-page Gallery parity */ .simb-gallery-hero__content>.simb-hero-breadcrumb--galleries{position:static!important;inset:auto!important;max-width:100%!important;margin:0 0 16px!important;padding:0!important;white-space:normal;flex-wrap:wrap;overflow:visible;text-overflow:clip} .simb-gallery-hero__content>.simb-hero-breadcrumb--galleries+.simb-kicker{margin-top:0} .simb-gallery-hero__content>.simb-hero-breadcrumb--galleries a,.simb-gallery-hero__content>.simb-hero-breadcrumb--galleries .simb-hero-breadcrumb__current{max-width:min(36ch,52vw);overflow:hidden;text-overflow:ellipsis} .simb-gallery-home.is-game-gallery .simb-gallery-archive{padding-top:clamp(34px,4.5vw,58px)} .simb-gallery-home.is-game-gallery .simb-gallery-toolbar{margin-top:clamp(30px,4vw,48px)} .simb-gallery-home.is-game-gallery .simb-gallery-category-nav.simb-media-category-nav{margin:10px 0 18px;padding:0;border:0;background:transparent} .simb-gallery-home.is-game-gallery .simb-gallery-category-nav.simb-media-category-nav button{min-height:34px;padding:7px 11px;border:1px solid var(--simb-border,#28446d);border-radius:var(--simb-radius-pill,999px);background:var(--simb-surface-alt,#10264d);color:var(--simb-text,#fff);font-size:11px;font-weight:850} .simb-gallery-home.is-game-gallery .simb-gallery-category-nav.simb-media-category-nav button small{font-size:9px;color:var(--simb-muted,#a7b6cf)} .simb-gallery-home.is-game-gallery .simb-gallery-category-nav.simb-media-category-nav button:is(.is-active,[aria-selected="true"]){background:color-mix(in srgb,var(--simb-accent,#8de83d) 18%,var(--simb-surface-alt,#10264d));border-color:color-mix(in srgb,var(--simb-accent,#8de83d) 72%,var(--simb-border,#28446d));color:#fff} .simb-gallery-home.is-game-gallery .simb-gallery-grid{display:grid!important;columns:auto!important;grid-template-columns:repeat(var(--simb-gallery-cols),minmax(0,1fr));gap:var(--simb-gallery-gap);align-items:start} .simb-gallery-home.is-game-gallery .simb-gallery-card{margin:0;border-radius:var(--simb-gallery-card-radius);background:var(--simb-surface-alt,#10264d)} .simb-gallery-home.is-game-gallery .simb-gallery-card__visual.simb-media-card__visual{display:flex;width:100%;align-items:center;justify-content:center;background:#07142f} .simb-gallery-home.is-game-gallery .simb-media-card--logo .simb-gallery-card__visual{aspect-ratio:16/9;padding:14px} .simb-gallery-home.is-game-gallery .simb-media-card--render .simb-gallery-card__visual{aspect-ratio:4/5;padding:8px} .simb-gallery-home.is-game-gallery .simb-media-card--cover .simb-gallery-card__visual{aspect-ratio:2/3;padding:8px} .simb-gallery-home.is-game-gallery :is(.simb-media-card--artwork,.simb-media-card--screenshot,.simb-media-card--photo,.simb-media-card--image) .simb-gallery-card__visual{aspect-ratio:16/9;padding:6px} .simb-gallery-home.is-game-gallery .simb-gallery-card__visual img{width:100%;height:100%;max-height:none;object-fit:contain!important;object-position:center!important;background:transparent} .simb-gallery-home.is-game-gallery .simb-gallery-card__overlay{display:none!important} .simb-gallery-home.is-game-gallery .simb-gallery-card__visual:hover img{transform:scale(1.012);filter:brightness(1.035)} @media(max-width:1250px){.simb-gallery-home.is-game-gallery .simb-gallery-grid{grid-template-columns:repeat(var(--simb-gallery-cols-l),minmax(0,1fr))}} @media(max-width:900px){.simb-gallery-home.is-game-gallery .simb-gallery-grid{grid-template-columns:repeat(var(--simb-gallery-cols-t),minmax(0,1fr))}} @media(max-width:650px){.simb-gallery-hero__content>.simb-hero-breadcrumb--galleries{margin-bottom:12px!important;font-size:9.5px}.simb-gallery-hero__content>.simb-hero-breadcrumb--galleries a,.simb-gallery-hero__content>.simb-hero-breadcrumb--galleries .simb-hero-breadcrumb__current{max-width:68vw}.simb-gallery-home.is-game-gallery .simb-gallery-category-nav.simb-media-category-nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:4px;scrollbar-width:none}.simb-gallery-home.is-game-gallery .simb-gallery-category-nav.simb-media-category-nav::-webkit-scrollbar{display:none}.simb-gallery-home.is-game-gallery .simb-gallery-category-nav.simb-media-category-nav button{flex:0 0 auto}.simb-gallery-home.is-game-gallery .simb-gallery-grid{grid-template-columns:repeat(var(--simb-gallery-cols-m),minmax(0,1fr))}} /* alpha.89 — progressive Gallery loading + alternate Visual Explorer layout */ .simb-gallery-home.is-gallery-loading [data-simb-gallery-grid]{opacity:.58;transition:opacity .16s ease}.simb-gallery-home.is-gallery-loading [data-simb-gallery-load-more]{cursor:wait;opacity:.6}.simb-gallery-home.has-gallery-load-error .simb-gallery-load button{border-color:#e08787}.simb-gallery-home [data-simb-gallery-grid]{transition:opacity .16s ease} .simb-gallery-home.is-page-layout-explorer .simb-gallery-saga-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;overflow:visible;padding:2px 0 6px}.simb-gallery-home.is-page-layout-explorer .simb-gallery-saga-nav>a.simb-gallery-saga-tile{display:grid;grid-template-columns:minmax(78px,34%) minmax(0,1fr);align-items:stretch;min-height:124px;padding:0;overflow:hidden;border-radius:var(--simb-radius-card,14px);background:color-mix(in srgb,var(--simb-surface,#0d1f42) 88%,var(--simb-bg,#07152f));color:var(--simb-text,#fff)}.simb-gallery-saga-tile__visual{display:grid;place-items:center;min-width:0;background:var(--simb-bg,#07152f);overflow:hidden}.simb-gallery-saga-tile__visual img{display:block;width:100%;height:100%;object-fit:contain}.simb-gallery-saga-tile__body{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:12px}.simb-gallery-saga-tile__body strong{font-size:14px!important;color:var(--simb-text,#fff)!important}.simb-gallery-saga-tile__body small{font-size:9px!important;color:var(--simb-muted,#a7b6cf)}.simb-gallery-saga-tile__body em{margin-top:5px;color:var(--simb-accent,#8de83d);font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.05em} .simb-gallery-explorer{padding-top:clamp(42px,5.2vw,72px)}.simb-gallery-explorer__shelves{display:grid;gap:clamp(28px,4vw,48px)}.simb-gallery-explorer-shelf__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.simb-gallery-explorer-shelf__head h3{margin:0;color:var(--simb-text,#fff);font-size:clamp(19px,2vw,28px);line-height:1;letter-spacing:-.025em}.simb-gallery-explorer-shelf__head small{display:block;margin-top:4px;color:var(--simb-muted,#a7b6cf);font-size:9px;font-weight:800}.simb-gallery-explorer-shelf__head button{flex:0 0 auto;min-height:34px;padding:7px 11px;border:1px solid var(--simb-border,#28446d);border-radius:var(--simb-radius-pill,999px);background:transparent;color:var(--simb-text,#fff);font:inherit;font-size:9px;font-weight:900;cursor:pointer}.simb-gallery-explorer-shelf__head button:hover{border-color:var(--simb-accent,#8de83d);color:var(--simb-accent,#8de83d)}.simb-gallery-home.is-page-layout-explorer .simb-gallery-explorer .simb-gallery-spotlight-rail{grid-auto-columns:minmax(170px,230px)}.simb-gallery-home.is-page-layout-explorer .is-explorer-latest{padding-top:clamp(42px,5.2vw,72px)}.simb-gallery-home.is-page-layout-explorer .simb-gallery-toolbar{margin-top:clamp(42px,5.2vw,72px)}.simb-gallery-home.is-page-layout-explorer .simb-gallery-archive{padding-top:clamp(28px,4vw,48px)} @media(max-width:1250px){.simb-gallery-home.is-page-layout-explorer .simb-gallery-saga-nav{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:900px){.simb-gallery-home.is-page-layout-explorer .simb-gallery-saga-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.simb-gallery-home.is-page-layout-explorer .simb-gallery-explorer .simb-gallery-spotlight-rail{grid-auto-columns:minmax(155px,205px)}} @media(max-width:650px){.simb-gallery-home.is-page-layout-explorer .simb-gallery-saga-nav{display:flex;overflow-x:auto;gap:9px;padding-bottom:8px}.simb-gallery-home.is-page-layout-explorer .simb-gallery-saga-nav>a.simb-gallery-saga-tile{flex:0 0 230px;grid-template-columns:82px 1fr;min-height:108px}.simb-gallery-explorer-shelf__head{align-items:center}.simb-gallery-explorer-shelf__head h3{font-size:21px}.simb-gallery-home.is-page-layout-explorer .simb-gallery-explorer .simb-gallery-spotlight-rail{grid-auto-columns:158px}} /* alpha.90 — Grand Gallery: curated large-archive composition. */ .simb-gallery-home.is-page-layout-grand .simb-gallery-home__content{margin-top:-28px} .simb-gallery-home.is-page-layout-grand .simb-gallery-sagas, .simb-gallery-home.is-page-layout-grand .simb-gallery-grand-popular, .simb-gallery-home.is-page-layout-grand .simb-gallery-grand-types, .simb-gallery-home.is-page-layout-grand .simb-gallery-latest, .simb-gallery-home.is-page-layout-grand .simb-gallery-toolbar, .simb-gallery-home.is-page-layout-grand .simb-gallery-archive{content-visibility:auto;contain-intrinsic-size:480px} .simb-gallery-home.is-page-layout-grand .simb-gallery-section-head{align-items:flex-end;margin-bottom:14px} .simb-gallery-home.is-page-layout-grand .simb-gallery-section-head>small{max-width:320px;text-align:right;color:var(--simb-muted,#a7b6cf);font-size:9px;font-weight:800;line-height:1.35} .simb-gallery-home.is-page-layout-grand .simb-gallery-sagas{padding-top:clamp(34px,4vw,54px)} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(205px,1fr);gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 0 8px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-nav>a.simb-gallery-saga-tile{display:grid;grid-template-columns:78px minmax(0,1fr);min-height:96px;overflow:hidden;border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 82%,transparent);border-radius:var(--simb-radius-card,14px);background:color-mix(in srgb,var(--simb-surface,#0d1f42) 90%,var(--simb-bg,#07152f));color:var(--simb-text,#fff);scroll-snap-align:start;transition:transform .18s ease,border-color .18s ease,background .18s ease} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-nav>a.simb-gallery-saga-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--simb-accent,#8de83d) 50%,var(--simb-border,#28446d));background:color-mix(in srgb,var(--simb-surface-alt,#10264d) 92%,var(--simb-bg,#07152f))} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-tile__visual{min-width:0;background:var(--simb-bg,#07152f)} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-tile__visual img{width:100%;height:100%;object-fit:contain;padding:6px} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-tile__body{gap:2px;padding:10px 12px} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-tile__body strong{font-size:13px!important;line-height:1.15} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-tile__body small{font-size:9px!important} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-tile__body em{margin-top:3px;font-size:8px} .simb-gallery-grand-popular{padding-top:clamp(38px,5vw,68px)} .simb-gallery-grand-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(150px,210px));gap:10px} .simb-gallery-grand-feature{position:relative;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 82%,transparent);border-radius:var(--simb-radius-media,16px);background:var(--simb-surface,#0d1f42)} .simb-gallery-grand-feature.is-lead{grid-column:span 6;grid-row:span 2} .simb-gallery-grand-feature:not(.is-lead){grid-column:span 3} .simb-gallery-grand-feature>a{position:relative;display:block;width:100%;height:100%;color:#fff;text-decoration:none} .simb-gallery-grand-feature__visual{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--simb-surface-alt,#10264d) 74%,var(--simb-bg,#07152f));overflow:hidden} .simb-gallery-grand-feature__visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .25s ease,filter .25s ease} .simb-gallery-grand-feature>a:hover .simb-gallery-grand-feature__visual img{transform:scale(1.018);filter:brightness(1.04)} .simb-gallery-grand-feature__meta{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 12px;padding:38px 12px 11px;background:linear-gradient(180deg,transparent,rgba(2,8,20,.88));pointer-events:none} .simb-gallery-grand-feature__meta small{grid-column:1/-1;color:#b8c8db;font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .simb-gallery-grand-feature__meta strong{min-width:0;color:#fff;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .simb-gallery-grand-feature__meta em{color:var(--simb-accent,#8de83d);font-size:8px;font-style:normal;font-weight:900;white-space:nowrap} .simb-gallery-grand-feature.is-lead .simb-gallery-grand-feature__meta{padding:54px 16px 15px} .simb-gallery-grand-feature.is-lead .simb-gallery-grand-feature__meta strong{font-size:16px} .simb-gallery-grand-types{padding-top:clamp(38px,5vw,64px)} .simb-gallery-grand-types__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px} .simb-gallery-grand-type{display:grid;grid-template-columns:72px minmax(0,1fr);min-width:0;min-height:86px;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 82%,transparent);border-radius:var(--simb-radius-card,14px);background:color-mix(in srgb,var(--simb-surface,#0d1f42) 92%,var(--simb-bg,#07152f));color:var(--simb-text,#fff);font:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease} .simb-gallery-grand-type:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--simb-accent,#8de83d) 55%,var(--simb-border,#28446d));background:var(--simb-surface-alt,#10264d)} .simb-gallery-grand-type__visual{display:grid;place-items:center;min-width:0;overflow:hidden;background:var(--simb-bg,#07152f);color:var(--simb-muted,#a7b6cf);font-size:20px} .simb-gallery-grand-type__visual img{display:block;width:100%;height:100%;object-fit:contain;padding:5px} .simb-gallery-grand-type__body{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:9px 10px} .simb-gallery-grand-type__body strong{max-width:100%;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .simb-gallery-grand-type__body small{color:var(--simb-muted,#a7b6cf);font-size:8px;font-weight:800} .simb-gallery-grand-type__body em{margin-top:2px;color:var(--simb-accent,#8de83d);font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.04em} .simb-gallery-home.is-page-layout-grand .simb-gallery-latest.is-explorer-latest{padding-top:clamp(38px,5vw,64px)} .simb-gallery-home.is-page-layout-grand .simb-gallery-latest .simb-gallery-spotlight-rail{grid-auto-columns:minmax(130px,180px);gap:9px} .simb-gallery-home.is-page-layout-grand .simb-gallery-toolbar{margin-top:clamp(42px,5vw,68px)} .simb-gallery-home.is-page-layout-grand .simb-gallery-archive{padding-top:clamp(26px,3.8vw,44px)} /* Grand series pages keep each base-game family compact instead of producing a very long wall. */ .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact{display:grid;gap:22px} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-saga-panel__intro{margin-bottom:0} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-game-family{padding:0 0 16px;border-bottom:1px solid color-mix(in srgb,var(--simb-border,#28446d) 56%,transparent)} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-game-family:last-child{border-bottom:0} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-game-family__head{margin-bottom:9px} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-game-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(118px,145px);grid-template-columns:none;gap:9px;overflow-x:auto;overflow-y:hidden;padding:1px 0 8px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-game-card{min-width:0;scroll-snap-align:start} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-game-card__cover{aspect-ratio:1/1;min-height:0} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-game-card__cover img{object-fit:contain} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-game-card__body{padding:8px} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-game-card__body strong{font-size:9.5px;line-height:1.2} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-game-card__body small, .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-game-card__body span{font-size:7.5px} @media(max-width:1250px){ .simb-gallery-grand-types__grid{grid-template-columns:repeat(3,minmax(0,1fr))} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-nav{grid-auto-columns:minmax(190px,240px)} } @media(max-width:900px){ .simb-gallery-grand-mosaic{grid-template-rows:repeat(2,minmax(135px,185px))} .simb-gallery-grand-feature.is-lead{grid-column:span 6} .simb-gallery-grand-feature:not(.is-lead){grid-column:span 3} .simb-gallery-home.is-page-layout-grand .simb-gallery-section-head>small{display:none} } @media(max-width:650px){ .simb-gallery-home.is-page-layout-grand .simb-gallery-home__content{margin-top:-18px} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-nav{grid-auto-columns:220px;gap:8px} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-nav>a.simb-gallery-saga-tile{grid-template-columns:70px 1fr;min-height:88px} .simb-gallery-grand-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:8px} .simb-gallery-grand-feature.is-lead{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10} .simb-gallery-grand-feature:not(.is-lead){grid-column:auto;aspect-ratio:1/1} .simb-gallery-grand-feature__meta{padding:26px 8px 8px;grid-template-columns:1fr} .simb-gallery-grand-feature__meta em{display:none} .simb-gallery-grand-feature__meta strong{font-size:9px} .simb-gallery-grand-feature.is-lead .simb-gallery-grand-feature__meta{padding:40px 11px 10px} .simb-gallery-grand-feature.is-lead .simb-gallery-grand-feature__meta strong{font-size:13px} .simb-gallery-grand-types__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .simb-gallery-grand-type{grid-template-columns:58px minmax(0,1fr);min-height:76px} .simb-gallery-grand-type__body{padding:7px 8px} .simb-gallery-grand-type__body strong{font-size:10px} .simb-gallery-home.is-page-layout-grand .simb-gallery-latest .simb-gallery-spotlight-rail{grid-auto-columns:140px} .simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-game-grid{grid-auto-columns:112px} } /* alpha.91 — Gallery Sims 2 loading mosaic -------------------------------- */ .simb-gallery-home.is-hero-mosaic .simb-gallery-hero__backdrop{opacity:.30;filter:blur(calc(var(--simb-gallery-blur) + 5px)) saturate(.88);transform:scale(1.07)} .simb-gallery-hero__mosaic{position:absolute;inset:0;z-index:-2;overflow:hidden;opacity:var(--simb-gallery-mosaic-opacity,.78);pointer-events:none;mask-image:linear-gradient(180deg,#000 0%,#000 74%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 74%,transparent 100%)} .simb-gallery-home.is-hero-mosaic .simb-gallery-hero__shade{z-index:-1;background:linear-gradient(90deg,rgba(3,11,27,.97) 0%,rgba(3,11,27,.86) 28%,rgba(3,11,27,.54) 58%,rgba(3,11,27,.42) 100%)} .simb-gallery-hero__mosaic-tile{position:absolute;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:clamp(8px,1vw,15px);background:rgba(7,21,47,.58);box-shadow:0 18px 42px rgba(0,0,0,.22);opacity:.92;transform:scale(1);transition:opacity var(--simb-gallery-mosaic-fade,800ms) ease,transform var(--simb-gallery-mosaic-fade,800ms) ease,filter var(--simb-gallery-mosaic-fade,800ms) ease} .simb-gallery-hero__mosaic-tile.is-changing{opacity:0;transform:scale(.94);filter:blur(5px)} .simb-gallery-hero__mosaic-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:center} .simb-gallery-hero__mosaic-tile:nth-of-type(1){left:2%;top:10%;width:13%;height:25%} .simb-gallery-hero__mosaic-tile:nth-of-type(2){left:18%;top:5%;width:11%;height:18%} .simb-gallery-hero__mosaic-tile:nth-of-type(3){left:31%;top:64%;width:13%;height:22%} .simb-gallery-hero__mosaic-tile:nth-of-type(4){left:45%;top:8%;width:13%;height:24%} .simb-gallery-hero__mosaic-tile:nth-of-type(5){left:59%;top:55%;width:12%;height:25%} .simb-gallery-hero__mosaic-tile:nth-of-type(6){left:70%;top:9%;width:12%;height:22%} .simb-gallery-hero__mosaic-tile:nth-of-type(7){left:84%;top:36%;width:14%;height:25%} .simb-gallery-hero__mosaic-tile:nth-of-type(8){left:5%;top:58%;width:12%;height:22%} .simb-gallery-hero__mosaic-tile:nth-of-type(9){left:27%;top:29%;width:10%;height:18%} .simb-gallery-hero__mosaic-tile:nth-of-type(10){left:54%;top:29%;width:10%;height:19%} .simb-gallery-hero__mosaic-tile:nth-of-type(11){left:73%;top:67%;width:12%;height:20%} .simb-gallery-hero__mosaic-tile:nth-of-type(12){left:88%;top:6%;width:9%;height:17%} .simb-gallery-hero__mosaic-tile:nth-of-type(13){left:39%;top:39%;width:9%;height:17%} .simb-gallery-hero__mosaic-tile:nth-of-type(14){left:19%;top:72%;width:9%;height:17%} .simb-gallery-hero__mosaic-tile:nth-of-type(15){left:63%;top:34%;width:8%;height:16%} .simb-gallery-hero__mosaic-tile:nth-of-type(16){left:82%;top:68%;width:9%;height:17%} .simb-gallery-hero__mosaic-tile:nth-of-type(17){left:38%;top:6%;width:7%;height:14%} .simb-gallery-hero__mosaic-tile:nth-of-type(18){left:92%;top:70%;width:7%;height:14%} .simb-gallery-home.is-hero-mosaic .simb-gallery-hero__inner{grid-template-columns:minmax(0,760px) 1fr} .simb-gallery-home.is-hero-mosaic .simb-gallery-hero__content{position:relative;padding:22px 24px 24px 0} @media(max-width:900px){.simb-gallery-hero__mosaic-tile:nth-of-type(n+10){display:none}.simb-gallery-home.is-hero-mosaic .simb-gallery-hero__inner{grid-template-columns:1fr}.simb-gallery-home.is-hero-mosaic .simb-gallery-hero__content{padding-right:0}.simb-gallery-hero__mosaic{opacity:.62}} @media(max-width:620px){.simb-gallery-hero__mosaic-tile:nth-of-type(n+7){display:none}.simb-gallery-hero__mosaic-tile:nth-of-type(1){left:56%;top:9%;width:33%;height:22%}.simb-gallery-hero__mosaic-tile:nth-of-type(2){left:70%;top:35%;width:27%;height:19%}.simb-gallery-hero__mosaic-tile:nth-of-type(3){left:48%;top:60%;width:31%;height:21%}.simb-gallery-hero__mosaic-tile:nth-of-type(4){left:5%;top:62%;width:28%;height:18%}.simb-gallery-hero__mosaic-tile:nth-of-type(5){left:8%;top:8%;width:25%;height:17%}.simb-gallery-hero__mosaic-tile:nth-of-type(6){left:34%;top:30%;width:24%;height:16%}} @media(prefers-reduced-motion:reduce){.simb-gallery-hero__mosaic-tile{transition:none!important}} /* alpha.91 — Homepage SIMusics shelf --------------------------------------- */ .simb-site-home-albums{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:clamp(42px,6vw,84px) 0;background:var(--simb-bg,#07152f);color:var(--simb-text,#f7fbff)} .simb-site-home-albums .simb-shell{width:min(var(--simb-site-wide-width,1480px),calc(100% - (var(--simb-site-gutter-d,40px)*2)));margin-inline:auto} .simb-site-home-albums__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.simb-site-home-albums__head>div{max-width:720px}.simb-site-home-albums__head .simb-kicker{margin:0 0 7px;color:var(--simb-accent,#8de83d);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.simb-site-home-albums__head h2{margin:0;font-size:clamp(30px,3.4vw,48px);line-height:1;letter-spacing:-.038em;color:var(--simb-text,#fff)}.simb-site-home-albums__head p:not(.simb-kicker){margin:9px 0 0;color:var(--simb-muted,#a7b6cf);font-size:13px;line-height:1.5}.simb-site-home-albums__all{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:var(--simb-button-height,42px);padding:8px 15px;border:1px solid var(--simb-border,#28446d);border-radius:var(--simb-button-radius,999px);color:var(--simb-text,#fff);text-decoration:none;font-size:10px;font-weight:900;background:color-mix(in srgb,var(--simb-surface,#0d1f42) 90%,transparent)} .simb-site-home-albums__rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.simb-site-home-album{position:relative;min-width:0}.simb-site-home-album__cover{position:relative;display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 82%,transparent);border-radius:var(--simb-radius-media,16px);background:var(--simb-surface,#0d1f42);text-decoration:none}.simb-site-home-album__cover img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .22s ease}.simb-site-home-album__cover:hover img{transform:scale(1.025)}.simb-site-home-album__cover .is-empty{font-size:28px;color:var(--simb-muted,#a7b6cf)}.simb-site-home-album__body{position:relative;padding:9px 2px 0}.simb-site-home-album__body h3{margin:0;padding-right:34px;font-size:11px;line-height:1.25;font-weight:850}.simb-site-home-album__body h3 a{color:var(--simb-text,#fff);text-decoration:none}.simb-site-home-album__body p{margin:4px 0 0;color:var(--simb-muted,#a7b6cf);font-size:8.5px;font-weight:750}.simb-site-home-album__play{position:absolute;right:0;top:7px;display:grid;place-items:center;width:29px;height:29px;padding:0;border:0;border-radius:50%;background:var(--simb-accent,#8de83d);color:#10200a;font:inherit;font-size:10px;cursor:pointer} @media(max-width:1250px){.simb-site-home-albums__rail{grid-template-columns:repeat(6,minmax(0,1fr))}} @media(max-width:900px){.simb-site-home-albums__rail{grid-template-columns:repeat(4,minmax(0,1fr))}.simb-site-home-albums .simb-shell{width:min(var(--simb-site-wide-width,1480px),calc(100% - (var(--simb-site-gutter-t,32px)*2)))}} @media(max-width:620px){.simb-site-home-albums{padding:38px 0}.simb-site-home-albums .simb-shell{width:min(var(--simb-site-wide-width,1480px),calc(100% - (var(--simb-site-gutter-m,20px)*2)))}.simb-site-home-albums__head{align-items:flex-start;flex-direction:column}.simb-site-home-albums__head h2{font-size:30px}.simb-site-home-albums__all{min-height:36px}.simb-site-home-albums__rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(138px,44vw);grid-template-columns:none;overflow-x:auto;overflow-y:hidden;gap:10px;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:thin}.simb-site-home-album{scroll-snap-align:start}} /* alpha.92 — Sims 2 mosaic on individual game galleries ------------------- */ .simb-gallery-home.is-game-gallery.is-hero-mosaic .simb-gallery-hero__shade{background:linear-gradient(90deg,rgba(3,11,27,.97) 0%,rgba(3,11,27,.88) 31%,rgba(3,11,27,.56) 61%,rgba(3,11,27,.44) 100%)} .simb-gallery-home.is-game-gallery.is-hero-mosaic .simb-gallery-hero__content{max-width:760px} .simb-gallery-home.is-game-gallery.is-hero-mosaic .simb-gallery-hero__mosaic{mask-image:linear-gradient(180deg,#000 0%,#000 77%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 77%,transparent 100%)} /* alpha.93 — game gallery parity, clean rails, tagged Sims & related galleries */ .simb-gallery-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:22px}.simb-gallery-hero__actions .simb-gallery-button{margin-top:0} .simb-gallery-home.is-game-gallery .simb-gallery-hero__game-logo{position:relative;z-index:3;justify-self:end;align-self:center;display:grid;place-items:center;width:min(100%,360px);min-height:150px;padding:10px;text-decoration:none;filter:drop-shadow(0 18px 38px rgba(0,0,0,.36))}.simb-gallery-home.is-game-gallery .simb-gallery-hero__game-logo img{display:block;width:100%;max-width:340px;height:auto;max-height:205px;object-fit:contain} .simb-gallery-home.is-game-gallery .simb-gallery-category-nav.simb-media-category-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.simb-gallery-home.is-game-gallery .simb-gallery-category-nav.simb-media-category-nav .simb-media-category-nav__item{display:inline-flex;align-items:stretch;gap:0}.simb-gallery-home.is-game-gallery .simb-gallery-category-nav.simb-media-category-nav button>span[aria-hidden="true"]{display:inline-grid;place-items:center;min-width:15px;font-size:11px;line-height:1}.simb-gallery-home.is-game-gallery .simb-gallery-category-nav.simb-media-category-nav button>strong{font-size:inherit;font-weight:inherit}.simb-gallery-home.is-game-gallery .simb-gallery-category-nav.simb-media-category-nav button>small{margin-left:1px} /* Keep horizontal browsing, but never expose native scrollbars in Gallery UI. */ .simb-gallery-spotlight-rail,.simb-gallery-saga-nav,.simb-gallery-game-grid,.simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-game-grid{scrollbar-width:none!important;-ms-overflow-style:none}.simb-gallery-spotlight-rail::-webkit-scrollbar,.simb-gallery-saga-nav::-webkit-scrollbar,.simb-gallery-game-grid::-webkit-scrollbar,.simb-gallery-home.is-page-layout-grand .simb-gallery-saga-panel.is-compact .simb-gallery-game-grid::-webkit-scrollbar{display:none!important;width:0!important;height:0!important} .simb-gallery-tagged-sims,.simb-gallery-related{padding-top:clamp(40px,5vw,70px)} .simb-gallery-tagged-sims__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.simb-gallery-sim-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:76px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 78%,transparent);border-radius:var(--simb-radius-card,14px);background:color-mix(in srgb,var(--simb-surface,#0d1f42) 91%,var(--simb-bg,#07152f));color:var(--simb-text,#fff);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.simb-gallery-sim-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--simb-accent,#8de83d) 55%,var(--simb-border,#28446d));background:var(--simb-surface-alt,#10264d)}.simb-gallery-sim-card__portrait{display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border-radius:12px;background:var(--simb-bg,#07152f);color:var(--simb-muted,#a7b6cf)}.simb-gallery-sim-card__portrait img{display:block;width:100%;height:100%;object-fit:contain}.simb-gallery-sim-card>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:1.25} .simb-gallery-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.simb-gallery-related-card{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:16/8.5;overflow:hidden;padding:18px;border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 78%,transparent);border-radius:var(--simb-radius-card,14px);background:color-mix(in srgb,var(--simb-surface,#0d1f42) 90%,var(--simb-bg,#07152f));color:var(--simb-text,#fff);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.simb-gallery-related-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--simb-accent,#8de83d) 58%,var(--simb-border,#28446d));background:var(--simb-surface-alt,#10264d);box-shadow:0 16px 34px rgba(0,0,0,.2)}.simb-gallery-related-card__logo{display:grid;place-items:center;width:100%;height:100%;min-height:74px}.simb-gallery-related-card__logo img{display:block;width:auto;max-width:88%;height:auto;max-height:92px;object-fit:contain;transition:transform .2s ease,opacity .2s ease}.simb-gallery-related-card__logo strong{max-width:92%;font-size:16px;line-height:1.05;text-align:center}.simb-gallery-related-card__action{position:absolute;left:50%;bottom:12px;translate:-50% 7px;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 13px;border:1px solid color-mix(in srgb,var(--simb-accent,#8de83d) 62%,transparent);border-radius:var(--simb-radius-pill,999px);background:var(--simb-accent,#8de83d);color:#10200a;font-size:9px;font-weight:900;white-space:nowrap;opacity:0;transition:opacity .18s ease,translate .18s ease}.simb-gallery-related-card:hover .simb-gallery-related-card__logo img{transform:scale(.94);opacity:.68}.simb-gallery-related-card:hover .simb-gallery-related-card__action,.simb-gallery-related-card:focus-visible .simb-gallery-related-card__action{opacity:1;translate:-50% 0} @media(max-width:1180px){.simb-gallery-tagged-sims__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.simb-gallery-related__grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:900px){.simb-gallery-home.is-game-gallery .simb-gallery-hero__game-logo{width:min(100%,260px)}.simb-gallery-home.is-game-gallery .simb-gallery-hero__game-logo img{max-height:160px}.simb-gallery-tagged-sims__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.simb-gallery-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.simb-gallery-home.is-game-gallery .simb-gallery-hero__inner{grid-template-columns:1fr}.simb-gallery-home.is-game-gallery .simb-gallery-hero__game-logo{justify-self:start;width:min(210px,65vw);min-height:0;padding:4px 0}.simb-gallery-home.is-game-gallery .simb-gallery-hero__game-logo img{max-height:118px}.simb-gallery-home.is-game-gallery .simb-gallery-category-nav.simb-media-category-nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain}.simb-gallery-tagged-sims__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simb-gallery-sim-card{grid-template-columns:46px minmax(0,1fr);min-height:64px;padding:7px}.simb-gallery-sim-card__portrait{width:46px;height:46px}.simb-gallery-related__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.simb-gallery-related-card{aspect-ratio:1.45/1;padding:12px}.simb-gallery-related-card__logo img{max-height:68px}.simb-gallery-related-card__action{bottom:8px;min-height:30px;padding:6px 10px;font-size:8px}} @media(hover:none){.simb-gallery-related-card__action{opacity:1;translate:-50% 0;background:rgba(5,15,33,.88);border-color:rgba(255,255,255,.18);color:#fff}.simb-gallery-related-card__logo img{transform:translateY(-7px)}} /* alpha.94 — Gallery edge-to-edge thumbnails -------------------------------- Gallery thumbnails should visually fill their frame. The original image is still preserved in the lightbox; only archive thumbnails use cover cropping. */ .simb-gallery-home .simb-gallery-card{ border:0!important; background:transparent!important; } .simb-gallery-home .simb-gallery-card__visual{ padding:0!important; border:0!important; background:transparent!important; } .simb-gallery-home.is-grid .simb-gallery-card__visual img, .simb-gallery-home.is-game-gallery .simb-gallery-card__visual img{ width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; object-fit:cover!important; object-position:center!important; background:transparent!important; } /* Keep each media family's established card ratio, but remove the inset frame. */ .simb-gallery-home.is-game-gallery .simb-media-card--logo .simb-gallery-card__visual, .simb-gallery-home.is-game-gallery .simb-media-card--render .simb-gallery-card__visual, .simb-gallery-home.is-game-gallery .simb-media-card--cover .simb-gallery-card__visual, .simb-gallery-home.is-game-gallery :is(.simb-media-card--artwork,.simb-media-card--screenshot,.simb-media-card--photo,.simb-media-card--image) .simb-gallery-card__visual{ padding:0!important; } /* Popular / latest rails: image itself becomes the card surface. */ .simb-gallery-home .simb-gallery-spotlight-card>a{ border:0!important; background:transparent!important; } .simb-gallery-home .simb-gallery-spotlight-card img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; } /* Grand Gallery feature tiles also use full-bleed imagery. */ .simb-gallery-home .simb-gallery-grand-feature{ border:0!important; background:transparent!important; } .simb-gallery-home .simb-gallery-grand-feature__visual{ background:transparent!important; } .simb-gallery-home .simb-gallery-grand-feature__visual img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; } /* Image-type preview cards are gallery imagery too; remove their inset mat. */ .simb-gallery-home .simb-gallery-grand-type__visual img{ width:100%!important; height:100%!important; padding:0!important; object-fit:cover!important; object-position:center!important; } /* alpha.95 — Curated Gallery homepage -------------------------------------- A calmer, editorial composition for a very large image archive. It keeps the Sims 2 loading mosaic Hero but turns the landing page into a sequence of clear visual destinations instead of several continuous media rails. */ .simb-gallery-home.is-page-layout-curated .simb-gallery-home__content{margin-top:clamp(-34px,-2.2vw,-18px)} .simb-gallery-home.is-page-layout-curated .simb-gallery-sagas, .simb-gallery-home.is-page-layout-curated .simb-gallery-curated-popular, .simb-gallery-home.is-page-layout-curated .simb-gallery-curated-types, .simb-gallery-home.is-page-layout-curated .simb-gallery-curated-latest, .simb-gallery-home.is-page-layout-curated .simb-gallery-toolbar, .simb-gallery-home.is-page-layout-curated .simb-gallery-archive{content-visibility:auto;contain-intrinsic-size:460px} .simb-gallery-home.is-page-layout-curated .simb-gallery-section-head{align-items:flex-end;margin-bottom:18px} .simb-gallery-home.is-page-layout-curated .simb-gallery-section-head h2{font-size:clamp(30px,3vw,46px)} .simb-gallery-home.is-page-layout-curated .simb-gallery-section-head>small{max-width:330px;text-align:right;color:var(--simb-muted,#a7b6cf);font-size:9px;font-weight:800;line-height:1.45} .simb-gallery-home.is-page-layout-curated .simb-gallery-sagas{padding-top:clamp(30px,4vw,52px)} .simb-gallery-home.is-page-layout-curated .simb-gallery-saga-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;overflow:visible;padding:0} .simb-gallery-home.is-page-layout-curated .simb-gallery-saga-nav>a.simb-gallery-saga-tile{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:108px;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 78%,transparent);border-radius:var(--simb-radius-card,14px);background:linear-gradient(135deg,color-mix(in srgb,var(--simb-surface,#0d1f42) 94%,transparent),color-mix(in srgb,var(--simb-surface-alt,#10264d) 78%,var(--simb-bg,#07152f)));color:var(--simb-text,#fff);transition:transform .18s ease,border-color .18s ease,background .18s ease} .simb-gallery-home.is-page-layout-curated .simb-gallery-saga-nav>a.simb-gallery-saga-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--simb-accent,#8de83d) 55%,var(--simb-border,#28446d));background:color-mix(in srgb,var(--simb-surface-alt,#10264d) 94%,var(--simb-bg,#07152f))} .simb-gallery-home.is-page-layout-curated .simb-gallery-saga-tile__visual{background:color-mix(in srgb,var(--simb-bg,#07152f) 88%,#000);overflow:hidden} .simb-gallery-home.is-page-layout-curated .simb-gallery-saga-tile__visual img{width:100%;height:100%;padding:0;object-fit:cover} .simb-gallery-home.is-page-layout-curated .simb-gallery-saga-tile__body{justify-content:center;gap:3px;padding:12px 14px} .simb-gallery-home.is-page-layout-curated .simb-gallery-saga-tile__body strong{font-size:14px!important;line-height:1.15} .simb-gallery-home.is-page-layout-curated .simb-gallery-saga-tile__body small{font-size:9px!important} .simb-gallery-home.is-page-layout-curated .simb-gallery-saga-tile__body em{margin-top:5px;font-size:8px} .simb-gallery-curated-popular{padding-top:clamp(44px,5.4vw,74px)} .simb-gallery-curated-popular__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(150px,205px));gap:10px} .simb-gallery-curated-popular__grid .simb-gallery-grand-feature{grid-column:span 3;grid-row:span 1;min-height:0} .simb-gallery-curated-popular__grid .simb-gallery-grand-feature.is-lead{grid-column:span 6;grid-row:span 2} .simb-gallery-curated-popular__grid .simb-gallery-grand-feature:nth-child(2), .simb-gallery-curated-popular__grid .simb-gallery-grand-feature:nth-child(3), .simb-gallery-curated-popular__grid .simb-gallery-grand-feature:nth-child(4), .simb-gallery-curated-popular__grid .simb-gallery-grand-feature:nth-child(5){grid-column:span 3} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-feature{border:0;background:transparent;overflow:hidden} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-feature>a{border-radius:var(--simb-radius-card,14px);overflow:hidden;background:var(--simb-surface,#0d1f42)} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-feature__visual img{width:100%;height:100%;object-fit:cover} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-feature__meta{background:linear-gradient(180deg,transparent 0%,rgba(2,9,24,.92) 88%)} .simb-gallery-curated-types{padding-top:clamp(46px,5.7vw,78px)} .simb-gallery-curated-types__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type{position:relative;display:block;min-height:210px;padding:0;overflow:hidden;border:0;border-radius:var(--simb-radius-card,14px);background:var(--simb-surface,#0d1f42);text-align:left;isolation:isolate} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type__visual{position:absolute;inset:0;display:block;width:100%;height:100%;background:var(--simb-surface,#0d1f42)} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,22,.06) 12%,rgba(2,8,22,.25) 48%,rgba(2,8,22,.94) 100%)} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type__visual img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type__body{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:flex-end;gap:4px;flex-direction:column;padding:16px;text-align:left;color:#fff} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type__body strong{align-self:stretch;font-size:20px;line-height:1.05;color:#fff} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type__body small{align-self:stretch;color:rgba(255,255,255,.74);font-size:9px;font-weight:800} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type__body em{align-self:stretch;margin-top:6px;color:var(--simb-accent,#8de83d);font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.055em} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type:hover .simb-gallery-grand-type__visual img{transform:scale(1.04);filter:saturate(1.08)} .simb-gallery-curated-latest{padding-top:clamp(46px,5.7vw,78px)} .simb-gallery-curated-latest__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:112px;gap:10px} .simb-gallery-curated-latest__item{grid-column:span 2;min-width:0} .simb-gallery-curated-latest__item.is-featured{grid-column:span 3;grid-row:span 2} .simb-gallery-curated-latest__item .simb-gallery-spotlight-card,.simb-gallery-curated-latest__item .simb-gallery-spotlight-card>a{height:100%} .simb-gallery-curated-latest__item .simb-gallery-spotlight-card>a{display:block;border:0;border-radius:var(--simb-radius-card,14px);overflow:hidden;background:var(--simb-surface,#0d1f42)} .simb-gallery-curated-latest__item .simb-gallery-spotlight-card img{width:100%;height:100%;object-fit:cover} .simb-gallery-home.is-page-layout-curated .simb-gallery-toolbar{margin-top:clamp(52px,6vw,82px);padding:8px;border-radius:var(--simb-radius-card,14px);background:color-mix(in srgb,var(--simb-surface,#0d1f42) 72%,transparent);backdrop-filter:blur(12px)} .simb-gallery-home.is-page-layout-curated .simb-gallery-category-nav{margin-top:10px} .simb-gallery-home.is-page-layout-curated .simb-gallery-archive{padding-top:clamp(26px,3.5vw,42px)} .simb-gallery-home.is-page-layout-curated .simb-gallery-archive__head{padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--simb-border,#28446d) 58%,transparent)} .simb-gallery-home.is-page-layout-curated .simb-gallery-grid{margin-top:18px} .simb-gallery-home.is-page-layout-curated .simb-gallery-load{padding-top:26px} @media(max-width:1050px){ .simb-gallery-curated-types__grid{grid-template-columns:repeat(2,minmax(0,1fr))} .simb-gallery-curated-popular__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto} .simb-gallery-curated-popular__grid .simb-gallery-grand-feature,.simb-gallery-curated-popular__grid .simb-gallery-grand-feature.is-lead,.simb-gallery-curated-popular__grid .simb-gallery-grand-feature:nth-child(n){grid-column:auto;grid-row:auto;min-height:180px} .simb-gallery-curated-popular__grid .simb-gallery-grand-feature.is-lead{grid-column:1/-1;min-height:300px} .simb-gallery-curated-latest__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:125px} .simb-gallery-curated-latest__item,.simb-gallery-curated-latest__item.is-featured{grid-column:span 1;grid-row:span 1} .simb-gallery-curated-latest__item.is-featured{grid-column:span 2;grid-row:span 2} } @media(max-width:700px){ .simb-gallery-home.is-page-layout-curated .simb-gallery-home__content{margin-top:-18px} .simb-gallery-home.is-page-layout-curated .simb-gallery-section-head{align-items:flex-start} .simb-gallery-home.is-page-layout-curated .simb-gallery-section-head>small{display:none} .simb-gallery-home.is-page-layout-curated .simb-gallery-saga-nav{display:flex;overflow-x:auto;gap:9px;padding-bottom:4px;scrollbar-width:none;scroll-snap-type:x proximity} .simb-gallery-home.is-page-layout-curated .simb-gallery-saga-nav::-webkit-scrollbar{display:none} .simb-gallery-home.is-page-layout-curated .simb-gallery-saga-nav>a.simb-gallery-saga-tile{flex:0 0 230px;grid-template-columns:82px 1fr;min-height:100px;scroll-snap-align:start} .simb-gallery-curated-types__grid{grid-template-columns:1fr 1fr;gap:8px} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type{min-height:150px} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type__body{padding:12px} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type__body strong{font-size:17px} .simb-gallery-curated-popular__grid{gap:8px} .simb-gallery-curated-popular__grid .simb-gallery-grand-feature.is-lead{min-height:230px} .simb-gallery-curated-popular__grid .simb-gallery-grand-feature:not(.is-lead){min-height:135px} .simb-gallery-curated-latest__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:112px;gap:8px} .simb-gallery-curated-latest__item.is-featured{grid-column:span 1;grid-row:span 1} .simb-gallery-home.is-page-layout-curated .simb-gallery-toolbar{margin-top:42px} } /* alpha.96 — Curated Gallery activation + viewport containment ---------------- The public homepage must never fall back to the legacy endless horizontal Explorer shelves merely because an older setting remained stored. Curated markup stays inside the site container and no media rail can widen the page. */ .simb-gallery-home{max-width:100%;overflow-x:clip} .simb-gallery-home__content, .simb-gallery-home .simb-container, .simb-gallery-home section, .simb-gallery-home nav, .simb-gallery-home [class*="__grid"], .simb-gallery-home [class*="__shelves"]{min-width:0;max-width:100%} .simb-gallery-home .simb-gallery-spotlight-rail, .simb-gallery-home .simb-gallery-saga-nav, .simb-gallery-home .simb-gallery-category-nav{max-width:100%} /* Curated type browser: actual collection cards, never an endless shelf. */ .simb-gallery-home.is-page-layout-curated .simb-gallery-curated-types__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; overflow:visible; } .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type{ aspect-ratio:16/10; min-height:0; width:100%; box-shadow:0 16px 38px rgba(0,0,0,.16); } .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type__body{ align-items:flex-start; justify-content:flex-end; padding:18px; } .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type__body strong{ font-size:clamp(18px,1.6vw,25px); } .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type__body small{ font-size:10px; } .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type__body em{ display:inline-flex; align-items:center; min-height:28px; margin-top:8px; } /* Keep the archive calm after the editorial collections. */ .simb-gallery-home.is-page-layout-curated .simb-gallery-toolbar, .simb-gallery-home.is-page-layout-curated .simb-gallery-archive{ width:100%; max-width:100%; } .simb-gallery-home.is-page-layout-curated .simb-gallery-grid{overflow:visible} @media (max-width:980px){ .simb-gallery-home.is-page-layout-curated .simb-gallery-curated-types__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} } @media (max-width:620px){ .simb-gallery-home{overflow-x:hidden} .simb-gallery-home.is-page-layout-curated .simb-gallery-curated-types__grid{grid-template-columns:1fr} .simb-gallery-home.is-page-layout-curated .simb-gallery-grand-type{aspect-ratio:16/9} } /* Alpha.98 — Games archive home */ .simb-games-home{background:var(--simb-bg,#07152f);color:var(--simb-text,#f7fbff);min-height:100vh;overflow-x:hidden} .simb-games-home .simb-shell{width:min(var(--simb-site-wide-width,1540px),calc(100% - (var(--simb-site-gutter-d,48px) * 2)));margin-inline:auto} .simb-games-home-hero{position:relative;min-height:var(--simb-games-hero-height,540px);display:flex;align-items:flex-end;overflow:hidden;background:var(--simb-hero,#07142f)} .simb-games-home-hero__backdrop{position:absolute;inset:-14px;background-size:cover;background-position:center;filter:blur(var(--simb-games-hero-blur,2px));transform:scale(1.035)} .simb-games-home-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,14,32,.98) 0%,rgba(4,14,32,.88) 36%,rgba(4,14,32,.40) 70%,rgba(4,14,32,.28) 100%),linear-gradient(0deg,var(--simb-bg,#07152f) 0%,rgba(7,21,47,.08) 40%,rgba(7,21,47,.10) 100%);opacity:var(--simb-games-hero-overlay,.76)} .simb-games-home-hero__inner{position:relative;z-index:2;width:min(var(--simb-site-wide-width,1540px),calc(100% - (var(--simb-site-gutter-d,48px) * 2)));margin-inline:auto;padding:92px 0 78px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:64px;align-items:end} .simb-games-home-hero .simb-hero-breadcrumb{position:absolute;top:34px;left:0} .simb-games-home-hero__copy{max-width:760px} .simb-games-home-hero__copy h1{margin:.25rem 0 .65rem;font-size:clamp(3rem,5.4vw,5.7rem);line-height:.91;letter-spacing:-.055em;color:#fff} .simb-games-home-hero__subtitle{max-width:660px;margin:0 0 22px;color:rgba(247,251,255,.88);font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.55} .simb-games-home-hero__stats{display:flex;gap:10px;margin:0 0 24px;flex-wrap:wrap} .simb-games-home-hero__stats span{display:flex;align-items:baseline;gap:7px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--simb-border,#28446d),transparent 18%);border-radius:var(--simb-radius-pill,999px);background:rgba(7,21,47,.56);backdrop-filter:blur(10px)} .simb-games-home-hero__stats strong{font-size:1rem}.simb-games-home-hero__stats small{color:var(--simb-muted,#a7b6cf);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800} .simb-primary-button{min-height:var(--simb-button-height,42px);display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:var(--simb-button-radius,999px);background:var(--simb-accent,#8de83d);color:#07142f!important;text-decoration:none!important;font-weight:900;box-shadow:none} .simb-games-home-featured{justify-self:end;width:min(100%,320px);display:grid;grid-template-columns:104px minmax(0,1fr);gap:15px;align-items:end;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:var(--simb-radius-section,18px);background:rgba(6,18,39,.72);backdrop-filter:blur(16px);text-decoration:none!important;color:inherit!important;box-shadow:var(--simb-surface-shadow,none)} .simb-games-home-featured__label{grid-column:1/-1;color:var(--simb-accent,#8de83d);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900} .simb-games-home-featured__cover{aspect-ratio:2/3;border-radius:var(--simb-radius-media,12px);overflow:hidden;background:var(--simb-surface,#0d1f42)} .simb-games-home-featured__cover img{width:100%;height:100%;display:block;object-fit:cover} .simb-games-home-featured__info{min-width:0;align-self:center}.simb-games-home-featured__logo{display:block;max-width:100%;max-height:70px;object-fit:contain;object-position:left center;margin-bottom:9px}.simb-games-home-featured__info strong{display:block;font-size:1.06rem;line-height:1.1}.simb-games-home-featured__info small{display:block;margin-top:7px;color:var(--simb-muted,#a7b6cf);font-size:.78rem} .simb-games-home__content{padding-top:64px;padding-bottom:var(--simb-site-page-bottom,90px);display:grid;gap:76px} .simb-games-home .simb-section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:0 0 20px} .simb-games-home .simb-section-head h2{margin:.15rem 0 0;font-size:clamp(2rem,3vw,3.25rem);line-height:.98;letter-spacing:-.045em}.simb-games-home .simb-section-head>small{color:var(--simb-muted,#a7b6cf);font-weight:800} .simb-games-home-series__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} .simb-games-home-series-card{appearance:none;border:var(--simb-surface-border-width,1px) solid var(--simb-border,#28446d);background:var(--simb-surface,#0d1f42);color:inherit;border-radius:var(--simb-radius-card,16px);overflow:hidden;min-width:0;padding:0;text-align:left;cursor:pointer;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:stretch;transition:transform .18s ease,border-color .18s ease,background .18s ease} .simb-games-home-series-card:hover,.simb-games-home-series-card.is-active{transform:translateY(-2px);border-color:color-mix(in srgb,var(--simb-accent,#8de83d),transparent 20%);background:var(--simb-surface-alt,#10264d)} .simb-games-home-series-card__image{aspect-ratio:1/1.08;background:var(--simb-surface-alt,#10264d);overflow:hidden}.simb-games-home-series-card__image img{width:100%;height:100%;display:block;object-fit:cover} .simb-games-home-series-card__body{display:flex;flex-direction:column;justify-content:center;padding:12px 13px;min-width:0}.simb-games-home-series-card__body strong{font-size:.92rem;line-height:1.1}.simb-games-home-series-card__body small{margin-top:5px;color:var(--simb-muted,#a7b6cf);font-size:.72rem} .simb-games-home-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:var(--simb-games-card-width,176px);gap:var(--simb-games-gap,14px);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:2px 2px 8px;scrollbar-width:none;-ms-overflow-style:none} .simb-games-home-shelf::-webkit-scrollbar{display:none} .simb-games-home-card{min-width:0;scroll-snap-align:start}.simb-games-home-card[hidden]{display:none!important}.simb-games-home-card__link{display:block;text-decoration:none!important;color:inherit!important;min-width:0} .simb-games-home-card__visual{display:block;position:relative;aspect-ratio:2/3;border-radius:var(--simb-radius-media,12px);overflow:hidden;background:linear-gradient(145deg,var(--simb-surface-alt,#10264d),var(--simb-surface,#0d1f42));border:var(--simb-surface-border-width,1px) solid var(--simb-border,#28446d);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .simb-games-home-card__visual img{width:100%;height:100%;display:block;object-fit:cover}.simb-games-home-card__visual img.is-logo{object-fit:contain;padding:18px} .simb-games-home-card__fallback{height:100%;display:grid;place-items:center;font-size:4rem;font-weight:900;color:rgba(255,255,255,.16)} .simb-games-home-card__body{display:block;padding:9px 2px 0}.simb-games-home-card__body strong{display:block;font-size:.84rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simb-games-home-card__body small{display:block;margin-top:4px;color:var(--simb-muted,#a7b6cf);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .simb-games-home-card__link:hover .simb-games-home-card__visual{transform:translateY(-3px);border-color:color-mix(in srgb,var(--simb-accent,#8de83d),transparent 25%);box-shadow:0 14px 34px rgba(0,0,0,.22)} .simb-games-shelf-controls{display:flex;align-items:center;gap:7px}.simb-games-shelf-controls button{width:34px;height:34px;border-radius:999px;border:1px solid var(--simb-border,#28446d);background:var(--simb-surface,#0d1f42);color:var(--simb-text,#f7fbff);font-size:1.35rem;line-height:1;cursor:pointer}.simb-games-shelf-controls button:hover{border-color:var(--simb-accent,#8de83d);color:var(--simb-accent,#8de83d)} .simb-games-home-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0 0 28px;padding:10px;border:1px solid var(--simb-border,#28446d);border-radius:var(--simb-radius-control,14px);background:color-mix(in srgb,var(--simb-surface,#0d1f42),transparent 15%)} .simb-games-home-search{flex:1;min-width:220px}.simb-games-home-search input{width:100%;height:42px;border:1px solid var(--simb-border,#28446d);border-radius:var(--simb-radius-control,12px);background:var(--simb-bg,#07152f);color:var(--simb-text,#f7fbff);padding:0 14px;outline:none}.simb-games-home-search input:focus{border-color:var(--simb-accent,#8de83d)} .simb-games-home-filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.simb-games-home-filters::-webkit-scrollbar{display:none}.simb-games-home-filters button{white-space:nowrap;height:38px;padding:0 12px;border:1px solid var(--simb-border,#28446d);border-radius:var(--simb-radius-pill,999px);background:transparent;color:var(--simb-muted,#a7b6cf);font-weight:800;font-size:.74rem;cursor:pointer}.simb-games-home-filters button:hover,.simb-games-home-filters button.is-active{background:var(--simb-accent,#8de83d);border-color:var(--simb-accent,#8de83d);color:#07142f} .simb-games-home-groups{display:grid;gap:56px}.simb-games-family[hidden]{display:none!important}.simb-games-family__head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:end;margin-bottom:14px}.simb-games-family__head small{display:block;color:var(--simb-accent,#8de83d);font-size:.67rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.simb-games-family__head h3{margin:3px 0 0;font-size:clamp(1.45rem,2vw,2rem);line-height:1}.simb-games-family__head>span{color:var(--simb-muted,#a7b6cf);font-size:.72rem;font-weight:800;align-self:center} .simb-games-home-groups.is-grid .simb-games-family .simb-games-home-shelf{grid-auto-flow:initial;grid-template-columns:repeat(auto-fill,minmax(var(--simb-games-card-width,176px),1fr));overflow:visible}.simb-games-home-groups.is-grid .simb-games-shelf-controls{display:none} .simb-games-home-empty{padding:48px;text-align:center;border:1px dashed var(--simb-border,#28446d);border-radius:var(--simb-radius-section,18px);color:var(--simb-muted,#a7b6cf)} @media (max-width:1180px){ .simb-games-home-series__grid{grid-template-columns:repeat(3,minmax(0,1fr))} .simb-games-home-hero__inner{grid-template-columns:minmax(0,1fr) 280px;gap:36px;width:min(var(--simb-site-wide-width,1540px),calc(100% - (var(--simb-site-gutter-t,32px) * 2)))} .simb-games-home .simb-shell{width:min(var(--simb-site-wide-width,1540px),calc(100% - (var(--simb-site-gutter-t,32px) * 2)))} } @media (max-width:820px){ .simb-games-home-hero{min-height:auto}.simb-games-home-hero__inner{display:block;padding:84px 0 54px;width:calc(100% - (var(--simb-site-gutter-m,20px) * 2))}.simb-games-home-hero .simb-hero-breadcrumb{top:22px} .simb-games-home-hero__copy h1{font-size:clamp(2.7rem,12vw,4.4rem)}.simb-games-home-featured{margin-top:30px;justify-self:auto;width:min(100%,380px)} .simb-games-home .simb-shell{width:calc(100% - (var(--simb-site-gutter-m,20px) * 2))}.simb-games-home__content{padding-top:46px;gap:58px} .simb-games-home-series__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simb-games-home-series-card{grid-template-columns:72px minmax(0,1fr)} .simb-games-home-toolbar{align-items:stretch;flex-direction:column}.simb-games-home-search{min-width:0}.simb-games-family__head{grid-template-columns:minmax(0,1fr) auto}.simb-games-family__head>span{display:none}.simb-games-home-shelf{grid-auto-columns:min(42vw,168px)} } @media (max-width:520px){ .simb-games-home-series__grid{grid-template-columns:1fr 1fr;gap:8px}.simb-games-home-series-card{display:block}.simb-games-home-series-card__image{aspect-ratio:16/9}.simb-games-home-series-card__body{padding:10px} .simb-games-home-shelf{grid-auto-columns:min(58vw,164px)}.simb-games-shelf-controls{display:none}.simb-games-home .simb-section-head h2{font-size:2rem} } /* alpha.99 — Franchise Gallery landing pages ------------------------------- Franchise pages now share the same living Gallery Hero and collapse the complete expansion/pack catalog into an accessible family browser. */ .simb-gallery-home.is-series-gallery .simb-gallery-hero__inner{grid-template-columns:minmax(0,760px) 1fr} .simb-gallery-home.is-series-gallery .simb-gallery-home__content{margin-top:clamp(-34px,-2vw,-18px)} .simb-gallery-home.is-series-gallery .simb-gallery-sagas.is-series{padding-top:clamp(28px,4vw,48px)} .simb-gallery-home.is-series-gallery .simb-gallery-sagas.is-series>.simb-gallery-section-head{margin-bottom:14px} .simb-gallery-home.is-series-gallery .simb-gallery-saga-panels{margin:0} .simb-gallery-franchise-browser{overflow:hidden;border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 72%,transparent);border-radius:var(--simb-radius-section,20px);background:linear-gradient(145deg,color-mix(in srgb,var(--simb-surface,#0d1f42) 82%,transparent),color-mix(in srgb,var(--simb-bg,#07152f) 92%,transparent));box-shadow:0 20px 50px rgba(0,0,0,.08)} .simb-gallery-franchise-browser__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 24px 18px;border-bottom:1px solid color-mix(in srgb,var(--simb-border,#28446d) 62%,transparent)} .simb-gallery-franchise-browser__intro .simb-kicker{margin:0 0 5px;color:var(--simb-accent,#8de83d);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em} .simb-gallery-franchise-browser__intro h3{margin:0;color:var(--simb-text,#fff);font-size:clamp(24px,2.2vw,34px);letter-spacing:-.035em} .simb-gallery-franchise-browser__intro p{max-width:720px;margin:7px 0 0;color:var(--simb-muted,#a7b6cf);font-size:11px;line-height:1.55} .simb-gallery-franchise-browser__intro>a{flex:0 0 auto;color:var(--simb-accent,#8de83d);font-size:9px;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.055em} .simb-gallery-family-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;padding:12px;border-bottom:1px solid color-mix(in srgb,var(--simb-border,#28446d) 56%,transparent)} .simb-gallery-family-tabs button{appearance:none;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:68px;padding:6px;border:1px solid transparent;border-radius:var(--simb-radius-card,14px);background:transparent;color:var(--simb-text,#fff);text-align:left;font:inherit;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease} .simb-gallery-family-tabs button:hover{background:color-mix(in srgb,var(--simb-surface-alt,#10264d) 66%,transparent);transform:translateY(-1px)} .simb-gallery-family-tabs button.is-active{border-color:color-mix(in srgb,var(--simb-accent,#8de83d) 56%,var(--simb-border,#28446d));background:color-mix(in srgb,var(--simb-accent,#8de83d) 9%,var(--simb-surface-alt,#10264d))} .simb-gallery-family-tab__visual{display:grid;place-items:center;width:56px;height:56px;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--simb-bg,#07152f) 82%,#000)} .simb-gallery-family-tab__visual img{display:block;width:100%;height:100%;object-fit:cover} .simb-gallery-family-tab__visual.is-logo img{object-fit:contain;padding:6px} .simb-gallery-family-tab__copy{display:grid;gap:3px;min-width:0} .simb-gallery-family-tab__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.15} .simb-gallery-family-tab__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--simb-muted,#a7b6cf);font-size:7.5px;font-weight:800} .simb-gallery-family-panels{padding:18px} .simb-gallery-family-panel[hidden]{display:none!important} .simb-gallery-family-panel__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px} .simb-gallery-family-panel__head .simb-kicker{margin:0 0 4px;color:var(--simb-accent,#8de83d);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em} .simb-gallery-family-panel__head h4{margin:0;color:var(--simb-text,#fff);font-size:clamp(20px,1.8vw,28px);letter-spacing:-.03em} .simb-gallery-family-panel__head>small{color:var(--simb-muted,#a7b6cf);font-size:8px;font-weight:800} .simb-gallery-family-panel__layout{display:grid;grid-template-columns:minmax(190px,235px) minmax(0,1fr);gap:14px;align-items:start} .simb-gallery-family-panel__releases{min-width:0} .simb-gallery-franchise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .simb-gallery-franchise-card{display:block;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 72%,transparent);border-radius:var(--simb-radius-card,14px);background:color-mix(in srgb,var(--simb-surface-alt,#10264d) 66%,var(--simb-bg,#07152f));color:var(--simb-text,#fff);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease} .simb-gallery-franchise-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--simb-accent,#8de83d) 58%,var(--simb-border,#28446d));background:color-mix(in srgb,var(--simb-accent,#8de83d) 6%,var(--simb-surface-alt,#10264d))} .simb-gallery-franchise-card__visual{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:color-mix(in srgb,var(--simb-bg,#07152f) 88%,#000)} .simb-gallery-franchise-card__visual img{display:block;width:100%;height:100%;object-fit:cover} .simb-gallery-franchise-card__visual img.is-logo,.simb-gallery-franchise-card.has-logo .simb-gallery-franchise-card__visual img{object-fit:contain;padding:15%} .simb-gallery-franchise-card__fallback{display:grid;place-items:center;width:100%;height:100%;font-size:36px;font-weight:950;color:color-mix(in srgb,var(--simb-accent,#8de83d) 72%,#fff);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--simb-accent,#8de83d) 12%,transparent),transparent 60%)} .simb-gallery-franchise-card__body{display:grid;gap:2px;padding:9px 10px 10px} .simb-gallery-franchise-card__body small{color:var(--simb-accent,#8de83d);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em} .simb-gallery-franchise-card__body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25} .simb-gallery-franchise-card__body>span{color:var(--simb-muted,#a7b6cf);font-size:7.5px} .simb-gallery-franchise-card__body em{margin-top:5px;color:var(--simb-accent,#8de83d);font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.055em} .simb-gallery-franchise-card.is-featured{height:100%;background:linear-gradient(160deg,color-mix(in srgb,var(--simb-surface-alt,#10264d) 94%,transparent),color-mix(in srgb,var(--simb-bg,#07152f) 92%,transparent))} .simb-gallery-franchise-card.is-featured .simb-gallery-franchise-card__visual{aspect-ratio:3/4;min-height:260px} .simb-gallery-franchise-card.is-featured .simb-gallery-franchise-card__body{padding:12px 13px 14px} .simb-gallery-franchise-card.is-featured .simb-gallery-franchise-card__body strong{font-size:14px} .simb-gallery-franchise-card.is-featured .simb-gallery-franchise-card__body>span{font-size:8px} .simb-gallery-family-more{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;margin:12px auto 0;padding:7px 12px;border:1px solid color-mix(in srgb,var(--simb-border,#28446d) 80%,transparent);border-radius:var(--simb-radius-pill,999px);background:transparent;color:var(--simb-text,#fff);font:inherit;font-size:8px;font-weight:900;cursor:pointer} .simb-gallery-family-more:hover{border-color:var(--simb-accent,#8de83d);color:var(--simb-accent,#8de83d)} .simb-gallery-family-empty{display:grid;place-items:center;min-height:180px;border:1px dashed color-mix(in srgb,var(--simb-border,#28446d) 72%,transparent);border-radius:var(--simb-radius-card,14px);color:var(--simb-muted,#a7b6cf);font-size:10px} .simb-gallery-home.is-series-gallery .simb-gallery-curated-popular{padding-top:clamp(42px,5vw,68px)} .simb-gallery-home.is-series-gallery .simb-gallery-curated-types{padding-top:clamp(42px,5vw,68px)} .simb-gallery-home.is-series-gallery .simb-gallery-curated-latest{padding-top:clamp(42px,5vw,68px)} .simb-gallery-home.is-series-gallery .simb-gallery-toolbar{margin-top:clamp(46px,5.5vw,72px)} @media(max-width:1180px){ .simb-gallery-franchise-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .simb-gallery-family-tabs{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:820px){ .simb-gallery-home.is-series-gallery .simb-gallery-hero__inner{grid-template-columns:1fr} .simb-gallery-franchise-browser__intro{align-items:flex-start;flex-direction:column;padding:18px} .simb-gallery-family-tabs{display:flex;overflow-x:auto;gap:8px;padding:10px;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-snap-type:x proximity} .simb-gallery-family-tabs::-webkit-scrollbar{display:none} .simb-gallery-family-tabs button{flex:0 0 210px;scroll-snap-align:start} .simb-gallery-family-panels{padding:14px} .simb-gallery-family-panel__layout{grid-template-columns:170px minmax(0,1fr);gap:10px} .simb-gallery-franchise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .simb-gallery-franchise-card.is-featured .simb-gallery-franchise-card__visual{min-height:220px} } @media(max-width:580px){ .simb-gallery-family-panel__head{align-items:flex-start;flex-direction:column;gap:5px} .simb-gallery-family-panel__layout{grid-template-columns:1fr} .simb-gallery-family-panel__base{width:min(58vw,210px)} .simb-gallery-franchise-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .simb-gallery-franchise-card__body{padding:8px} .simb-gallery-franchise-card__body strong{font-size:9px} .simb-gallery-franchise-card.is-featured .simb-gallery-franchise-card__visual{min-height:0;aspect-ratio:3/4} }