*{margin:0;padding:0;box-sizing:border-box}:root{--stats-text: #3a3a3a}body.dark-mode{--stats-text: #d0d0d0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,sans-serif;padding:1.25rem;color:var(--text-primary);transition:background .3s ease,color .3s ease}.container{max-width:1000px;margin:0 auto;margin-top:1.875rem}.page-header{--page-header-pad: 1.875rem;--page-header-shadow: 0 .625rem 1.875rem var(--shadow-color);--page-header-mb: 1.875rem}.search-container{position:relative;margin-bottom:1.25rem}#searchInput{width:100%;padding:.9375rem 2.8125rem .9375rem 1.25rem;font-size:1rem;border:2px solid var(--input-border);border-radius:.625rem;transition:all .3s ease;outline:none;background:var(--input-bg);color:var(--text-primary)}#searchInput:focus{border-color:var(--input-focus);box-shadow:var(--focus-ring)}.clear-btn{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.75rem;color:var(--text-secondary);cursor:pointer;padding:0 .625rem;line-height:1;transition:color .2s;display:none}.clear-btn:hover{color:var(--primary-color)}.clear-btn:focus-visible,.info-button:focus-visible,.close-popup-btn:focus-visible,select:focus-visible,.shipgirl-icon-link:focus-visible{outline:3px solid var(--input-focus);outline-offset:3px}.clear-btn.visible{display:block}.filter-container{--filter-bar-gap: .9375rem}select{padding:.625rem .9375rem;border:2px solid var(--input-border);border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .3s ease;background:var(--input-bg);color:var(--text-primary)}select:focus{outline:none;border-color:var(--input-focus)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.stats{background:var(--card-bg);padding:.9375rem 1.25rem;border-radius:.625rem;margin-bottom:1.25rem;box-shadow:0 .25rem .9375rem var(--shadow-color);font-weight:600;color:var(--stats-text);transition:background .3s ease,box-shadow .3s ease;display:flex;justify-content:space-between;align-items:center;gap:.625rem;flex-wrap:wrap}.event-list{display:grid;gap:1.25rem}.event-card{background:var(--card-bg);padding:1.5625rem;border-radius:.9375rem;box-shadow:0 .3125rem 1.25rem var(--shadow-color);transition:all .3s ease;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-card:hover{transform:translateY(var(--card-lift));box-shadow:var(--card-hover-shadow)}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.9375rem;flex-wrap:wrap;gap:.625rem}.event-title{font-size:1.5em;font-weight:700;color:var(--text-primary);flex:1;margin:0;transition:color .3s ease}.event-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge-category{background:linear-gradient(135deg,var(--accent-gradient-start),var(--accent-gradient-end));color:#fff}.badge-faction{background:linear-gradient(135deg,#888,#666);color:#fff}.badge-rerun{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.badge-new{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.badge-permanent{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.event-details{display:grid;gap:.625rem;margin-bottom:.9375rem}.detail-row{display:flex;gap:.625rem;font-size:.875rem}.detail-label{font-weight:600;color:var(--primary-color);min-width:7.5rem;transition:color .3s ease}.detail-value{color:var(--text-secondary);flex:1;transition:color .3s ease}.shipgirl-icons{margin-top:.9375rem;padding-top:.9375rem;border-top:2px solid var(--border-color);transition:border-color .3s ease}.shipgirl-icons-title{font-size:.875rem;font-weight:600;color:var(--primary-color);margin-bottom:.625rem;transition:color .3s ease}.icons-container{display:flex;gap:.625rem;flex-wrap:wrap}.shipgirl-icon{position:relative;transition:transform .2s}.shipgirl-icon:hover{transform:scale(1.1)}.shipgirl-icon img{width:4.375rem;height:4.375rem;border-radius:.625rem;border:3px solid;background:var(--surface-elevated);object-fit:cover;display:block}.shipgirl-icon-placeholder{width:4.375rem;height:4.375rem;border-radius:.5rem;border:2px solid var(--border-color);background:var(--surface-elevated);display:flex;align-items:center;justify-content:center;font-size:.625rem;text-align:center;padding:.3125rem;color:var(--text-secondary)}.rarity-indicator{position:absolute;bottom:2px;right:2px;padding:2px .375rem;border-radius:.25rem;font-size:.625rem;font-weight:700;color:#fff;text-shadow:0 1px 2px var(--overlay-heavy);pointer-events:none}.rarity-n img{border-color:#9e9e9e;box-shadow:0 2px 8px #9e9e9e4d}.rarity-n .rarity-indicator{background:linear-gradient(135deg,#757575,#9e9e9e)}.rarity-r img{border-color:#64b5f6;box-shadow:0 2px 8px #64b5f666}.rarity-r .rarity-indicator{background:linear-gradient(135deg,#42a5f5,#64b5f6)}.rarity-sr img{border-color:var(--rarity-sr);box-shadow:0 2px 8px #ba68c880}.rarity-sr .rarity-indicator{background:linear-gradient(135deg,#ab47bc,#ba68c8)}.rarity-ssr img{border-color:var(--rarity-ssr);box-shadow:0 2px 8px #ffd54f99}.rarity-ssr .rarity-indicator{background:linear-gradient(135deg,#ffca28,#ffd54f)}.rarity-ur img{border-color:#ff6b6b;box-shadow:0 2px 12px #ff6b6bb3;animation:urGlow 2s ease-in-out infinite}.rarity-ur .rarity-indicator{background:linear-gradient(135deg,#ff5252,#ff6b6b)}@keyframes urGlow{0%,to{box-shadow:0 2px 12px #ff6b6bb3}50%{box-shadow:0 2px 20px #ff6b6b}}.rarity-unknown img{border-color:var(--border-color);box-shadow:0 2px 8px var(--overlay-light)}.shipgirl-icon .tooltip{position:absolute;bottom:-1.875rem;left:50%;transform:translate(-50%);background:var(--overlay-80);color:#fff;padding:.3125rem .625rem;border-radius:.3125rem;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.shipgirl-icon:hover .tooltip{opacity:1}.event-link-btn{margin-left:.5rem}.shipgirl-icon-link{text-decoration:none;display:inline-block}.shipgirl-icon-link:hover .shipgirl-icon{transform:translateY(-2px);box-shadow:0 4px 8px var(--overlay-medium)}.page-title{--page-header-gap: .625rem;margin-bottom:1.25rem}.page-title h1{margin:0;font-size:2.5em;color:var(--primary-color);text-shadow:2px 2px 4px var(--shadow-color);transition:color .3s ease}.page-title .info-button{font-size:1.5rem;margin-left:.5rem}.year-divider{display:flex;align-items:center;gap:.75rem;font-weight:700;color:var(--text-secondary)}.year-divider:before,.year-divider:after{content:"";height:1px;background:var(--border-color);flex:1}.badge-gap{background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border-color)}@media(max-width:768px){body{padding:.625rem}.container{margin-top:1.25rem}.page-header{--page-header-pad: 1.25rem}.page-title h1{font-size:1.8em}.filter-container{flex-direction:column;align-items:stretch}select{width:100%}.event-card{padding:1.25rem}.event-title{font-size:1.2em}.event-header{flex-direction:column}.icons-container{gap:.5rem}.shipgirl-icon img,.shipgirl-icon-placeholder{width:3.75rem;height:3.75rem}}.event-list{position:relative}.event-list.group-dimmed{padding-left:1.75rem}.event-list.group-dimmed .event-card:not(.group-selected),.event-list.group-dimmed .year-divider{opacity:.35}.event-card--grouped{cursor:pointer}.event-card--grouped:focus-visible{outline:3px solid var(--input-focus);outline-offset:3px}.event-card.group-selected{box-shadow:0 0 0 2px var(--accent-blue),0 .3125rem 1.25rem var(--shadow-color)}.group-rail{position:absolute;left:0;top:0;pointer-events:none}.group-rail line{stroke:var(--accent-blue);stroke-width:2}.group-rail circle{fill:var(--accent-blue)}.group-jump{display:flex;gap:.5rem;margin-top:.75rem}.run-strip{display:flex;align-items:center;flex-wrap:wrap;gap:.375rem .5rem;margin-bottom:.9375rem;font-size:.875rem}.run-strip-stop{padding:.25rem .5rem;border-radius:var(--radius-sm);background:var(--surface-elevated);border:1px solid var(--border-color);font-weight:600;color:var(--text-primary)}.run-strip-stop--new{border-left:3px solid #43e97b}.run-strip-stop--rerun{border-left:3px solid #4facfe}.run-strip-stop--permanent{border-left:3px solid #fa709a}.run-strip-gap{color:var(--text-secondary);white-space:nowrap}.group-elapsed{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.9375rem}.container--wide{max-width:calc(100% - 2.5rem)}.mudak-chart{--mudak-new: #2cb865;--mudak-rerun: #2b8ede;--mudak-permanent: #e05585;background:var(--card-bg);border-radius:.9375rem;box-shadow:0 .3125rem 1.25rem var(--shadow-color);padding:1rem 0 1rem 1rem;min-width:0}body.dark-mode .mudak-chart{--mudak-new: #43e97b;--mudak-rerun: #4facfe;--mudak-permanent: #fa709a}.mudak-toolbar{margin-bottom:.625rem}.mudak-legend{display:flex;flex-wrap:wrap;gap:.375rem .875rem;font-size:.75rem;color:var(--text-secondary);margin-bottom:.625rem}.mudak-legend-swatch{display:inline-block;width:16px;height:8px;border-radius:2px;vertical-align:middle;margin-right:4px}.mudak-legend-swatch--wait{height:0;border-top:2px dashed;border-radius:0}.mudak-scroll{overflow-x:auto}.mudak-inner{width:max-content}.mudak-row{--row-bg: var(--card-bg);display:flex;height:38px;align-items:stretch;background:var(--row-bg)}.mudak-row:not(.mudak-head):hover{--row-bg: color-mix(in srgb, var(--card-bg) 94%, var(--text-primary))}.mudak-head{height:20px;font-size:.6875rem;font-weight:700;color:var(--text-secondary)}.mudak-name{flex:none;width:250px;position:sticky;left:0;z-index:2;background:var(--row-bg);display:flex;align-items:center;gap:6px;padding-right:8px;border-right:1px solid var(--border-color);font-size:.875rem}.mudak-portrait-link{flex:none;display:flex}.mudak-portrait{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);display:block}.mudak-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mudak-collab-chip{flex:none;font-size:.5625rem;color:var(--accent-purple);border:1px solid currentColor;border-radius:var(--radius-sm);padding:0 3px}.mudak-start-year{flex:none;color:var(--text-secondary);font-size:.6875rem}.mudak-track{flex:none;position:relative;background:repeating-linear-gradient(90deg,var(--border-color) 0 1px,transparent 1px calc(var(--mudak-month-w) * 12))}.mudak-track--rel{background:repeating-linear-gradient(90deg,var(--border-color) 0 1px,transparent 1px calc(var(--mudak-month-w) * 6))}.mudak-track--head{background:none}.mudak-year{position:absolute;top:0}.mudak-today-tag{position:absolute;top:0;transform:translate(-50%);color:var(--accent-coral)}.mudak-today{position:absolute;top:0;bottom:0;border-left:1px dashed var(--accent-coral)}.mudak-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;z-index:1}.mudak-dot--new{background:var(--mudak-new)}.mudak-dot--rerun{background:var(--mudak-rerun)}.mudak-dot--permanent{background:var(--mudak-permanent);border-radius:3px}.mudak-dot--other{background:var(--text-secondary)}.mudak-span{position:absolute;top:50%;transform:translateY(-50%);height:10px;border-radius:2px}.mudak-span--new{background:color-mix(in srgb,var(--mudak-new) 22%,transparent)}.mudak-span--rerun{background:color-mix(in srgb,var(--mudak-rerun) 22%,transparent)}.mudak-span--permanent{background:color-mix(in srgb,var(--mudak-permanent) 40%,transparent)}.mudak-gap-label{position:absolute;top:2px;transform:translate(-50%);font-size:.625rem;white-space:nowrap}.mudak-gap-label--new{color:var(--mudak-new)}.mudak-gap-label--rerun{color:var(--mudak-rerun)}.mudak-wait{position:absolute;top:50%;border-top:2px dashed;opacity:.7}.mudak-wait--new{border-color:var(--mudak-new)}.mudak-wait--rerun{border-color:var(--mudak-rerun)}.mudak-wait-label{position:absolute;top:50%;transform:translateY(-50%);font-size:.625rem;white-space:nowrap}@media(max-width:768px){.mudak-name{width:170px}}