:root{--bg: #f0f4f8;--surface: #ffffff;--border: #d0d8e0;--text: #1a2a3a;--muted: #6b7a8a;--accent: #0066cc;--accent2: #00a86b;--focus: #0066cc;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 8px rgba(26, 42, 58, .08);--shadow-lg: 0 8px 24px rgba(26, 42, 58, .12);--transition: .2s ease}.svelte-1uha8ag,.svelte-1uha8ag:before,.svelte-1uha8ag:after{box-sizing:border-box}.app.svelte-1uha8ag{min-height:100vh;display:flex;flex-direction:column}.top-bar.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,4vw,2rem);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.logo.svelte-1uha8ag{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:var(--text);letter-spacing:-.02em}.lang-switcher.svelte-1uha8ag{display:flex;gap:.5rem}.lang-switcher.svelte-1uha8ag button:where(.svelte-1uha8ag){padding:.4rem .75rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition)}.lang-switcher.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{border-color:var(--accent);color:var(--accent)}.lang-switcher.svelte-1uha8ag button.active:where(.svelte-1uha8ag){background:var(--accent);border-color:var(--accent);color:#fff}.main-content.svelte-1uha8ag{flex:1;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,2rem);max-width:1000px;margin:0 auto;width:100%}.section.svelte-1uha8ag{margin-bottom:clamp(2rem,5vw,4rem)}.section-header.svelte-1uha8ag{text-align:center;margin-bottom:2rem}.section-title.svelte-1uha8ag{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin:0 0 .5rem;color:var(--text)}.section-subtitle.svelte-1uha8ag{color:var(--muted);max-width:60ch;margin:0 auto;font-size:.95rem}.game-section.svelte-1uha8ag{background:var(--surface);border-radius:var(--radius);padding:clamp(1.5rem,4vw,2.5rem);box-shadow:var(--shadow)}.game-header.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.stat.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label.svelte-1uha8ag{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.stat-value.svelte-1uha8ag{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.timer-wrap.svelte-1uha8ag{text-align:center}.timer-label.svelte-1uha8ag{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;margin-bottom:.25rem}.timer.svelte-1uha8ag{font-size:clamp(2rem,6vw,3rem);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;transition:color .3s ease}@keyframes svelte-1uha8ag-pulse{0%,to{opacity:1}50%{opacity:1.6}}.game-area.svelte-1uha8ag{min-height:300px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.idle-state.svelte-1uha8ag{text-align:center;padding:2rem}.idle-text.svelte-1uha8ag{color:var(--muted);margin-bottom:1.5rem;max-width:40ch;margin-left:auto;margin-right:auto;font-size:1.05rem}.btn-primary.svelte-1uha8ag{margin-bottom:1rem}.btn-primary.svelte-1uha8ag{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px #0066cc4d}.btn-primary.svelte-1uha8ag:hover{background:#0052a3;transform:translateY(-2px);box-shadow:0 4px 12px #06c6}.btn-primary.svelte-1uha8ag:active{transform:translateY(0)}.btn-primary.svelte-1uha8ag:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.offline-hint.svelte-1uha8ag{font-size:.8rem;color:var(--muted)}.silhouette-wrap.svelte-1uha8ag{position:relative;width:100%;max-width:600px;aspect-ratio:2 / 1;background:linear-gradient(180deg,#e8eef4,#f0f4f8);border-radius:var(--radius);overflow:hidden;box-shadow:inset 0 2px 8px #1a2a3a0f}.silhouette.svelte-1uha8ag{width:100%;height:100%;display:block}.feedback-overlay.svelte-1uha8ag{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffffff2;animation:svelte-1uha8ag-fadeIn .15s ease}@keyframes svelte-1uha8ag-fadeIn{0%{opacity:1}to{opacity:1}}.feedback-text.svelte-1uha8ag{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.feedback-detail.svelte-1uha8ag{margin-top:.5rem;font-size:1rem;color:var(--muted);font-weight:500}.progress-bar.svelte-1uha8ag{position:relative;width:100%;max-width:600px;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill.svelte-1uha8ag{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:4px;transition:width .3s ease}.progress-text.svelte-1uha8ag{position:absolute;right:0;top:-1.5rem;font-size:.75rem;color:var(--muted);font-weight:600}.button-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;max-width:600px}.vessel-btn.svelte-1uha8ag{padding:.875rem .5rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.8rem;font-weight:600;text-align:center;cursor:pointer;transition:var(--transition);line-height:1.2;white-space:normal;word-break:keep-all}.vessel-btn.svelte-1uha8ag:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.vessel-btn.svelte-1uha8ag:active:not(:disabled){transform:translateY(0)}.vessel-btn.svelte-1uha8ag:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.vessel-btn.svelte-1uha8ag:disabled{cursor:default;opacity:1.7}.vessel-btn.correct.svelte-1uha8ag{border-color:var(--accent2);background:#e8f8f0;color:var(--accent2);animation:svelte-1uha8ag-pop .3s ease}.vessel-btn.incorrect.svelte-1uha8ag{border-color:#d94a4a;background:#fdf0f0;color:#d94a4a;animation:svelte-1uha8ag-shake .3s ease}.vessel-btn.reveal-correct.svelte-1uha8ag{border-color:var(--accent2);background:#e8f8f0;color:var(--accent2);box-shadow:0 0 0 3px #00a86b33}@keyframes svelte-1uha8ag-pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes svelte-1uha8ag-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.reference-section.svelte-1uha8ag{background:var(--surface);border-radius:var(--radius);padding:clamp(1.5rem,4vw,2.5rem);box-shadow:var(--shadow)}.card-grid.svelte-1uha8ag{display:grid;grid-template-columns:1fr;gap:1rem}.vessel-card.svelte-1uha8ag{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);transition:var(--transition)}.vessel-card.svelte-1uha8ag:hover{box-shadow:var(--shadow);border-color:#c0cad8}.card-header.svelte-1uha8ag{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;background:none;border:none;cursor:pointer;text-align:left}.card-silhouette.svelte-1uha8ag{width:80px;height:40px;flex-shrink:0;opacity:1.8}.card-title-wrap.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0}.card-title.svelte-1uha8ag{font-size:1rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expand-icon.svelte-1uha8ag{font-size:.7rem;color:var(--muted);transition:transform var(--transition);flex-shrink:0;margin-left:.5rem}.vessel-card.expanded.svelte-1uha8ag .expand-icon:where(.svelte-1uha8ag){transform:rotate(180deg)}.card-content.svelte-1uha8ag{padding:0 1rem 1rem;border-top:1px solid var(--border);animation:svelte-1uha8ag-slideDown .2s ease}@keyframes svelte-1uha8ag-slideDown{0%{opacity:1;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.detail-row.svelte-1uha8ag{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.detail-row.svelte-1uha8ag:last-child{margin-bottom:0}.detail-row.svelte-1uha8ag strong:where(.svelte-1uha8ag){font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.detail-row.svelte-1uha8ag span:where(.svelte-1uha8ag){font-size:.9rem;color:var(--text)}.markers-list.svelte-1uha8ag{margin:.5rem 0 0;padding-left:1.25rem;font-size:.85rem;color:var(--text);line-height:1.7}.markers-list.svelte-1uha8ag li:where(.svelte-1uha8ag){margin-bottom:.25rem}.stats-section.svelte-1uha8ag{background:var(--surface);border-radius:var(--radius);padding:clamp(1.5rem,4vw,2.5rem);box-shadow:var(--shadow)}.stats-grid.svelte-1uha8ag{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.stat-card.svelte-1uha8ag{padding:1.25rem;background:linear-gradient(180deg,#f8fafc,#f0f4f8);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.stat-card-label.svelte-1uha8ag{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;margin-bottom:.5rem}.stat-card-value.svelte-1uha8ag{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace}.rotation-info.svelte-1uha8ag{display:flex;flex-direction:column;gap:.25rem;font-size:1rem}.rotation-info.svelte-1uha8ag .remaining:where(.svelte-1uha8ag){font-size:.9rem;color:var(--muted)}.rotation-info.svelte-1uha8ag .today-score:where(.svelte-1uha8ag){font-size:.9rem;color:var(--accent2);font-weight:600;margin-top:.25rem}.stats-footer.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--border)}.btn-secondary.svelte-1uha8ag{padding:.75rem 1.5rem;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-secondary.svelte-1uha8ag:hover{background:#f0f4f8;border-color:var(--accent);color:var(--accent)}.btn-secondary.svelte-1uha8ag:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.data-note.svelte-1uha8ag{margin:0;font-size:.8rem;color:var(--muted)}.modal-overlay.svelte-1uha8ag{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a2a3a99;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:svelte-1uha8ag-fadeIn .2s ease}.modal.svelte-1uha8ag{background:var(--surface);border-radius:var(--radius);max-width:400px;width:100%;box-shadow:var(--shadow-lg);overflow:hidden;animation:svelte-1uha8ag-slideUp .3s ease}@keyframes svelte-1uha8ag-slideUp{0%{opacity:1;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0;font-size:1.25rem;font-weight:700}.modal-close.svelte-1uha8ag{width:36px;height:36px;border:none;background:none;font-size:1.5rem;color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close.svelte-1uha8ag:hover{background:#f0f4f8;color:var(--text)}.modal-body.svelte-1uha8ag{padding:1.5rem;text-align:center}.final-score.svelte-1uha8ag{display:inline-flex;align-items:baseline;gap:.25rem;margin-bottom:1rem}.score-number.svelte-1uha8ag{font-size:clamp(3rem,8vw,5rem);font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;line-height:1}.score-denom.svelte-1uha8ag{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;color:var(--muted)}.score-message.svelte-1uha8ag{color:var(--muted);margin-bottom:1.5rem;max-width:30ch;margin-left:auto;margin-right:auto}.modal-actions.svelte-1uha8ag{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.modal-actions.svelte-1uha8ag .btn-primary:where(.svelte-1uha8ag){flex:1;min-width:140px;justify-content:center}.modal-actions.svelte-1uha8ag .btn-secondary:where(.svelte-1uha8ag){flex:1;min-width:140px;justify-content:center}.toast.svelte-1uha8ag{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--text);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:.9rem;font-weight:500;z-index:1001;animation:svelte-1uha8ag-slideUp .3s ease}.back-to-top.svelte-1uha8ag{position:fixed;bottom:2rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:100}.back-to-top.svelte-1uha8ag:not([hidden]){opacity:1;visibility:visible;transform:translateY(0)}.back-to-top.svelte-1uha8ag:hover{background:#0052a3;transform:translateY(-2px)}.back-to-top.svelte-1uha8ag:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.footer.svelte-1uha8ag{padding:2rem clamp(1rem,4vw,2rem);text-align:center;color:var(--muted);font-size:.8rem;border-top:1px solid var(--border);margin-top:auto}.footer.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:.25rem 0}.ad-slot.svelte-1uha8ag{display:block;width:100%;min-height:90px;background:transparent;margin:2.5rem auto;max-width:970px}.animate-count.svelte-1uha8ag{animation:svelte-1uha8ag-countUp 1.8s ease-out forwards}@keyframes svelte-1uha8ag-countUp{0%{opacity:1;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-grid.svelte-1uha8ag .vessel-card:where(.svelte-1uha8ag){opacity:1;animation:svelte-1uha8ag-fadeUp .5s ease forwards}.card-grid.svelte-1uha8ag .vessel-card:where(.svelte-1uha8ag):nth-child(1){animation-delay:.05s}.card-grid.svelte-1uha8ag .vessel-card:where(.svelte-1uha8ag):nth-child(2){animation-delay:.1s}.card-grid.svelte-1uha8ag .vessel-card:where(.svelte-1uha8ag):nth-child(3){animation-delay:.15s}.card-grid.svelte-1uha8ag .vessel-card:where(.svelte-1uha8ag):nth-child(4){animation-delay:.2s}.card-grid.svelte-1uha8ag .vessel-card:where(.svelte-1uha8ag):nth-child(5){animation-delay:.25s}.card-grid.svelte-1uha8ag .vessel-card:where(.svelte-1uha8ag):nth-child(6){animation-delay:.3s}.card-grid.svelte-1uha8ag .vessel-card:where(.svelte-1uha8ag):nth-child(7){animation-delay:.35s}.card-grid.svelte-1uha8ag .vessel-card:where(.svelte-1uha8ag):nth-child(8){animation-delay:.4s}@keyframes svelte-1uha8ag-fadeUp{0%{opacity:1;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-grid.svelte-1uha8ag .stat-card:where(.svelte-1uha8ag){opacity:1;animation:svelte-1uha8ag-fadeUp .5s ease forwards}.stats-grid.svelte-1uha8ag .stat-card:where(.svelte-1uha8ag):nth-child(1){animation-delay:.1s}.stats-grid.svelte-1uha8ag .stat-card:where(.svelte-1uha8ag):nth-child(2){animation-delay:.2s}.stats-grid.svelte-1uha8ag .stat-card:where(.svelte-1uha8ag):nth-child(3){animation-delay:.3s}@media(min-width:768px){.game-header.svelte-1uha8ag{flex-wrap:nowrap}.card-grid.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}.stats-grid.svelte-1uha8ag{grid-template-columns:repeat(3,1fr)}.stats-footer.svelte-1uha8ag{flex-direction:row;justify-content:space-between;text-align:left}.modal-actions.svelte-1uha8ag{flex-wrap:nowrap}}@media(max-width:480px){.button-grid.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}.vessel-btn.svelte-1uha8ag{font-size:.7rem;padding:.75rem .25rem}.card-header.svelte-1uha8ag{padding:.875rem;gap:.75rem}.card-silhouette.svelte-1uha8ag{width:60px;height:30px}}