/* Shared navy/gold surfaces, including legacy roster and footer components. */
:root{--bg:#101a2d;--surface:#192c41;--line:#425b72;--muted:#bdcce0;--ink:#f1f2fa;--accent:#e4bf79}
html body main h1.page-title{font-family:GameDisplay,serif!important;font-size:clamp(32px,3.5vw,44px)!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.025em!important;text-transform:none!important;color:#f1e6ce!important;width:auto!important;height:auto!important;margin:12px 0 18px!important}
/* One outer frame for every page, regardless of page-specific legacy rules. */
html body > main,html body > header.site-header,html body > nav.site-nav,html body > footer{width:calc(100% - 64px)!important;max-width:1200px!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}
html body > main{padding:32px!important;min-width:0}
main *,main *::before,main *::after{box-sizing:border-box}
.player-guide-panel{padding:24px;margin:24px 0;background:#192c41;border:1px solid #425b72;border-top:2px solid #c8a76d}
.dossier-hero.has-portrait{display:grid!important;grid-template-columns:190px minmax(0,1fr) 220px;gap:24px;padding:24px;border:1px solid #425b72;background:#192c41!important}
.dossier-hero .guide-portrait{margin:0}.dossier-hero .guide-portrait img{max-width:100%;height:260px;object-fit:contain}
.player-move-table{width:100%;border-collapse:collapse;text-align:left}.player-move-table th{color:#e4bf79}.player-move-table th,.player-move-table td{padding:14px 12px;border-bottom:1px solid #425b72}.player-move-table .input-line{margin:0;min-width:150px}.combo-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.combo-summary article{padding:16px;border:1px solid #425b72;background:#142238}.combo-summary h3{margin:0}.table-scroll{max-width:100%;overflow-x:auto}
@media(max-width:850px){.dossier-hero.has-portrait{grid-template-columns:140px minmax(0,1fr)}.dossier-summary{grid-column:1/-1}.dossier-hero .guide-portrait img{height:220px}}
@media(max-width:760px){html body > main,html body > header.site-header,html body > nav.site-nav,html body > footer{width:calc(100% - 24px)!important}html body > main{padding:20px!important}.player-guide-panel{padding:16px}.dossier-hero.has-portrait{grid-template-columns:1fr}.dossier-hero .guide-portrait img{height:240px}.dossier-hero .guide-portrait{max-width:220px;margin:auto}}
body main,body .site-header,body .site-nav,body footer,body .community-footer{max-width:1200px;box-sizing:border-box;width:calc(100% - 64px);margin-left:auto;margin-right:auto}
.roster-hero{background:linear-gradient(110deg,#192c41ee,#142238ed),url('assets/arashi/cloud-panel.webp') center/cover!important;border-color:#425b72!important;border-top:2px solid #d6b575!important}
.character-card,.dossier-directory-card,.mode-card,.has-portrait .dossier-summary{background:#192c41!important;border-color:#425b72!important}
.roster-portrait{background:radial-gradient(ellipse at 50% 60%,#2c4960,#192c41 65%,#142238)!important;border-color:#425b72!important}
.has-portrait.dossier-hero{background:radial-gradient(ellipse at 15% 45%,#24425977,transparent 65%)!important}
.v2-scope-banner{background:#192c41!important;border-color:#425b72!important;border-left-color:#e4bf79!important}
.outfit-picker{display:flex;flex-direction:column;gap:7px;margin:14px 0 0;color:#e4bf79;font-size:.75rem;font-weight:600;text-align:left}
.outfit-picker select{width:100%;min-height:38px;padding:7px 10px;background:#101e30;color:#e8edf6;border:1px solid #536b80;border-radius:4px;font:inherit}
.outfit-picker select:focus-visible{outline:2px solid #e4bf79;outline-offset:3px}
.guide-portrait .outfit-picker{max-width:240px;margin:14px auto 0}
body footer,body .community-footer{padding:24px 32px 26px;background:#142238;color:#bdcce0;border:1px solid #425b72;border-top:2px solid #c8a76d;box-shadow:none;overflow:hidden}
body footer .arashi-footer-art{width:100%;margin:0 0 22px;background:#142238;border:1px solid #425b72;border-radius:4px;overflow:hidden}
body footer .arashi-footer-art img{display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;opacity:.8}
body footer strong{font-size:.85rem;color:#e4bf79;letter-spacing:.04em}
body footer p{font-size:.78rem;line-height:1.7;margin:10px 0;max-width:85ch}
body footer{font-size:.72rem;line-height:1.7}
body footer a{color:#ddc594}
body footer .arashi-source{padding-top:12px;margin-top:16px;border-top:1px solid #425b72;font-size:.7rem}
@media(min-width:900px){body footer .arashi-footer-art{float:right;width:38%;margin:0 0 12px 30px}body footer:after{content:'';display:block;clear:both}body footer p{max-width:57%}}
@media(max-width:760px){body main,body .site-header,body .site-nav,body footer,body .community-footer{width:calc(100% - 24px)}body footer,body .community-footer{padding:20px}body footer .arashi-footer-art{margin-bottom:18px}}