@layer components{.collection--model{--tile-min:148px}.tile--model .tile__media{aspect-ratio:1;background:var(--md-sys-color-surface-container-low)}.tile--model .tile__media>img{object-fit:contain;object-position:center top}.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}.difficulty-picker--static{flex-wrap:nowrap;gap:0}.difficulty-picker--static>span{text-align:center;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));width:48px;min-height:48px;color:var(--md-sys-color-on-surface);font-variant-numeric:tabular-nums;border-radius:12px;place-content:center;gap:2px;padding:4px 6px;display:grid}@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}}@layer pages{character-voices{min-width:0;display:block}.character-voices{gap:var(--md-sys-spacing-6);min-width:0;display:grid}.voice-group{gap:var(--md-sys-spacing-3);min-width:0;scroll-margin-block-start:var(--md-comp-top-app-bar-safe-height);display:grid}.voice-group>h3{align-items:baseline;gap:var(--md-sys-spacing-2);border-bottom:1px solid var(--md-sys-color-outline-variant);font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size) / var(--md-sys-typescale-title-medium-line-height) var(--app-font);margin:0;padding-block-end:var(--md-sys-spacing-2);display:flex}.voice-group__title{overflow-wrap:anywhere;min-width:0}.voice-group__count{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / var(--md-sys-typescale-label-medium-line-height) var(--app-font)}.voice-group>div{min-width:0;display:grid}.voice-entry{gap:var(--md-sys-spacing-2);min-width:0;padding-block:var(--md-sys-spacing-3);display:grid}.voice-entry__header{align-items:start;gap:var(--md-sys-spacing-3);min-width:0;padding-inline:var(--md-sys-spacing-2);display:flex}.voice-entry__identity{gap:var(--md-sys-spacing-1);flex:1;min-width:0;display:grid}.voice-entry h4{overflow-wrap:anywhere;min-width:0;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-title-small-weight) var(--md-sys-typescale-title-small-size) / var(--md-sys-typescale-title-small-line-height) var(--app-font);margin:0}.voice-entry h4 a{color:var(--md-sys-color-primary);text-decoration:none}.voice-entry h4 a:hover{text-decoration:underline}.voice-entry__identity small{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size) / var(--md-sys-typescale-body-small-line-height) var(--app-font)}.voice-entry__lines{gap:var(--md-sys-spacing-4);min-width:0;display:grid}.voice-line{padding-block:0;padding-inline:var(--md-sys-spacing-2)}@media (max-width:599px){.character-voices{gap:var(--md-sys-spacing-5)}.voice-entry{padding-block:var(--md-sys-spacing-2)}.voice-entry__header{gap:var(--md-sys-spacing-2);padding-inline:0}.voice-line{padding-inline:0}}.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}}}