/* Original content, fitted to the shared glass frame. */
:root{--section-gap:24px}
body{position:relative;isolation:isolate}
#wallpaper.wallpaper{position:fixed;inset:0;height:auto;z-index:-2;overflow:hidden;background:none;mask-image:none;-webkit-mask-image:none;filter:none;transition:opacity .25s}
#wallpaper.wallpaper::after{display:none}
.wallpaper-layer{position:absolute;inset:-60px;width:calc(100% + 120px);height:calc(100% + 120px);max-width:none;object-fit:cover;object-position:center;filter:blur(var(--wp-blur,16px)) saturate(1.05) brightness(.9);transform:scale(1.06);opacity:0;transition:opacity 1.2s ease}
.wallpaper-layer.is-active{opacity:1}
.wallpaper-fade{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--wp-scroll-fade,1);background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 18%,transparent) 22%,color-mix(in srgb,var(--bg) 55%,transparent) 55%,color-mix(in srgb,var(--bg) 88%,transparent) 82%,var(--bg) 100%)}
.site-header{position:relative;z-index:40}
main{position:relative;z-index:0;padding-top:var(--section-gap)}
.header-topbar{z-index:6}
.global-search .home-search-results{z-index:50}
.filters.browse-controls,.filters.search-toolbar,.filters.game-filters{margin-bottom:var(--section-gap)}
main>.hub-notice:first-child{margin-top:0;margin-bottom:var(--section-gap)}
.header-feature{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1),opacity .24s ease}
.header-feature-inner{min-height:0;overflow:hidden}
.header-feature.is-collapsed{grid-template-rows:0fr;opacity:0;pointer-events:none}
.header-feature[hidden]{display:none}
.game-banner-description{font-size:.84rem;line-height:1.8;color:var(--secondary);max-width:720px;margin:10px 0 18px}
.live-search-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,300px) auto;gap:12px;align-items:center}
.live-search-toolbar .search-result-summary{min-width:0}
.live-search-toolbar .search-result-summary p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-discovery{display:block}
.home-discovery .rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}
#latest-band,#charts-band{scroll-margin-top:24px}

/* Markdown is scoped to authored prose, keeping metadata and cards compact. */
.rich-copy{white-space:normal;overflow-wrap:anywhere;line-height:1.8}
.rich-copy>:first-child{margin-top:0}
.rich-copy>:last-child{margin-bottom:0}
.rich-copy p{margin:.65em 0 1em;font-size:inherit;line-height:inherit;color:inherit}
.rich-copy a{color:var(--accent2);text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb),.4);text-underline-offset:3px;overflow-wrap:anywhere}
.rich-copy a:hover{color:var(--text);text-decoration-color:currentColor}
.rich-copy strong{color:var(--text);font-weight:700}
.rich-copy h1,.rich-copy h2,.rich-copy h3,.rich-copy h4{font-family:var(--font-display);font-size:1.3em;line-height:1.4;margin:1.35em 0 .55em;letter-spacing:.01em}
.rich-copy h5,.rich-copy h6{font-size:1em;margin:1em 0 .5em}
.rich-copy ul,.rich-copy ol{padding-left:1.5em;margin:.75em 0 1em}
.rich-copy li+li{margin-top:.3em}
.rich-copy blockquote{margin:1em 0;padding:.5em 1em;border-left:3px solid rgba(var(--accent-rgb),.65);background:rgba(var(--accent-rgb),.05);color:var(--secondary)}
.rich-copy hr{border:0;border-top:1px solid var(--glass-edge);margin:1.5em 0}
.rich-copy code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em;border:1px solid var(--glass-line);border-radius:4px;padding:.1em .35em;background:var(--glass-input);overflow-wrap:anywhere}
.rich-copy pre{overflow-x:auto;background:var(--glass-input);border:1px solid var(--glass-line);border-radius:7px;padding:13px;white-space:pre;max-width:100%}
.rich-copy pre code{border:0;padding:0;background:none}
.rich-copy table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1em 0}
.rich-copy th,.rich-copy td{text-align:left;border:1px solid var(--glass-line);padding:7px 11px}
.rich-copy th{color:var(--text);background:var(--glass-input)}
.rich-copy input[type=checkbox]{pointer-events:none;accent-color:var(--accent)}
/* Long mod prose expands in the page instead of adding a nested scrollbar. */
.expandable-copy{--copy-preview-height:450px;scroll-margin-top:24px}
.expandable-copy-content{display:flow-root}
.expandable-copy.is-collapsed .expandable-copy-body{max-height:var(--copy-preview-height);overflow:hidden;mask-image:linear-gradient(#000 calc(100% - 64px),transparent);-webkit-mask-image:linear-gradient(#000 calc(100% - 64px),transparent)}
.copy-expand-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:9px 12px;border:1px solid var(--glass-edge);border-radius:6px;background:var(--glass-input);color:var(--secondary);font:inherit;line-height:1.5}
.copy-expand-toggle:is(:hover,:focus-visible){background:var(--glass-sheen),var(--glass-fill);color:var(--text)}
.copy-expand-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.copy-expand-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.hub-section-heading>a.view-all-button,.section-head>a.view-all-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:32px;padding:6px 12px;border:1px solid var(--glass-edge);border-radius:6px;background:var(--glass-input);box-shadow:inset 0 1px 0 var(--glass-line);color:var(--secondary);font-size:.75rem;font-weight:500;line-height:1.4;white-space:nowrap}
.hub-section-heading>a.view-all-button:is(:hover,:focus-visible),.section-head>a.view-all-button:is(:hover,:focus-visible){background:linear-gradient(rgba(var(--accent-rgb),.1),rgba(var(--accent-rgb),.1)),var(--glass-input);border-color:rgba(var(--accent-rgb),.45);color:var(--accent2)}
.faq-panel summary>.faq-question{font-size:inherit;color:var(--text);transform:none;font-weight:500}
.faq-panel details[open] summary>.faq-question{transform:none}
.faq-copy.rich-copy,.notice-copy.rich-copy,.activity-changelog-copy.rich-copy,.about-game-copy.rich-copy{white-space:normal}
.notice-collapse,.hub-notice[open] .notice-expand{display:none}
.hub-notice[open] .notice-collapse{display:inline}

/* Essentials retain the original icon/body layout and Suite resolution choices. */
.essential-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.essential-card{display:flex;gap:17px;padding:21px;min-width:0;align-items:flex-start}
.essential-card .essential-icon{flex:none;width:52px;height:52px;display:grid;place-items:center;border-radius:13px;color:var(--essential-accent);border:1px solid rgba(var(--essential-rgb),.28);background:rgba(var(--essential-rgb),.1)}
.essential-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.essential-body{min-width:0;display:flex;flex-direction:column;align-self:stretch;flex:1}
.essential-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.essential-names{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px;min-width:0}
.essential-names h3{font-family:var(--font-display);font-size:1.18rem;line-height:1.3;margin:0;font-weight:700}
.essential-abbr{font-size:.68rem;line-height:1.5;color:var(--secondary);padding:2px 6px;background:var(--glass-input);border:1px solid var(--glass-line);border-radius:5px;overflow-wrap:anywhere}
.essential-badge{flex:none;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:4px 8px;border-radius:15px;line-height:1.4}
.essential-badge.is-required{background:rgba(var(--essential-rgb),.22);color:var(--essential-accent);border:1px solid rgba(var(--essential-rgb),.4)}
.essential-badge.is-recommended{background:#7ab8ff12;color:#7ab8ff;border:1px solid #7ab8ff45}
.essential-desc{font-size:.82rem;line-height:1.65;color:var(--secondary);margin:10px 0 16px}
.essential-foot{margin-top:auto}
.essential-choices{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.essential-choices:empty{display:none}
.essential-resolution{display:flex;gap:3px;padding:3px;border:1px solid var(--glass-edge);background:var(--glass-input);border-radius:7px}
.essential-resolution button{padding:5px 8px;border:0;border-radius:4px;font-size:.68rem;color:var(--secondary);background:transparent}
.essential-resolution button[aria-pressed=true]{background:rgba(var(--essential-rgb),.18);color:var(--essential-accent)}
.essential-versions.subtle-button{padding:7px 9px;font-size:.7rem}
.essential-versions>span{margin-left:5px}
.essential-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.72rem}
.essential-bottom>span{color:var(--secondary);line-height:1.6;min-width:0;overflow-wrap:anywhere}
.essential-bottom strong{color:var(--text);font-weight:600}
.essential-download.primary-button{width:auto;font-size:.75rem;min-height:34px;padding:7px 12px;gap:7px;border-radius:6px;margin-left:auto}
.essential-download svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}

/* One download panel owns the title and download action on every screen size. */
.download-title{font-family:var(--font-display);font-size:2rem;line-height:1.13;text-transform:uppercase;letter-spacing:.02em;font-weight:800;margin:0 0 12px;overflow-wrap:anywhere}
.download-title-meta.detail-meta{justify-content:flex-start;align-items:stretch;font-size:.75rem;line-height:1.7;gap:6px 9px;margin:0 0 23px}
.download-title-meta .meta-pill{font-size:.65rem;white-space:nowrap}
.download-title-meta>.meta-pill,.download-title-meta>.download-author-byline{display:inline-flex;align-items:center;box-sizing:border-box;min-height:26px;max-width:100%;padding:3px 8px;line-height:18px}
.download-footer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:13px;border-top:1px solid var(--glass-line)}
.download-footer-row .card-release-downloads{display:inline-flex;align-items:center;gap:5px;color:var(--secondary);font-size:.75rem;line-height:1.5}
.download-footer-row .card-release-downloads svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}
.download-footer-row .download-kind{letter-spacing:0}
.download-card .download-release-date{text-align:right;font-size:.65rem;margin-top:10px}

/* Original footer content, with links from the current Suite game registry. */
.site-footer{display:block;padding:32px 0 22px;margin-top:42px;color:var(--secondary);font-size:.74rem}
.footer-grid{display:grid;grid-template-columns:minmax(170px,1.2fr) minmax(0,3.4fr) minmax(130px,1fr);gap:32px}
.footer-intro .footer-brand{font-family:var(--font-display);font-weight:800;font-size:1.6rem;display:inline-block;color:var(--text);margin-bottom:10px;letter-spacing:.02em}
.footer-brand em{color:#f85810;font-style:normal}
.footer-intro p{font-size:.75rem;line-height:1.8;margin:0;color:var(--secondary);max-width:240px}
.footer-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
.footer-column h2{font-family:var(--font-display);font-size:.98rem;letter-spacing:.025em;color:var(--text);margin:3px 0 6px;font-weight:700}
.footer-column a{line-height:1.6;overflow-wrap:anywhere}
.site-footer a:hover{color:var(--accent2)}
.footer-bottom{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;border-top:1px solid var(--glass-line);margin-top:30px;padding-top:20px;font-size:.65rem;line-height:1.7}
.footer-bottom>span{flex-basis:100%;color:var(--secondary)}
.footer-legal,.footer-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.footer-controls{margin-left:auto}
.footer-design-label{display:flex;align-items:center;gap:9px;white-space:nowrap}
.footer-design-label .glass-select{width:120px}
.footer-design-label .glass-select-trigger,#footer-theme-toggle{width:120px;height:34px;min-height:34px;padding:6px 9px;border-radius:6px;font-size:inherit;line-height:1.4}
#footer-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--secondary);border:1px solid var(--glass-edge);background:var(--glass-input)}
#footer-theme-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}

@media(max-width:1100px){.footer-grid{grid-template-columns:minmax(170px,1fr) minmax(0,3fr)}.footer-palace{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:9px 20px}.footer-palace h2{margin:0 8px 0 0}.essential-card{padding:17px;gap:12px}.essential-head{flex-wrap:wrap;gap:8px}.essential-icon{width:44px;height:44px}.essential-bottom{align-items:center}}
@media(max-width:760px){.essential-grid{grid-template-columns:1fr}.essential-card{padding:19px}.essential-head{flex-wrap:nowrap}.essential-bottom{flex-wrap:nowrap}.detail-grid{display:flex;flex-direction:column;gap:18px}.detail-main{min-width:0;width:100%}.detail-side{display:contents}.detail-side>.download-card{order:-2;width:100%}.detail-side>.side-actions{order:-1;width:100%;margin:0}.detail-side>.mod-info{order:1;width:100%}.detail-side>.side-heading{order:2}.detail-side>.feature-list{order:3}.download-title{font-size:1.8rem}.download-title-meta.detail-meta{margin-bottom:18px}.footer-grid{grid-template-columns:1fr}.footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.footer-intro p{max-width:440px}.footer-controls{margin-left:0}.footer-bottom{gap:14px}.home-discovery .rank-list{grid-template-columns:1fr}}
@media(max-width:620px){.live-search-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:10px}.live-search-toolbar .search-result-summary{grid-column:1/-1}.live-search-toolbar .filter-field{min-width:0}.live-search-toolbar .subtle-button{padding:10px 12px;font-size:.75rem}.essential-card{gap:12px;padding:16px}.essential-card .essential-icon{width:40px;height:40px;border-radius:10px}.essential-icon svg{width:23px;height:23px}.essential-head{flex-wrap:wrap}.essential-names h3{font-size:1.15rem}.essential-bottom{flex-wrap:wrap}.essential-desc{font-size:.8rem}.site-footer{padding-top:25px}.footer-grid{gap:26px}.footer-column{gap:8px}}
@media(prefers-reduced-motion:reduce){.header-feature,.wallpaper-layer{transition:none}}
/* Tab panels join the tab strip; only their existing bottom corners are round. */
html[data-design="modern"] .detail-main > .tab-content{
  border-top-left-radius:0;
  border-top-right-radius:0;
}

/* Modern's viewport-wide wrapper is structural. Keep all header paint inside
   .header-inner, including when Suite/Classic header rules are loaded later. */
html[data-design="modern"] body > header.site-header{
  background:none!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-design="modern"] body > header.site-header::before,
html[data-design="modern"] body > header.site-header::after{
  content:none!important;display:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
