#characters-root{max-width:1540px;margin:auto;padding:38px 38px 65px;outline:none}
.characters-topbar .button{font-size:9px;min-height:38px;padding:10px 14px;gap:20px;box-shadow:none;color:var(--ink)}
.characters-heading{display:flex;align-items:baseline;justify-content:space-between;gap:22px;margin:2px 0 28px}
.characters-heading h1{font:clamp(23px,2.4vw,34px)/1.4 var(--pixel);letter-spacing:-1px}
.characters-heading p{font-size:9px;color:var(--muted)}
.character-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:34px}
.gallery-character{min-width:0;border-top:1px solid var(--line)}
.gallery-stage{position:relative;height:360px;margin-top:10px;isolation:isolate;overflow:hidden}
.gallery-portrait{position:absolute;inset:3% 7%;width:86%;height:94%;object-fit:contain;pointer-events:none}
.gallery-stage model-viewer{position:absolute;inset:0;display:block;width:100%;height:100%;background:transparent;opacity:0;cursor:grab;touch-action:pan-y;--poster-color:transparent;--progress-bar-color:var(--green);--progress-bar-height:2px;--progress-mask:transparent}
.gallery-stage model-viewer:active{cursor:grabbing}
.gallery-stage[data-state=ready] model-viewer{opacity:1}
.gallery-stage[data-state=ready] .gallery-portrait{visibility:hidden}
.gallery-model-status{position:absolute;bottom:8px;left:10px;right:10px;text-align:center;font-size:8px;line-height:1.8;color:var(--muted);pointer-events:none}
.gallery-model-status:not(:empty){background:#0b0b0be8;padding:6px}
.gallery-retry{position:absolute;top:12px;right:12px;border:1px solid var(--green);color:var(--green);background:var(--ink);padding:9px 12px;font-size:9px;z-index:2}
.gallery-character-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0 0}
.gallery-character-info h2{color:var(--green);font-size:16px;line-height:1.5}
.gallery-character-info p{font-size:8px;color:var(--muted);margin-top:4px}
.gallery-create{flex:none;display:grid;place-items:center;width:37px;height:37px;border:1px solid #b3fc5d40;color:var(--green);font-size:19px}
.gallery-create:hover{background:var(--green);color:var(--ink)}
@media(min-width:1500px){.gallery-stage{height:430px}}
@media(max-width:1120px){#characters-root{padding:30px 26px 55px}.character-gallery{column-gap:18px}.gallery-stage{height:315px}.characters-heading{align-items:flex-start;flex-direction:column;gap:8px}.gallery-character-info h2{font-size:14px}}
@media(max-width:900px){.character-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-stage{height:345px}}
@media(max-width:700px){#characters-root{padding:28px 20px 45px}.characters-page .launch-sidebar{flex-wrap:wrap;gap:18px}.characters-page .launch-sidebar nav{width:100%;justify-content:space-between;gap:4px}.characters-page .launch-sidebar .launch-nav-link:not(.is-active){display:flex}.characters-page .launch-sidebar .launch-nav-link{font-size:8px;padding:9px 8px}.characters-topbar .button{font-size:8px;padding:8px 10px;gap:12px;min-height:34px}.characters-topbar>a:first-child{font-size:9px}.characters-heading h1{font-size:25px}.character-gallery{gap:28px 16px}.gallery-stage{height:300px}.gallery-character-info{gap:8px}.gallery-character-info p{font-size:8px;max-width:110px}.gallery-create{width:32px;height:34px}}
@media(max-width:440px){.character-gallery{grid-template-columns:1fr;gap:30px}.gallery-stage{height:390px}.gallery-character-info{padding-top:12px}.gallery-character-info h2{font-size:17px}.gallery-character-info p{max-width:none}.gallery-create{width:38px;height:38px}}