/* Base UI for legacy shared-script pages migrated to the site design language. */
body.ws-legacy{--accent:#079447;--accent-soft:#eaf8ef;--accent-soft-strong:#dcf1e3;--bg:#f7f7f7;--surface:#fff;--surface-raised:#fff;--text:#191919;--text-2:#555;--text-3:#777;--text-muted:#888;--text-dim:#b2b2b2;--border:#e8e8e8;--border-soft:#f0f0f0;--fill:#f5f5f5;--success:#079447;--success-soft:#eaf8ef;--r-xs:4px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:8px;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;--shadow-inset:none;--clock-sec:#07c160;padding:0;margin:0;display:flex;align-items:stretch;justify-content:flex-start;min-height:100vh;background:var(--bg);color:var(--text)}
.ws-legacy>main,.ws-legacy>article{flex:none;align-self:center;width:calc(100% - 48px);margin:0 auto 24px;padding-top:0}
.ws-legacy>main:not(.instrument-main):not(.article):not(.error-main){justify-content:flex-start}
.ws-legacy>.site-header+main,.ws-legacy>.site-header+article{margin-top:24px}
.ws-legacy .instrument-main{padding:36px 28px;min-height:380px;border:0;border-radius:8px;background:#fff;box-shadow:none}
.ws-legacy .article{padding:36px 40px;border:0;box-shadow:none;line-height:1.9}
.ws-legacy .article h1{font-size:26px;font-weight:500;line-height:1.5}.ws-legacy .article h2{font-weight:500;font-size:19px}.ws-legacy .article h3{font-weight:500;font-size:16px}
.ws-legacy .article-list-item{padding:20px 0}.ws-legacy .article-list-item a{font-weight:500}
.ws-legacy :is(.json-workbench,.word-workbench,.noise-console,.ts-now-card,.ts-panel,.wc-focus,.wc-card,.memorial-item,.game-shell,.game-card,.sm-board,.mp){border-color:var(--border-soft);box-shadow:none;border-radius:8px}
.ws-legacy :is(.sw-btn,.cd-chip,.chip,.memorial-act,.wc-tabs button,.noise-types button,.json-tool-button,.word-actions button,.rc-btn,.sm-sound,.mp-chip,.json-copy-button,.memorial-new-btn){border-radius:4px;box-shadow:none;font-weight:400}
.ws-legacy :is(.json-status strong,.json-editor-head strong,.word-stat strong,.mp-head h2,.noise-title,.wc-label){font-weight:500}
.ws-legacy :is(.json-mode-control,.json-mobile-tabs,.word-mode-control,.wc-tabs,.noise-types){background:var(--fill);border-radius:4px;padding:3px;border:0;box-shadow:none}
.ws-legacy :is(.json-mode-control button,.json-mobile-tabs button,.word-mode-control button){border-radius:3px;font-weight:400;box-shadow:none}
.ws-legacy :is(.json-mode-control button.active,.json-mobile-tabs button.active,.word-mode-control button.active){color:var(--accent);background:var(--surface);box-shadow:none}
.ws-legacy :is(.game-card:hover,.memorial-item:hover){box-shadow:none;transform:none}
.ws-legacy :is(input,textarea,select):focus-visible{outline-color:var(--accent)}
.ws-legacy .seo-footer{align-self:center;margin:16px auto 24px;padding:0 16px;max-width:100%;text-align:center;color:var(--text-muted)}
.ws-legacy :is(.footer-links a,.site-meta){font-size:12px;font-weight:400}
.ws-legacy .error-main{min-height:50vh;justify-content:center}
.ws-legacy .brand-stats{border:1px solid var(--border);background:#fff;box-shadow:0 4px 20px #0000000c}
.ws-legacy :is(.memorial-overlay,.wp-viewer)::backdrop{backdrop-filter:none}
.ws-legacy .memorial-sheet{border-radius:8px;box-shadow:none}.ws-legacy .memorial-row-btn{padding:18px}.ws-legacy .memorial-new-btn{background:#07c160;color:#fff}
.ws-legacy .noise-types button.active{background:var(--accent-soft);color:var(--accent)}
@media(max-width:600px){
 .ws-legacy>main,.ws-legacy>article{width:calc(100% - 24px);margin-top:0;padding-top:0}
 .ws-legacy .instrument-main{padding:28px 16px;min-height:340px;border-radius:6px}
 .ws-legacy .article{padding:26px 20px}.ws-legacy .article h1{font-size:22px}.ws-legacy .article h2{font-size:18px}
 .ws-legacy :is(.json-workbench,.word-workbench,.noise-console,.ts-panel,.wc-card,.memorial-item,.game-shell,.game-card){border-radius:6px}
 .ws-legacy :is(.ts-panels,.wc-cities,.memorial-list,.sm-layout){gap:12px}
 .ws-legacy .memorial-sheet{border-radius:12px 12px 0 0}
}
@media(prefers-reduced-motion:reduce){.ws-legacy *{scroll-behavior:auto}}
/* Wallpaper controls use quiet text selection, leaving artwork unobstructed. */
.ws-legacy .wp-filters{background:transparent;padding:0;border-radius:0;gap:20px}
.ws-legacy .wp-filters :is(button,a){padding:8px 0;border-radius:0;border-bottom:2px solid transparent;background:transparent;box-shadow:none}
.ws-legacy .wp-filters :is(button,a).active{color:var(--accent);border-bottom-color:#07c160;background:transparent;box-shadow:none}
.ws-legacy .wp-button{border-radius:4px;background:var(--fill);box-shadow:none}.ws-legacy .wp-primary{background:#07c160;color:#fff}
.ws-legacy .wp-close{border-radius:4px;background:var(--fill)}.ws-legacy .wp-viewer::backdrop{backdrop-filter:none;background:#0006}
.ws-legacy .game-card{background:#fff}.ws-legacy .game-card h3{font-weight:500}.ws-legacy .games-main h2{font-size:18px;font-weight:500}