.character-card[hidden],.character-standing [hidden]{display:none!important}.character-index,.character-detail{overflow-wrap:anywhere;max-width:1220px;margin:auto;padding:0 16px 48px}.character-filters{flex-wrap:wrap;gap:10px;margin:16px 0 32px;display:flex}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.character-card{color:inherit;min-width:0;text-decoration:none}.character-card-art{background:radial-gradient(ellipse at 50% 60%, color-mix(in srgb, var(--character-color) 65%, transparent), transparent 75%), linear-gradient(150deg, #29213d, #151426);border:1px solid #b391ce33;border-radius:140px 140px 16px 16px;place-items:center;height:380px;display:grid;position:relative;overflow:hidden}.character-card-art img{object-fit:contain;width:100%;height:100%;padding:42px 12px 52px}.character-system{z-index:1;font-size:12px;position:absolute;top:16px;left:18px}.character-debut{text-align:center;background:#181425cc;width:100%;padding:8px 14px;font-size:12px;position:absolute;bottom:12px}.character-card-name{text-align:center;padding:18px 4px}.character-card-name h2{margin:0 0 6px;font-size:26px}.character-card-name p,.character-latin{letter-spacing:.12em;color:#c5b0dd;font-size:13px}.character-arrow{display:none}.character-back{color:#d8bbea;margin-bottom:24px;display:inline-block}.character-hero{grid-template-columns:1.15fr 1fr;align-items:start;gap:48px;display:grid}.character-standing{background:radial-gradient(ellipse, color-mix(in srgb, var(--character-color) 55%, transparent), transparent 72%);border-radius:180px 180px 24px 24px;place-items:center;height:720px;min-height:500px;max-height:85vh;display:grid;position:relative}.character-standing img{object-fit:contain;width:100%;height:100%;min-height:0;animation:.25s character-fade}.character-standing button{color:#e5d4f3;background:#211931cc;border:1px solid #b797d1;border-radius:22px;width:42px;height:52px;font-size:32px;position:absolute;top:48%}.standing-prev{left:0}.standing-next{right:0}[data-standing-status]{color:#cab7dd;font-size:12px;position:absolute;bottom:8px}.character-placeholder{color:#b195cb;font-size:100px}.character-info h1{margin:8px 0;font-size:clamp(30px,4vw,48px)}.character-system-label{color:#b7a4cc;font-size:13px}.character-profile{margin:28px 0}.character-profile>div{border-bottom:1px solid #b49aca25;grid-template-columns:110px 1fr;gap:14px;padding:12px 0;display:grid}.character-profile dt{color:#ad9bc1;font-size:13px}.character-profile dd{margin:0}.character-detail h2{color:#dcc0ef;letter-spacing:.08em;font-size:23px}.character-stats{max-width:400px;margin:28px auto}.character-stats svg{width:100%;display:block;overflow:visible}.radar-grid{fill:none;stroke:#bda0d240;stroke-width:1px}.radar-value{fill:color-mix(in srgb, var(--character-color) 30%, transparent);stroke:color-mix(in srgb, var(--character-color) 55%, white);stroke-width:1.5px;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--character-color) 45%, transparent))}.character-stats text{fill:#e2d1ef;font:13px sans-serif}.character-stats tspan{fill:#bba8ce;font-size:12px}.character-muted{text-align:center;color:#b5a5c7;font-size:12px}.stat-values{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-values div{text-align:center}.stat-values dd{margin:6px 0}.character-history,.character-gallery{margin-top:64px}.character-history ol{border-left:1px solid #b792d35c;padding:0 0 0 22px;list-style:none}.character-history li{padding:4px 0 32px 14px;position:relative}.character-history li:before{content:"";background:#bc93d8;border-radius:50%;width:9px;height:9px;position:absolute;top:10px;left:-27px}.character-history time{color:#bba9ce;font-size:12px}.character-history h3{margin:8px 0 16px;font-size:19px}.character-history li a{color:#e2d0ee;border:1px solid #9972b566;border-radius:7px;margin:0 12px 8px 0;padding:7px 14px;font-size:12px;display:inline-block}.character-masonry{columns:3;column-gap:18px}.character-masonry button{color:#cbb8dc;break-inside:avoid;background:#272038;border:0;border-radius:12px;width:100%;margin-bottom:18px;padding:0;display:block;overflow:hidden}.character-masonry img{width:100%;height:auto;display:block}.character-masonry span{padding:12px;display:block}.character-lightbox{background:#181326;border:1px solid #aa82c4;border-radius:15px;max-width:95vw;max-height:90vh;padding:40px 12px 12px}.character-lightbox::backdrop{background:#0c0a19dd}.character-lightbox img{object-fit:contain;max-width:85vw;max-height:76vh;display:block}.character-lightbox button{color:#ecdff7;background:0 0;border:0;font-size:32px;position:absolute;top:0;right:8px}.character-detail a:focus-visible,.character-detail button:focus-visible,.character-index button:focus-visible,.character-card:focus-visible{outline-offset:4px;outline:2px solid #e2b9ff}@keyframes character-fade{0%{opacity:.2;transform:translate(4px)}to{opacity:1;transform:none}}@media (width>=1600px){.character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=700px){.character-grid{grid-template-columns:1fr;gap:22px}.character-card{grid-template-columns:48% 52%;align-items:center;display:grid}.character-card-art{border-radius:80px 80px 12px 12px;height:260px}.character-card-name{text-align:left;padding:16px;position:relative}.character-card-name h2{font-size:24px}.character-card-name p{font-size:11px}.character-arrow{text-align:right;color:#cca7e8;font-size:25px;display:block}.character-hero{flex-direction:column;gap:24px;display:flex}.character-standing{width:100%;height:520px;min-height:320px;max-height:68vh}.character-info{width:100%;min-width:0}.character-index,.character-detail{padding-left:4px;padding-right:4px}.character-profile>div{grid-template-columns:94px 1fr;gap:10px}.character-masonry{columns:2}.character-card-art img{padding:40px 4px 64px}.character-debut{font-size:10px}.character-system{font-size:10px;left:12px}.character-stats{width:100%}}@media (prefers-reduced-motion:reduce){.character-standing img{animation:none}}.character-card-art{border-radius:24px}.character-card-art img{box-sizing:border-box;min-height:0;position:absolute;inset:0}.character-standing img{box-sizing:border-box;position:absolute;inset:0}.character-system,.character-top-system{background:#211a34bb;border-radius:6px;padding:3px 7px}.character-lightbox:focus{outline:none}.character-filters{grid-template-columns:repeat(var(--filter-count),minmax(0,1fr));gap:8px;width:100%;display:grid}.character-filters .chip{border-radius:10px;width:100%;min-width:0;padding:10px 3px}.character-standing button{box-shadow:none;background:0 0;border:0;border-radius:0}.character-detail>.character-stats{max-width:440px;margin:48px auto}.character-sheet{margin-top:16px}.profile-extra-links{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.character-detail>.character-stats{width:100%;max-width:none}.character-stats svg,.character-stats .stat-values{max-width:440px;margin-inline:auto}.character-hero{display:block}.character-standing{max-width:760px;height:740px;max-height:none;margin:auto}.character-overlay{z-index:1;text-align:center;background:linear-gradient(#0000,#171124e8);padding:24px;position:absolute;bottom:20px;left:0;right:0}.character-overlay h1{margin:10px 0;font-size:clamp(28px,4vw,46px)}.character-first-scenario{color:#d5c3e5;font-size:14px}.character-status-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:48px;margin-top:40px;display:grid}.character-status-row .character-stats{width:100%;margin:0 auto}.character-standing button{z-index:2}@media (width<=700px){.character-standing{height:600px;min-height:0;max-height:none}.character-overlay{padding:20px 10px}.character-status-row{flex-direction:column;gap:24px;display:flex}.character-info{width:100%}}.character-overlay{background:0 0}.character-top-labels{z-index:1;text-align:left;color:#e0cdef;position:absolute;top:16px;left:24px;right:24px}.character-top-labels p{text-shadow:0 1px 4px #161022;margin:6px 0;font-size:14px}.character-overlay{text-shadow:0 1px 4px #161022}.character-standing img{padding-bottom:60px}.character-info>h2{margin-top:0}.character-top-system{max-width:100%;display:inline-block}.character-top-scenario{font-family:Noto Serif JP,serif;font-weight:500}@media (width<=700px){.character-status-row .character-stats{max-width:none;margin-inline:0}.character-status-row .character-stats>h2{text-align:left}}.character-status-row>*{min-width:0}.character-status-row .character-stats>h2{margin-top:0}.character-history .character-lost{color:#f0a6b6;background:#a83e5520;border:1px solid #c7778966;border-radius:7px;margin:0 12px 8px 0;padding:7px 14px;font-size:12px;display:inline-block}.character-card{display:block}.character-card-caption{flex-direction:column;gap:10px;display:flex;position:absolute;inset:auto 0 12px}.character-card-caption .character-debut{position:static}.character-card-name{display:none}.character-mobile-name{text-align:left;color:#f5eafa;padding:0 16px;display:block}.character-mobile-name h2,.character-mobile-name p{text-shadow:0 1px 2px #100c1baa,0 0 4px #100c1b66}.character-mobile-name h2{margin:0;font-size:26px}.character-mobile-name p{letter-spacing:.08em;margin:6px 0 0;font-size:12px}@media (width<=700px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.character-card-art{height:260px}.character-mobile-name{padding:0 10px}.character-mobile-name h2{font-size:21px}.character-mobile-name p{font-size:10px}}.character-standing-quote{z-index:1;color:#f5eafa;letter-spacing:.12em;text-shadow:0 1px 3px #151020aa,0 0 5px #15102077;flex-direction:row-reverse;align-items:flex-start;gap:.6em;max-width:46%;max-height:calc(100% - 220px);font-family:Noto Serif JP,serif;font-size:clamp(15px,2vw,23px);line-height:1.7;display:flex;position:absolute;top:76px;right:24px;overflow:auto}.character-standing-quote span{writing-mode:vertical-rl;text-orientation:mixed;margin-top:var(--quote-offset);flex-shrink:0}@media (width<=700px){.character-standing-quote{gap:.35em;font-size:16px;top:66px;right:12px}}.character-lightbox{box-sizing:border-box;width:min(960px,95vw);height:90dvh;max-height:90dvh;margin:auto;padding:56px 12px 12px;overflow:hidden}.character-lightbox-stage{width:100%;height:100%;position:relative;container-type:size}.character-lightbox-stage img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.character-lightbox.is-rotated .character-lightbox-stage img{width:100cqh;height:100cqw;transform:translate(-50%,-50%)rotate(90deg)}.character-lightbox button{z-index:1;min-width:44px;min-height:44px;top:6px}.character-lightbox [data-gallery-rotate]{border:1px solid #9972b566;border-radius:8px;padding:8px 12px;font-size:14px;left:12px;right:auto}
