@layer pages{character-voices{min-width:0;display:block}.character-voices{gap:20px;min-width:0;display:grid}.voice-filters{grid-template-columns:minmax(180px,1.4fr) minmax(140px,1fr) minmax(140px,1fr);align-items:center;gap:12px;display:grid}.voice-filters>*{width:100%;min-width:0}.voice-filters .search-bar{height:56px}.voice-list-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.voice-list-actions>span{color:var(--md-sys-color-on-surface-variant);font:400 13px/20px var(--app-font)}.voice-group{gap:8px;min-width:0;display:grid}.voice-group>h3{font:600 16px/24px var(--app-font);align-items:center;gap:8px;margin:0;display:flex}.voice-group>h3>span{color:var(--md-sys-color-on-surface-variant);font:400 12px/20px var(--app-font)}.voice-group>div{gap:4px;display:grid}.voice-entry{border:1px solid #0000;border-radius:16px;min-width:0;padding:12px 16px}.voice-entry+.voice-entry{border-top-color:var(--md-sys-color-outline-variant)}.voice-entry.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-low)}.voice-entry>header{align-items:center;gap:8px;min-height:48px;display:flex}.voice-entry>header>div{flex:1;min-width:0}.voice-entry h4{font:500 14px/20px var(--app-font);color:var(--md-sys-color-on-surface-variant);overflow-wrap:anywhere;margin:0}.voice-entry h4 a{color:var(--md-sys-color-primary);text-decoration:none}.voice-entry small,.voice-entry__duration{font:400 12px/18px var(--app-font);color:var(--md-sys-color-on-surface-variant)}.voice-entry__duration{font-variant-numeric:tabular-nums}.voice-entry [aria-pressed=true]{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}.voice-entry__lines{gap:4px;display:grid}.voice-line{align-items:start;gap:10px;min-width:0;padding:6px 0;display:flex}.voice-line>div{flex:1;min-width:0}.voice-line p{white-space:pre-line;overflow-wrap:anywhere;font:400 15px/1.7 var(--app-font);margin:0}.voice-line strong{font:500 12px/18px var(--app-font);color:var(--md-sys-color-on-surface-variant);margin-bottom:4px;display:block}.voice-line__avatar{flex:0 0 28px;width:28px;margin-top:3px}.voice-line__avatar img{object-fit:contain;border-radius:50%;width:28px;height:28px;display:block}.voice-line.is-current p{color:var(--md-sys-color-primary)}.voice-line__missing{color:var(--md-sys-color-on-surface-variant)}.voice-player{background:var(--md-sys-color-secondary-container);min-width:0;color:var(--md-sys-color-on-secondary-container);border-radius:20px;gap:8px;padding:12px 16px;display:grid}.voice-player__heading{align-items:center;gap:8px;min-width:0;display:flex}.voice-player__heading>strong{min-width:0;font:500 14px/20px var(--app-font);flex:1}.voice-player__heading>small{font:400 12px/18px var(--app-font)}.voice-player__controls{align-items:center;gap:4px;min-width:0;display:flex}.voice-player__controls md-slider{flex:1;min-width:0}.voice-player__time{font:400 12px/18px var(--app-font);font-variant-numeric:tabular-nums;white-space:nowrap}.voice-player__error{color:var(--md-sys-color-error);font:400 13px/20px var(--app-font);margin:0}@media (max-width:699px){.voice-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.voice-filters>.search-bar{grid-column:1/-1}.voice-entry{border-radius:12px;padding:8px}.voice-player{padding:8px 12px}.voice-player__controls{grid-template-columns:48px 48px 48px minmax(0,1fr);display:grid}.voice-player__controls md-slider{grid-area:2/1/auto/4;width:100%}.voice-player__time{text-align:end;grid-area:2/4}.voice-player__heading{flex-wrap:wrap}.voice-entry__duration{text-align:end;max-width:72px}}.card-detail-controls{gap:8px;display:grid}.card-relation-list{flex-wrap:wrap;gap:8px;display:flex}.card-relation-list a{min-height:40px;color:var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container);font-size:var(--md-sys-typescale-label-large-size);align-items:center;gap:8px;padding:4px 12px 4px 4px;display:inline-flex}.card-relation-list a:hover{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.card-relation-list img{object-fit:cover;border-radius:50%;width:30px;height:30px}.card-detail-controls__pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:8px;display:grid}.detail-level-switch{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container-lowest);grid-template-columns:auto 40px minmax(0,1fr) 40px;align-items:center;gap:4px;min-width:0;min-height:48px;padding-left:12px;display:grid}.detail-level-switch__value{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:0;min-width:56px;max-width:96px;display:flex}.detail-level-switch__value small{color:var(--md-sys-color-outline);font-size:var(--md-sys-typescale-label-small-size)}.detail-level-switch__value strong{color:var(--md-sys-color-primary)}.detail-level-switch input,.detail-level-switch md-slider{width:100%;min-width:0;accent-color:var(--md-sys-color-primary)}.level-cost-list summary{min-height:32px;color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container-low);font-size:var(--md-sys-typescale-label-medium-size);cursor:pointer;align-items:center;gap:8px;padding:0 8px;list-style:none;display:flex}.level-cost-list summary span{flex:1}.level-cost-list[open] summary .material-icon:last-child{rotate:180deg}.level-cost-list>div{gap:2px;margin-top:4px;display:grid}.level-cost-list__row{border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-surface-container-lowest);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-height:38px;padding:4px 8px;display:grid}.level-cost-list__row>small{color:var(--md-sys-color-on-surface-variant);font-variant-numeric:tabular-nums;text-align:center}.level-cost-list__resources{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 12px;min-width:0;display:flex}.level-cost-list__resource{align-items:center;gap:4px;min-width:0;display:inline-flex}.level-cost-list__resource>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.level-cost-list__resource b{font-variant-numeric:tabular-nums;white-space:nowrap}.level-cost-list img{object-fit:contain;width:22px;height:22px}.card-costs,.skill-row .level-cost-list{gap:6px;margin-top:4px;display:grid}.card-stat-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:16px;padding-block:8px;display:grid}.card-stat-grid div{gap:6px;min-width:0;display:grid}.card-stat-grid span,.card-stat-section>small{color:var(--md-sys-color-on-surface-variant);font:400 12px/18px var(--app-font)}.card-stat-grid strong{font:600 22px/28px var(--app-font);font-variant-numeric:tabular-nums}.detail-fact-mark{object-fit:contain;width:28px;height:28px}.detail-fact-mark--rarity{width:42px}.character-detail-deferred-section,.character-detail-groups{flex-direction:column;min-width:0;display:flex}.character-detail-deferred-section{gap:12px}.character-detail-groups{gap:22px}.character-mission-workspace{gap:9px;display:grid}.character-mission-workspace>header{z-index:2;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);justify-content:flex-end;align-items:center;min-height:52px;padding:6px 0;display:flex;position:sticky;top:-17px}.character-mission-workspace md-outlined-select{width:min(280px,100%)}.character-mission-rewards{flex:none;justify-content:flex-end;gap:6px;display:flex}.character-mission-rewards>span{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container);grid-template-columns:24px auto;align-items:center;gap:4px;min-width:52px;padding:5px 8px;display:grid}.character-mission-rewards img{object-fit:contain;width:24px;height:24px}.character-mission-rewards b{font-size:var(--md-sys-typescale-label-small-size);font-variant-numeric:tabular-nums}@media (max-width:599px){.character-detail-panel-group{padding-inline:0}}@media (max-width:520px){.character-mission-workspace>header{position:static}.character-mission-rewards{flex-wrap:wrap}}.character-profile{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:24px;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);display:grid;overflow:hidden}.character-profile__visual{background:repeating-linear-gradient(90deg, transparent 0, transparent calc(20% - 1px), color-mix(in srgb, var(--md-sys-color-surface) 24%, transparent) calc(20% - 1px), color-mix(in srgb, var(--md-sys-color-surface) 24%, transparent) 20%), var(--profile-accent);min-width:0;padding:24px 12px 16px}.character-profile__visual .image-gallery{background:0 0;border:0;border-radius:0}.character-profile__visual .image-gallery__stage{height:clamp(720px,68vw,940px);padding:0}.character-profile__visual .image-gallery__toolbar{background:var(--md-sys-color-surface);border:0;border-radius:20px;margin-top:12px}.character-profile__visual .image-gallery__thumbnails{justify-content:center;padding:12px 0 0}.character-profile__body{min-width:0;padding:clamp(24px,4vw,64px);position:relative}.character-profile__band{object-fit:contain;width:auto;max-width:128px;height:auto;max-height:64px;margin:0 0 24px auto;display:block}.character-profile__body header{border-bottom:1px solid var(--md-sys-color-outline-variant);margin-bottom:28px;padding-bottom:28px}.character-profile__part{font:500 28px/1.2 var(--app-font);letter-spacing:.06em;margin:0 0 8px}.character-profile h2{font:700 clamp(28px, 3.2vw, 48px)/1.25 var(--app-font);letter-spacing:.045em;overflow-wrap:anywhere;margin:0}.character-profile__alternate{font:400 14px/20px var(--app-font);letter-spacing:.06em;color:var(--md-sys-color-on-surface-variant);margin:8px 0 0}.character-profile__voice{font:600 24px/1.4 var(--app-font);letter-spacing:.04em;margin:16px 0 0}.character-profile__voice small{font-size:16px;font-weight:400}.character-profile__description{font:400 15px/1.9 var(--app-font);letter-spacing:.04em;white-space:pre-line;margin:20px 0 28px}.character-profile__catch{font:500 18px/1.7 var(--app-font);color:var(--md-sys-color-primary);white-space:pre-line;margin:0 0 16px}.character-profile dl{font:400 14px/1.65 var(--app-font);letter-spacing:.025em;margin:0}.character-profile dl>div{grid-template-columns:minmax(88px,.4fr) minmax(0,1fr);gap:16px;padding-block:6px;display:grid}.character-profile dt{color:var(--md-sys-color-on-surface-variant)}.character-profile dd{overflow-wrap:anywhere;white-space:pre-line;margin:0}@media (max-width:839px){.character-profile{border-radius:20px;grid-template-columns:minmax(0,1fr)}.character-profile__visual{padding:16px}.character-profile__visual .image-gallery__stage{height:min(65dvh,640px)}.character-profile__body{padding:24px}.character-profile__band{max-width:112px;margin-bottom:20px}.character-profile h2{font-size:clamp(26px,7vw,36px)}.character-profile__voice{font-size:20px}.character-profile dl>div{gap:12px}}}@layer components{.difficulty-picker{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.difficulty-picker>button{border:1px solid color-mix(in srgb, var(--chart-color) 70%, var(--md-sys-color-outline));background:color-mix(in srgb, var(--chart-color) 18%, var(--md-sys-color-surface));min-width:56px;min-height:52px;color:var(--md-sys-color-on-surface);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:16px;place-content:center;gap:2px;padding:6px 10px;display:grid}.difficulty-picker>button[aria-checked=true]{background:var(--chart-color);color:#121318;border-radius:10px;box-shadow:inset 0 0 0 1px #121318}.difficulty-picker>button:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:3px}.difficulty-picker small{font:500 9px/12px var(--app-font)}.difficulty-picker b{font:700 16px/22px var(--app-font)}.difficulty-picker--compact{flex-wrap:nowrap;gap:4px}.difficulty-picker--compact>button{border-radius:12px;min-width:48px;min-height:48px;padding:4px 6px}@media (prefers-reduced-motion:no-preference){.difficulty-picker>button{transition:border-radius .15s,background-color .15s}}.upgrade-cost{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);border-radius:16px;min-width:0;margin-top:12px;padding:16px}.upgrade-cost header{color:var(--md-sys-color-on-surface-variant);font:500 14px/20px var(--app-font);justify-content:space-between;align-items:center;gap:12px;display:flex}.upgrade-cost header>span{white-space:nowrap;color:var(--md-sys-color-primary);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.upgrade-cost ul{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.upgrade-cost li{min-height:40px;font:400 14px/20px var(--app-font);align-items:center;gap:10px;display:flex}.upgrade-cost img{object-fit:contain;flex:0 0 32px;width:32px;height:32px}.upgrade-cost li>span{overflow-wrap:anywhere;flex:1;min-width:0}.upgrade-cost li>strong{font-variant-numeric:tabular-nums;white-space:nowrap}.band-item-upgrade{gap:16px;display:grid}.band-item-upgrade>md-outlined-select{width:min(100%,280px)}.band-item-upgrade>p{font:400 16px/1.6 var(--app-font);margin:0}character-pair-board{min-width:0;display:block}.character-pair{gap:12px;min-width:0;display:grid}.character-pair__toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.character-pair__picker{flex:1;min-width:160px}.character-pair__picker>summary,.character-pair__identity{background:var(--md-sys-color-surface-container);cursor:pointer;border-radius:24px;align-items:center;gap:12px;min-height:48px;padding:8px 16px;list-style:none;display:flex}.character-pair__picker>summary::-webkit-details-marker{display:none}.character-pair__picker>summary>span{flex:1}.character-pair__picker>summary>img,.character-pair__identity>img{object-fit:contain;width:32px;height:32px}.character-pair__identity{cursor:default;background:0 0;flex:1}.character-pair__choices{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;max-height:340px;padding:12px;display:grid;overflow:auto}.character-pair__choices button{color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container);border:2px solid #0000;border-radius:16px;place-items:center;gap:4px;padding:8px;display:grid}.character-pair__choices button[aria-pressed=true]{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-secondary-container)}.character-pair__choices img{object-fit:contain;width:56px;height:56px}.character-pair__bands{gap:8px;padding:4px;display:flex;overflow-x:auto}.character-pair__bands button{min-width:64px;min-height:48px;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container);border:2px solid #0000;border-radius:20px;flex:none;place-items:center;padding:8px 16px;display:grid}.character-pair__bands button[aria-pressed=true]{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-secondary-container)}.character-pair__bands img{object-fit:contain;width:auto;max-width:120px;height:32px}.story-board{border-radius:var(--md-sys-shape-corner-large);place-items:center;min-width:0;margin-bottom:16px;display:grid;position:relative;overflow:hidden}.story-scene{background:#18202a;height:clamp(220px,38dvh,420px)}.story-scene>img{object-fit:contain;width:100%;height:100%}.story-scene__runtime{z-index:1;place-items:center;display:grid;position:absolute;inset:0}.story-scene__runtime canvas{width:100%;height:100%}.story-scene__runtime.ready>.progress,.story-scene__runtime.failed>.progress,.story-scene__runtime.ready>md-circular-progress,.story-scene__runtime.failed>md-circular-progress{display:none}.story-scene__replay{z-index:3;color:#fff;box-shadow:var(--md-sys-elevation-level1);background:#101820c2;position:absolute;top:12px;right:12px}.story-scene__label{z-index:2;color:#fff;border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-level2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101820c2;gap:2px;padding:10px 14px;display:grid;position:absolute;bottom:16px;right:16px}.story-scene__label small{color:#d7dde2}.story-board{background-color:var(--md-sys-color-surface-container-low);background-image:var(--friendship-stage);background-position:50%;background-size:cover;height:clamp(240px,46dvh,460px);container-type:size}.story-board__stage{aspect-ratio:1312/964;width:min(100cqw - 18px,136.1cqh - 16.332px);max-width:100%;height:100%;position:relative}.story-board__background{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 8px 16px color-mix(in srgb, var(--md-sys-color-shadow) 28%, transparent));position:absolute;inset:0}.story-board__logo{z-index:5;object-fit:contain;width:19.05%;height:14.52%;position:absolute;top:8.92%;left:13.35%}.story-board__lead{z-index:1;object-fit:contain;object-position:center bottom;width:78.05%;height:106.22%;filter:drop-shadow(0 4px 3px color-mix(in srgb, var(--md-sys-color-shadow) 28%, transparent));position:absolute;bottom:-3.8%;left:50%;transform:translate(-50%)}.story-board__partners{z-index:2;position:absolute;inset:0}.story-board__partners button{top:var(--slot-y);left:var(--slot-x);aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:26.68%;padding:0;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.story-board__partners button>span{z-index:2;border-radius:50%;display:block;position:absolute;inset:0}.story-board__partners button>span>img{object-fit:contain;width:100%;height:100%}.story-board__partners button.is-selected>span{filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 5px #48dbea)drop-shadow(0 0 9px #369de5b8)}.story-board__partners button:focus-visible>span{outline:3px solid var(--md-sys-color-primary);outline-offset:3px}.story-board__arrow{z-index:1;top:var(--arrow-y);left:var(--arrow-x);object-fit:contain;width:45.71%;height:22.86%;transform:translate(-50%, -50%) rotate(var(--arrow-rotation));position:absolute}.story-board{border-radius:24px;place-items:center;display:grid;overflow:hidden}.story-board__stage{margin:auto}.story-board img[hidden]{display:none}@media (max-width:599px){.story-board{height:min(420px,95vw)}}}