.character-showcase{border-top:1px solid #d9ac61}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.character-card{overflow:hidden;background:var(--paper);border:2px solid #d9ac61;box-shadow:0 8px 25px #402b1a15}.character-media{position:relative;background:#20180f}.character-media img{width:100%;aspect-ratio:16/9;object-fit:contain;display:block}.character-play{display:block;width:100%;min-height:46px;padding:12px;border:0;border-top:1px solid #d9ac61;background:#402b1a;color:#ffe7b6;cursor:pointer;font:600 13px system-ui}.character-play:hover{background:#604225}.character-play:focus-visible{outline:3px solid #d9ac61;outline-offset:-4px}.character-copy{padding:24px}.character-copy .eyebrow{font-size:9px;margin-bottom:12px}.character-copy h3{font-size:34px;margin-bottom:6px}.character-style{font-family:Georgia,serif;color:#725435;font-size:19px}.character-copy>p:not(.eyebrow):not(.character-style){font-size:14px;line-height:1.75;color:#604a35}.character-status{display:inline-block;padding:5px 9px;border:1px solid #c7a36c;font-size:10px;letter-spacing:.6px;color:#725435}.character-help{margin-top:24px;font-size:12px;color:#725435}.crossplay-banner{background:var(--wood);padding:24px;border:2px solid #d9ac61;margin:0 0 28px;color:#ffe7b6}.crossplay-banner h3{color:#ffe7b6;margin:0 0 8px;font-size:28px}.crossplay-banner p{color:#f0d6a5;margin:0}.character-intro h1{font-size:clamp(42px,6vw,72px)}@media(max-width:1000px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.character-grid{grid-template-columns:1fr}.character-copy{padding:22px}.character-showcase .section-heading{gap:20px}.site-header nav{flex-wrap:wrap}}