/* Network content, monthly supporter and checkout acknowledgement. */
.ss-module-grid>.ss-recent-module {grid-column:1/-1}
.ss-module-grid>.ss-supporter-module {grid-column:1/-1}
.ss-module-grid .ss-supporter-feature {display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,1fr);align-items:center;max-width:750px;margin:auto;gap:30px}
.ss-supporter-feature {text-align:center}
.ss-skin-viewer {position:relative;min-width:0;min-height:330px;background:radial-gradient(ellipse at 50% 80%,#a98bfa28,transparent 65%)}
.ss-skin-stage {height:290px;position:relative;display:grid;place-items:center}
.ss-skin-stage:before {content:"";position:absolute;width:170px;height:42px;border:1px solid #edc7786b;box-shadow:0 0 35px #a98bfa30,inset 0 0 25px #edc77810;border-radius:50%;bottom:13px;pointer-events:none}
.ss-skin-stage canvas {position:relative;max-width:100%;cursor:grab;touch-action:pan-y}
.ss-skin-stage canvas:active {cursor:grabbing}
.ss-skin-fallback {height:250px;display:grid;place-items:center}
.ss-skin-fallback img {max-width:120px;max-height:230px;image-rendering:pixelated}
.ss-skin-fallback>span {font-size:95px;color:var(--ss-gold);text-shadow:0 0 65px #a98bfa77}
.ss-skin-controls {display:flex;justify-content:center;gap:8px}
.ss-skin-controls button {border:1px solid var(--ss-border);border-radius:8px;background:#a98bfa10;color:var(--ss-text);padding:6px 13px;font-size:12px;cursor:pointer}
.ss-skin-status {font-size:11px;color:var(--ss-muted);margin:12px 0 4px}
.ss-supporter-copy .ss-supporter-name {font-size:26px;color:var(--ss-gold);overflow-wrap:anywhere}
.ss-supporter-copy>p {color:var(--ss-muted);line-height:1.7}
.ss-supporter-empty {padding:30px 15px;text-align:center}
.ss-supporter-empty>span {font-size:65px;color:var(--ss-gold)}
.ss-supporter-empty h4 {font-size:21px;margin:12px 0}
.ss-supporter-empty p {color:var(--ss-muted);margin:0}
.ss-content-heading {text-align:center;padding:30px 20px 40px;max-width:900px;margin:auto}
.ss-content-heading h1 {font-size:clamp(32px,4vw,54px);line-height:1.1;margin:14px 0 0;letter-spacing:-.04em}
.ss-content-layout {display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}
.ss-content-story {padding:34px;border:1px solid var(--ss-border);border-radius:20px;background:linear-gradient(145deg,#a98bfa0e,var(--ss-surface));line-height:1.85;min-width:0}
.ss-content-story h2 {font-size:26px;line-height:1.25;margin:0 0 22px}
.ss-content-story h3 {font-size:19px;margin-top:28px}
.ss-content-story p {color:var(--ss-muted)}
.ss-content-layout>.ss-widgets {grid-column:2;grid-row:1;display:flex}
.ss-content-story {grid-column:1;grid-row:1}
.ss-server-collections {margin:0 0 28px}
.ss-server-collections .ss-category-grid {margin-top:22px}
.ss-server-badge {display:inline-flex;border:1px solid #a98bfa50;background:#a98bfa12;color:var(--ss-purple);padding:6px 11px;border-radius:999px;font-size:11px;letter-spacing:.08em;margin-bottom:20px}
.ss-checkout-confirmation {color:var(--ss-text);background:linear-gradient(140deg,#211b39,#111a36 70%);border:1px solid #a98bfa50;border-radius:22px;width:min(630px,calc(100% - 32px));max-height:calc(100dvh - 36px);padding:0;box-shadow:0 30px 140px #000b;overflow:auto}
.ss-checkout-confirmation::backdrop {background:#040713cc;backdrop-filter:blur(7px)}
.ss-checkout-confirmation {position:fixed;inset:0;margin:auto}
.ss-confirm-form {padding:32px;display:block}
.ss-confirm-form h2 {font-size:29px;letter-spacing:-.035em;line-height:1.2;margin:14px 0}
.ss-confirm-form>p {color:var(--ss-muted);font-size:14px;line-height:1.7}
.ss-confirm-terms {margin:22px 0;border:1px solid var(--ss-border);border-radius:12px;overflow:hidden}
.ss-confirm-terms summary {list-style:none;padding:15px 18px;cursor:pointer;color:var(--ss-purple);font-size:13px;display:flex;justify-content:space-between;gap:16px;background:#a98bfa09}
.ss-confirm-terms summary::-webkit-details-marker {display:none}
.ss-confirm-terms[open] summary>span {transform:rotate(180deg)}
.ss-confirm-terms .text-content {padding:0 18px 14px;font-size:12px;line-height:1.8;color:var(--ss-muted)}
.ss-confirm-terms .text-content a {color:var(--ss-gold);text-decoration:underline}
.ss-confirm-checkbox {display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.65;cursor:pointer}
.ss-confirm-checkbox input {appearance:auto!important;accent-color:var(--ss-gold);width:19px;height:19px;flex:0 0 19px;margin:2px 0 0}
.ss-confirm-actions {display:flex;justify-content:flex-end;gap:12px;margin-top:28px;flex-wrap:wrap}
.ss-confirm-actions button {font-size:12px;cursor:pointer}
.ss-confirm-actions button:disabled {opacity:.4;cursor:not-allowed;filter:saturate(.35)}
.ss-confirm-form .ss-confirm-error {color:#ffc39d}
:is(.ss-checkout-confirmation,.ss-skin-viewer) :focus-visible {outline:2px solid var(--ss-gold);outline-offset:4px}
.ss-skin-viewer [hidden],.ss-confirm-form [hidden] {display:none!important}
@media(max-width:1000px){.ss-content-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.ss-content-story{padding:25px}}
@media(max-width:760px){.ss-content-layout{grid-template-columns:1fr}.ss-content-layout>.ss-widgets{grid-column:1;grid-row:auto}.ss-content-story{grid-column:1;grid-row:auto}.ss-module-grid .ss-supporter-feature{grid-template-columns:1fr;gap:10px}.ss-confirm-form{padding:24px}.ss-confirm-form h2{font-size:25px}.ss-content-heading{padding:20px 10px 28px}}
@media(prefers-reduced-motion:reduce){.ss-checkout-confirmation *{scroll-behavior:auto}}

.ss-bundle-art>.ss-product-image {position:relative;max-height:200px;max-width:85%;object-fit:contain}.ss-bundle-art>.ss-discount-badge{position:absolute;right:15px;top:15px}.ss-bundle-art{position:relative}
