:root{--bg-gradient-start: #e8e8e8;--bg-gradient-end: #d0d0d0;--card-bg: #ffffff;--section-bg: #f8f8f8;--item-bg: #ffffff;--text-primary: #2a2a2a;--text-secondary: #6b6b6b;--primary-color: #4a4a4a;--accent-gradient-start: #6a6a6a;--accent-gradient-end: #4a4a4a;--border-color: #d4d4d4;--shadow-color: rgba(0, 0, 0, .08);--shadow-hover: rgba(0, 0, 0, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .15);--input-bg: #ffffff;--input-border: #d4d4d4;--input-focus: #5a5a5a;--overlay-lightest: rgba(0, 0, 0, .05);--overlay-lighter: rgba(0, 0, 0, .08);--overlay-light: rgba(0, 0, 0, .1);--overlay-medium: rgba(0, 0, 0, .2);--overlay-strong: rgba(0, 0, 0, .3);--overlay-heavy: rgba(0, 0, 0, .5);--overlay-intense: rgba(0, 0, 0, .7);--overlay-opaque: rgba(0, 0, 0, .9);--highlight-subtle: rgba(255, 255, 255, .05);--highlight-soft: rgba(255, 255, 255, .1);--highlight-medium: rgba(255, 255, 255, .2);--highlight-strong: rgba(255, 255, 255, .3);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 50%;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--danger-color: #e74c3c;--danger-hover: #c0392b;--success-color: #27ae60;--warning-color: #faa61a;--info-color: #3498db;--accent-blue: #0071eb;--accent-green: #43b581;--rarity-ur: #e91e8c;--rarity-ur-light: #ffb3d9;--rarity-ur-bg: linear-gradient(135deg, #fdeebb, #ffc8b2, #ffb7c5, #dcb5ff, #fdeebb);--rarity-ur-text: #4a0028;--rarity-ssr: #ffd54f;--rarity-ssr-text: #5d4037;--rarity-sr: #ba68c8;--rarity-sr-text: #ffffff;--rarity-r: #6495ed;--rarity-r-text: #ffffff;--rarity-n: #b0bec5;--rarity-n-text: #37474f;--primary-alpha-10: rgba(0, 113, 235, .1);--primary-alpha-15: rgba(0, 113, 235, .15);--primary-alpha-20: rgba(0, 113, 235, .2);--primary-alpha-30: rgba(0, 113, 235, .3);--island-stamina: #3498db;--island-points: #9b59b6;--island-success: #2ecc71;--surface-card: #ffffff;--surface-elevated: #f5f5f5;--surface-border: #e0e0e0;--text-on-surface: #4a4a4a}body.dark-mode{--bg-gradient-start: #1a1a1a;--bg-gradient-end: #0a0a0a;--card-bg: #2a2a2a;--section-bg: #1f1f1f;--item-bg: #2a2a2a;--text-primary: #e8e8e8;--text-secondary: #a8a8a8;--primary-color: #c0c0c0;--accent-gradient-start: #5a5a5a;--accent-gradient-end: #3a3a3a;--border-color: #3a3a3a;--shadow-color: rgba(0, 0, 0, .4);--shadow-hover: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .6);--input-bg: #1f1f1f;--input-border: #3a3a3a;--input-focus: #6a6a6a;--danger-color: #e74c3c;--danger-hover: #c0392b;--success-color: #27ae60;--warning-color: #faa61a;--info-color: #3498db;--accent-blue: #7289da;--accent-green: #43b581;--rarity-ur: #e91e8c;--rarity-ur-light: #ffb3d9;--rarity-ur-bg: linear-gradient(135deg, #fdeebb, #ffc8b2, #ffb7c5, #dcb5ff, #fdeebb);--rarity-ur-text: #4a0028;--rarity-ssr: #ffd54f;--rarity-ssr-text: #5d4037;--rarity-sr: #ba68c8;--rarity-sr-text: #ffffff;--rarity-r: #6495ed;--rarity-r-text: #ffffff;--rarity-n: #b0bec5;--rarity-n-text: #37474f;--primary-alpha-10: rgba(114, 137, 218, .1);--primary-alpha-15: rgba(114, 137, 218, .15);--primary-alpha-20: rgba(114, 137, 218, .2);--primary-alpha-30: rgba(114, 137, 218, .3);--island-stamina: #3498db;--island-points: #9b59b6;--island-success: #2ecc71;--surface-card: #2f3136;--surface-elevated: #3d4148;--surface-border: #4f545c;--text-on-surface: #b9bbbe}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}*{margin:0;padding:0;box-sizing:border-box}:root{--loading-text: #4a4a4a;--stats-text: #3a3a3a}body.dark-mode{--loading-text: #c0c0c0;--stats-text: #d0d0d0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);min-height:100vh;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}header{background:var(--card-bg);padding:1.875rem;border-radius:.9375rem;box-shadow:0 .625rem 1.875rem var(--shadow-color);margin-bottom:1.875rem;transition:background .3s ease,box-shadow .3s ease}h1{color:var(--primary-color);margin-bottom:1.5625rem;text-align:center;font-size:2.5em;text-shadow:2px 2px 4px var(--shadow-color);transition:color .3s ease}.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:0 0 0 3px #5a5a5a1a}.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.visible{display:block}.filter-container{display:flex;gap:.9375rem;flex-wrap:wrap;align-items:center}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}.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(-5px);box-shadow:0 8px 30px var(--shadow-hover)}.event-card-clickable{transition:transform .2s ease,box-shadow .2s ease}.event-card-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.event-card-clickable:active{transform:translateY(0)}.link-indicator{margin-left:8px;font-size:.9em;opacity:.7}.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;transition:color .3s ease}.event-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:.3125rem .75rem;border-radius:1.25rem;font-size:.75rem;font-weight:600;white-space:nowrap}.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 rgba(0,0,0,.5);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 #0000001a}.shipgirl-icon .tooltip{position:absolute;bottom:-1.875rem;left:50%;transform:translate(-50%);background:#000c;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}.loading{text-align:center;padding:2.5rem;color:var(--loading-text);font-size:1.125rem;transition:color .3s ease}.no-results{text-align:center;padding:2.5rem;background:var(--card-bg);border-radius:.9375rem;box-shadow:0 .3125rem 1.25rem var(--shadow-color);transition:background .3s ease,box-shadow .3s ease}.no-results h2{color:var(--primary-color);margin-bottom:.625rem;transition:color .3s ease}.no-results p{color:var(--text-secondary);transition:color .3s ease}.event-link-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:var(--accent-blue);color:#fff;text-decoration:none;border-radius:.25rem;font-size:.85em;transition:background .2s;margin-left:.5rem}.event-link-btn:hover{background:#0056b3}.shipgirl-icon-link{text-decoration:none;display:inline-block}.shipgirl-icon-link:hover .shipgirl-icon{transform:translateY(-2px);box-shadow:0 4px 8px #0003}body.no-scroll{overflow:hidden}.page-title{display:flex;justify-content:center;align-items:center;gap:.625rem;margin-bottom:1.25rem}.page-title h1{margin:0}.page-title .info-button{font-size:1.5rem;margin-left:.5rem}@media (max-width: 768px){body{padding:.625rem}.container{margin-top:1.25rem}header{padding:1.25rem}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}}