@layer components{.upgrade-cost{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low);min-width:0;margin-top:12px;padding:16px}.upgrade-cost header{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);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{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.upgrade-cost li{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container);max-width:100%;min-height:40px;font:var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size) / var(--md-sys-typescale-body-medium-line-height) var(--app-font);align-items:center;gap:10px;padding:4px 8px;display:flex}.upgrade-cost img{object-fit:contain;flex:0 0 32px;width:32px;height:32px}.upgrade-cost li>span{overflow-wrap:anywhere;flex:0 auto;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}}.skill-timeline{gap:var(--md-sys-spacing-1);min-width:0;margin:0;display:grid}.skill-timeline__plot{height:calc(56px + var(--skill-lanes,1) * 26px + 4px);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-low);position:relative;overflow:hidden}.skill-timeline__fever{color:var(--md-sys-color-tertiary);background:color-mix(in srgb, var(--md-sys-color-tertiary) 14%, transparent);font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size) / 1 var(--app-font);text-overflow:ellipsis;white-space:nowrap;padding:2px 4px;position:absolute;inset-block:0;overflow:hidden}.skill-timeline__density{width:100%;height:40px;position:absolute;inset:12px 0 auto}.skill-timeline__density polygon{fill:color-mix(in srgb, var(--md-sys-color-on-surface-variant) 26%, transparent)}.skill-timeline__lanes{position:absolute;inset:56px 0 4px}.skill-timeline__window{top:calc(var(--lane,0) * 26px);border-radius:var(--md-sys-shape-corner-extra-small);color:#fff;background:var(--window-color,var(--md-sys-color-primary));min-width:14px;height:22px;box-shadow:0 0 0 1px var(--md-sys-color-surface-container-low);font:700 12px / 1 var(--app-font);text-shadow:0 0 2px #0009;place-items:center start;padding-inline:4px;display:grid;position:absolute;overflow:hidden}.skill-timeline__axis{height:16px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size) / 16px var(--app-font);position:relative}.skill-timeline__axis>span{position:absolute;transform:translate(-50%)}.skill-timeline__axis>span:first-child{transform:none}.skill-timeline__events{gap:var(--md-sys-spacing-1) var(--md-sys-spacing-3);margin:var(--md-sys-spacing-1) 0 0;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));padding:0;list-style:none;display:grid}.skill-timeline__events>li{align-items:center;gap:var(--md-sys-spacing-2);min-width:0;min-height:36px;font:var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size) / var(--md-sys-typescale-body-medium-line-height) var(--app-font);grid-template-columns:auto auto minmax(0,1fr) auto auto;display:grid}.skill-timeline__events>li:not(:has(>img)){grid-template-columns:auto minmax(0,1fr) auto auto}.skill-timeline__events img{object-position:50% 25%;border-radius:var(--skill-timeline-image-radius,var(--md-sys-shape-corner-full));object-fit:cover;width:28px;height:28px}.skill-timeline__index{border-radius:var(--md-sys-shape-corner-extra-small);color:#fff;background:var(--window-color,var(--md-sys-color-primary));width:22px;height:22px;font:700 12px / 1 var(--app-font);text-shadow:0 0 2px #0009;place-items:center;display:grid}.skill-timeline__label{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.skill-timeline__time{color:var(--md-sys-color-on-surface-variant)}