@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap");:root{--color-primary:#00d4ff;--color-accent-cyan:#00ffff;--color-accent-green:#00ff88;--color-cool-primary:#4A9EFF;--color-warm-primary:#FF6B4A;--bg-card:rgba(13,27,42,0.7);--bg-overlay:rgba(13,27,42,0.5);--text-primary:#e0e0e0;--text-secondary:#c0c0c0;--text-tertiary:#a0a0a0;--border-primary:rgba(0,212,255,0.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;background:linear-gradient(135deg,#0a0e27,#0d1b2a 50%,#0f2027);background-attachment:fixed;color:#e0e0e0;min-height:100vh;position:relative;overflow-x:hidden}body:before{height:40vh;background-image:radial-gradient(ellipse 300px 200px at 10% 20%,rgba(0,212,255,.15),transparent),radial-gradient(ellipse 280px 180px at 30% 10%,rgba(0,255,255,.12),transparent),radial-gradient(ellipse 320px 220px at 50% 15%,rgba(0,212,255,.18),transparent),radial-gradient(ellipse 260px 170px at 70% 8%,rgba(0,255,200,.1),transparent),radial-gradient(ellipse 290px 190px at 85% 18%,rgba(0,212,255,.14),transparent),radial-gradient(ellipse 270px 180px at 95% 12%,rgba(0,255,255,.11),transparent);animation:oceanSurfaceShimmer 8s ease-in-out infinite;z-index:120}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100%;pointer-events:none}body:after{height:35vh;background-image:radial-gradient(circle 80px at 15% 8%,rgba(255,255,255,.08),transparent),radial-gradient(circle 60px at 42% 12%,rgba(255,255,255,.06),transparent),radial-gradient(circle 90px at 58% 5%,rgba(255,255,255,.09),transparent),radial-gradient(circle 70px at 78% 15%,rgba(255,255,255,.07),transparent),radial-gradient(circle 85px at 88% 9%,rgba(255,255,255,.08),transparent);animation:sparkleShimmer 6s ease-in-out infinite;animation-delay:-3s;z-index:150}@keyframes oceanSurfaceShimmer{0%,to{opacity:1}25%{opacity:.7}50%{opacity:.85}75%{opacity:.9}}@keyframes sparkleShimmer{0%,to{opacity:.6}33%{opacity:.9}66%{opacity:.5}}@keyframes tileAppear{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tileUpdate{0%{transform:scale(1);opacity:1}50%{transform:scale(.95) rotateY(10deg);opacity:.7}to{transform:scale(1) rotateY(0deg);opacity:1}}@keyframes sonarExpand{0%{width:20px;height:20px;opacity:1}to{width:var(--final-size);height:var(--final-size);opacity:0}}@keyframes particleExplode{0%{transform:translate(0) rotate(var(--rotation)) scale(1);opacity:1}50%{transform:translate(var(--px),var(--py-mid)) rotate(calc(var(--rotation) + 180deg)) scale(1.2);opacity:.8}to{transform:translate(var(--px),var(--py-end)) rotate(var(--rotation-end)) scale(.3);opacity:0}}.loadingContainer{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0a1929,#132f4c);color:#e0f2fe}.loadingContent{text-align:center;max-width:500px;padding:2rem}.loadingSpinner{width:60px;height:60px;border:4px solid rgba(96,165,250,.2);border-top-color:#60a5fa;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}@keyframes spin{to{transform:rotate(1turn)}}.loadingTitle{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#60a5fa}.loadingText{font-size:1rem;color:#94a3b8;margin-bottom:1rem}.loadingError{color:#f87171;font-size:.875rem;margin-top:1rem}.errorContainer{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0a1929,#132f4c);color:#e0f2fe}.errorContent{text-align:center;max-width:500px;padding:2rem}.errorTitle{font-size:1.75rem;font-weight:600;margin-bottom:1rem;color:#f87171}.errorText{font-size:1.125rem;color:#e0f2fe;margin-bottom:1rem}.errorDetails{font-size:.875rem;color:#94a3b8;margin-bottom:2rem;font-family:JetBrains Mono,monospace}.errorRetryButton{padding:.75rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.errorRetryButton:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.4)}