:root{--island-bg: #f5f7fa;--island-surface: #ffffff;--island-surface-hover: #f8f9fa;--island-border: #e1e4e8;--island-text-primary: #1a1d23;--island-text-secondary: #606770;--island-text-tertiary: #8a8d93;--island-accent: #0071eb;--island-accent-hover: #005ec4;--island-accent-light: rgba(0, 113, 235, .08);--island-accent-rgb: 0, 113, 235;--island-hair: rgba(0, 0, 0, .075);--island-hair-2: rgba(0, 0, 0, .045);--island-success-text: #15803d;--island-success-soft: rgba(21, 128, 61, .12);--island-danger: #e74c3c;--island-danger-hover: #c0392b;--island-success: #27ae60;--island-success-hover: #229954;--island-warning: #f39c12;--island-warning-hover: #d68910;--island-shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--island-shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--island-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--island-transition: all .2s cubic-bezier(.4, 0, .2, 1);--island-spacing-xs: .5rem;--island-spacing-sm: .75rem;--island-spacing-md: 1rem;--island-spacing-lg: 1.5rem;--island-spacing-xl: 2rem;--island-spacing-2xl: 3rem;--island-gap-xs: .375rem;--island-gap-sm: .5rem;--island-gap-md: .75rem;--island-gap-lg: 1rem;--island-gap-xl: 1.5rem;--island-radius-sm: 6px;--island-radius-md: 8px;--island-radius-lg: 10px;--island-radius-xl: 12px;--island-radius-2xl: 16px;--island-radius-round: 50%;--island-text-xs: .75rem;--island-text-sm: .8125rem;--island-text-base: .875rem;--island-text-md: .9375rem;--island-text-lg: 1rem;--island-text-xl: 1.125rem;--island-text-2xl: 1.25rem;--island-text-3xl: 1.5rem;--island-text-4xl: 2rem;--island-icon-xs: 1rem;--island-icon-sm: 1.125rem;--island-icon-md: 1.25rem;--island-icon-lg: 1.5rem;--island-icon-xl: 2rem;--island-icon-2xl: 2.5rem;--island-z-base: 1;--island-z-sticky: 10;--island-z-dropdown: 100;--island-z-floating: 1000;--island-z-modal: var(--z-modal)}body.dark-mode{--island-bg: #1e222a;--island-surface: #282c34;--island-surface-hover: #31353f;--island-border: #3c414b;--island-text-primary: #e4e6eb;--island-text-secondary: #b0b3b8;--island-text-tertiary: #8a8d93;--island-accent: #7289da;--island-accent-hover: #8ea1e1;--island-accent-light: rgba(114, 137, 218, .1);--island-accent-rgb: 114, 137, 218;--island-hair: rgba(255, 255, 255, .075);--island-hair-2: rgba(255, 255, 255, .04);--island-success-text: #43b581;--island-success-soft: rgba(67, 181, 129, .14);--island-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--island-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--island-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}.island-container{max-width:1400px;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - 200px);background:var(--island-bg)}body{background:var(--island-bg)}.island-header{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid var(--island-border)}.island-header h1{font-size:2.5rem;font-weight:700;color:var(--island-text-primary);margin:0 0 .75rem;display:flex;align-items:center;justify-content:center;gap:1rem}.island-header h1 .material-symbols-outlined{font-size:2.75rem;color:var(--island-accent)}.island-header .subtitle{font-size:1.125rem;color:var(--island-text-secondary);margin:0;font-weight:400}.tab-navigation{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:var(--island-surface);border-radius:12px;box-shadow:var(--island-shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{flex:1;min-width:140px;padding:.875rem 1.5rem;background:transparent;border:none;border-radius:8px;color:var(--island-text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--island-transition);display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.tab-button .material-symbols-outlined{font-size:1.25rem}.tab-button:hover{background:var(--island-accent-light);color:var(--island-accent)}.tab-button:focus-visible,.category-filter-btn:focus-visible,.quest-type-dropdown:focus-visible,.quest-type-option:focus-visible,.restaurant-tab:focus-visible,.rank-btn:focus-visible,.action-btn:focus-visible,.tech-completion-toggle:focus-visible,.tech-detail-close:focus-visible,.season-pass-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--island-accent) 70%,transparent);outline-offset:2px}.tab-button.active{background:var(--island-accent);color:#fff;box-shadow:var(--island-shadow-sm)}.tab-content-wrapper{position:relative}.tab-content{display:none;animation:fadeIn .3s ease}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-section{margin-bottom:2rem}.search-section .dropdown-container{max-width:600px;margin:0 auto}.content-layout{display:grid;grid-template-columns:380px 1fr;gap:2rem;align-items:start}.detail-section{margin-bottom:2rem}.detail-section h3{font-size:1.25rem;font-weight:600;color:var(--island-text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.detail-section h3 .material-symbols-outlined{font-size:1.5rem;color:var(--island-accent)}.title-with-help{display:flex;align-items:center;gap:.5rem}.help-icon{cursor:pointer;opacity:.6;transition:var(--island-transition);display:inline-flex;align-items:center}.help-icon:hover{opacity:1;color:var(--island-accent)}.help-icon .material-symbols-outlined{font-size:1.125rem}.help-tooltip{background:var(--island-surface);border:2px solid var(--island-accent);border-radius:8px;padding:0;margin-bottom:0;box-shadow:var(--island-shadow-md);opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease,padding .3s ease,margin .3s ease}.help-tooltip.visible{opacity:1;max-height:500px;padding:1rem;margin-bottom:.3rem}.help-tooltip p{margin:.5rem 0;font-size:.875rem;color:var(--island-text-secondary);line-height:1.6}.help-tooltip p:first-child{margin-top:0;font-size:1rem;color:var(--island-text-primary)}.help-tooltip strong{color:var(--island-accent)}@media(max-width:1024px){.content-layout{grid-template-columns:320px 1fr;gap:1.5rem}}@media(max-width:768px){.island-container{padding:1.5rem 1rem}.island-header h1{font-size:2rem}.island-header h1 .material-symbols-outlined{font-size:2.25rem}.tab-navigation{padding:.375rem;gap:.375rem}.tab-button{min-width:120px;padding:.75rem 1rem;font-size:.875rem}.content-layout{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:480px){.island-header h1{font-size:1.75rem;flex-direction:column;gap:.5rem}.island-header .subtitle{font-size:1rem}.tab-button{min-width:100px;padding:.625rem .75rem;font-size:.8125rem}.tab-button .material-symbols-outlined{font-size:1.125rem}}@keyframes flash{0%,to{opacity:1}50%{opacity:.5;transform:scale(1.1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-6px)}50%{transform:translateY(0)}75%{transform:translateY(-3px)}}.season-badge__dot{width:6px;height:6px;border-radius:50%}.season-badge--current .season-badge__dot{background:#ffffffe6}.season-badge--past .season-badge__dot{background:currentColor;opacity:.6}