:root{--ink: #eaf4ff;--ink-dim: rgba(234, 244, 255, .62);--gold: #ffd9a0;--serif: "Cormorant Garamond", "Georgia", serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#04101f;color:var(--ink);font-family:var(--sans)}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.sea{display:block;position:absolute;top:0;right:0;bottom:0;left:0;cursor:none;touch-action:none}.title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px;pointer-events:none;transition:opacity 1.6s ease,transform 1.6s ease;opacity:1}.title--gone{opacity:0;transform:translateY(-14px)}.title__eyebrow{font-family:var(--serif);font-style:italic;font-size:clamp(14px,1.6vw,20px);letter-spacing:.14em;color:var(--ink-dim);margin-bottom:10px;animation:rise 1.6s ease both}.title__name{font-family:var(--serif);font-weight:400;font-size:clamp(56px,10vw,132px);line-height:.95;margin:0;letter-spacing:.06em;color:#fff7e8;text-shadow:0 0 24px rgba(255,214,150,.35),0 0 90px rgba(120,200,255,.35);animation:rise 1.8s ease .15s both,glow 5s ease-in-out infinite}.title__sub{font-family:var(--serif);font-size:clamp(16px,2vw,24px);max-width:34em;color:var(--ink-dim);margin:22px 0 0;animation:rise 1.8s ease .4s both}.title__hint{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#ffd9a0bf;margin-top:38px;animation:rise 1.8s ease .7s both,pulse 3s ease-in-out 2s infinite}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{text-shadow:0 0 24px rgba(255,214,150,.35),0 0 90px rgba(120,200,255,.3)}50%{text-shadow:0 0 34px rgba(255,214,150,.55),0 0 120px rgba(120,200,255,.45)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.hud{position:absolute;top:22px;left:26px;pointer-events:none;display:flex;flex-direction:column;gap:10px}.hud__brand{font-family:var(--serif);font-size:22px;letter-spacing:.12em;color:#fff7e8d9}.hud__stats{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.stat{display:flex;align-items:baseline;gap:7px;padding:6px 12px;border-radius:999px;background:#0818306b;border:1px solid rgba(180,220,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stat__value{font-family:var(--serif);font-size:22px;font-weight:600;color:#fff4dc;line-height:1}.stat__label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.stat__orb{align-self:center;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffd7f0 45%,#9ed3ff);box-shadow:0 0 10px #c8e6ffcc}.stat__fish{align-self:center;width:14px;height:8px;border-radius:50%/60% 60% 40% 40%;background:linear-gradient(90deg,#bfe9ff,#7fd8ff);box-shadow:0 0 8px #7fd8ffb3;clip-path:polygon(0 50%,25% 0,100% 50%,25% 100%)}.stat--combo{background:#401e0873;border-color:#ffc87859;animation:pop .5s cubic-bezier(.2,1.4,.4,1) both}.stat--combo .stat__value{color:var(--gold)}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.sound{position:absolute;top:22px;right:26px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(180,220,255,.2);background:#08183073;color:#eaf4ffd9;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,transform .2s ease,color .2s ease}.sound:hover{background:#1e3c6499;transform:scale(1.06)}.sound--muted{color:#eaf4ff66}.foot{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#eaf4ff66;pointer-events:none;opacity:0;transition:opacity 1.4s ease .8s}.foot--show{opacity:1}@media(max-width:640px){.hud{top:14px;left:14px}.hud__brand{display:none}.sound{top:14px;right:14px}}