:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#000;color:#fafafa;overflow:hidden}.sea-app{position:relative;width:100vw;height:100vh;overflow:hidden}.sea-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hud{position:absolute;top:24px;left:28px;z-index:10;pointer-events:none}.hud-title{font-size:1.8rem;font-weight:800;letter-spacing:.12em;color:#e8d5a3;text-shadow:0 2px 12px rgba(0,0,0,.6);display:flex;align-items:center;gap:10px}.skull{font-size:1.4rem;filter:drop-shadow(0 0 6px rgba(255,215,0,.4))}.hud-subtitle{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:#e8d5a380;margin-top:2px}.compass{position:absolute;top:28px;right:28px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px}.compass-ring{width:80px;height:80px;border-radius:50%;border:2px solid rgba(232,213,163,.3);background:#0a1428b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;display:flex;align-items:center;justify-content:center}.compass-needle{width:2px;height:36px;position:absolute;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.needle-n{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:18px solid #e74c3c;position:absolute;top:0;left:50%;transform:translate(-50%);filter:drop-shadow(0 0 4px rgba(231,76,60,.5))}.compass-dir{position:absolute;font-size:.55rem;font-weight:700;color:#e8d5a366;letter-spacing:.05em;transition:color .3s,text-shadow .3s}.compass-dir.active{color:#e74c3c;text-shadow:0 0 6px rgba(231,76,60,.6)}.compass-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#e8d5a359}.controls{position:absolute;bottom:24px;left:28px;z-index:10;background:#0a1428bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(232,213,163,.12);border-radius:12px;padding:18px 22px;display:flex;flex-direction:column;gap:14px;min-width:220px}.control-group label{display:block;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#e8d5a380;margin-bottom:6px}.btn-row{display:flex;align-items:center;gap:10px}.btn-row button{background:#e8d5a31a;border:1px solid rgba(232,213,163,.2);color:#e8d5a3;width:32px;height:32px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.btn-row button:hover{background:#e8d5a340}.value{font-size:1.1rem;font-weight:700;color:#e8d5a3;min-width:30px;text-align:center}input[type=range]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e8d5a326;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#e8d5a3;cursor:pointer;box-shadow:0 0 8px #e8d5a366}.treasure-hud{position:absolute;bottom:24px;right:28px;z-index:10;background:#0a1428bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.15);border-radius:12px;padding:14px 20px;display:flex;align-items:center;gap:10px}.treasure-icon{font-size:1.4rem}.treasure-count{font-size:1.6rem;font-weight:800;color:gold;text-shadow:0 0 8px rgba(255,215,0,.3)}.treasure-label{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#ffd70066}.ship-log{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:10;background:#0a1428a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(232,213,163,.08);border-radius:10px;padding:12px 18px;min-width:280px;text-align:center}.log-header{font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:#e8d5a34d;margin-bottom:6px}.log-entry{font-size:.8rem;color:#e8d5a399}.log-entry.gold{color:gold}.log-entry.sparkle{color:#e8d5a366;font-style:italic;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}