@property --depth{syntax:"<number>";inherits:true;initial-value:0}:root{--depth:0;--world-height:520vh;--world-travel:420vh;--sky-top:#0c1629;--sky-mid:#1f3252;--sky-low:#474764;--horizon:#7c5d63;--dune-far:#2a3244;--dune-near:#19202d;--beach:#4a4644;--sea-top:#3c6b6f;--sea-mid:#234549;--sea-deep:#10262b;--sea-abyss:#050d0f;--creature:#c4e4de4d;--creature-line:#c4e4de66;--ink:#eef6f4;--ink-muted:#a9c4c1;--accent:#8fe0cf;--accent-ink:#062a2a;--panel:#08181c73;--panel-border:#ffffff24;--danger:#ff8a7a;--tier-0:#7d8c90;--tier-1:#5aa9ff;--tier-2:#5fd08a;--tier-3:#f2d05c;--tier-4:#ffa24c;--tier-5:#ff6b6b;--tier-6:#c58bff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:--depth 1.6s ease-in-out}*{box-sizing:border-box}body{background:var(--sea-abyss);min-height:100dvh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);margin:0;overflow-x:hidden}.sea{pointer-events:none;position:fixed;inset:0;overflow:hidden}.world{height:var(--world-height);transform:translateY(calc(var(--depth) * var(--world-travel) * -1));background:linear-gradient(to bottom, var(--sky-top) 0, var(--sky-mid) 16vh, var(--sky-low) 28vh, var(--horizon) 33vh, var(--sea-top) 36vh, var(--sea-mid) 120vh, var(--sea-deep) 280vh, var(--sea-abyss) 440vh);position:absolute;inset:0 0 auto}.stars span{background:#ffffffb3;border-radius:50%;width:2px;height:2px;position:absolute}.gulls{fill:none;stroke:#e6e6f08c;stroke-width:1.6px;stroke-linecap:round;width:min(9rem,30vw);position:absolute;top:9vh;left:14%}.dunes{width:100%;position:absolute;left:0}.dunes-far{height:10vh;fill:var(--dune-far);top:24vh}.dunes-near{height:8vh;fill:var(--dune-near);top:27vh}.grass{fill:none;stroke:#3a4a3c;stroke-width:1.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.dunes-near .grass path{vector-effect:non-scaling-stroke}.beach{background:var(--beach);width:100%;height:1.6vh;position:absolute;top:34.6vh;left:0}.lighthouse{width:5.2vh;height:18vh;position:absolute;top:12vh;right:max(10%,3.5rem)}.lighthouse svg{width:100%;height:100%;display:block}.tower-white{fill:#d8d0c2}.tower-red{fill:#a23b37}.tower-dark,.tower-roof{fill:#2b1f22}.lantern{fill:#ffe6a0}.beam{transform-origin:0;clip-path:polygon(0 46%,100% 0,100% 100%,0 54%);background:linear-gradient(90deg,#ffecb48c,#ffecb400);width:70vw;height:9vh;animation:8s linear infinite beam-sweep;position:absolute;top:13.5714%;left:50%;transform:scaleX(-1)}@keyframes beam-sweep{0%{opacity:.55;transform:scaleX(-1)}25%{opacity:1;transform:scaleX(.02)}50%{opacity:.55;transform:scaleX(1)}75%{opacity:0;transform:scaleX(.02)}to{opacity:.55;transform:scaleX(-1)}}.waves{width:120%;height:1.8vh;fill:var(--sea-top);animation:7s ease-in-out infinite alternate waves;position:absolute;top:35.4vh;left:-10%}@keyframes waves{to{transform:translate(5%)}}.creature{fill:var(--creature);position:absolute;overflow:visible}.creature .line{fill:none;stroke:var(--creature-line);stroke-width:1.4px;stroke-linecap:round}.creature .shrimp-body{fill:none;stroke:var(--creature);stroke-width:10px;stroke-linecap:round}.creature .eye{fill:#050f12b3}.creature .spots circle,.creature .hole{fill:#050f1259}.creature.flip{scale:-1 1}.creature.wreck{opacity:.8;rotate:-6deg}.creature.angler .lure{fill:#ffe39a;filter:drop-shadow(0 0 6px #ffd66e);animation:3s ease-in-out infinite lure}@keyframes lure{50%{opacity:.35}}.drift{animation:9s ease-in-out infinite alternate creature-drift}.bob{animation:5s ease-in-out infinite alternate creature-bob}.swim{animation:14s ease-in-out infinite alternate creature-swim}.slow{animation-duration:19s}@keyframes creature-drift{to{transform:translate(18px,-6px)}}@keyframes creature-bob{to{transform:translateY(-14px)}}@keyframes creature-swim{to{transform:translate(-28px)}}.seabed{fill:#18160f;width:100%;height:34vh;position:absolute;top:486vh;left:0}.seabed .shells{fill:#c4e4de2e}.starfish{fill:#d68c6e73}.plankton{position:absolute;inset:0}.speck{background:#c8f5f04d;border-radius:50%;animation:linear infinite speck-rise;position:absolute;bottom:-10px}@keyframes speck-rise{0%{transform:translate(0)}50%{transform:translate(12px,-55vh)}to{transform:translate(-8px,-110vh)}}@media (prefers-reduced-motion:reduce){.speck{display:none}.beam,.waves,.creature,.lure{animation:none!important}:root{transition:none}}.topbar{justify-content:space-between;align-items:center;max-width:36rem;margin:0 auto;padding-block:14px;display:flex;position:relative}.brand{letter-spacing:.02em;font-size:1.25rem;font-weight:800}.topbar-actions{gap:8px;display:flex}.icon-button{border:1px solid var(--panel-border);background:var(--panel);width:2.25rem;height:2.25rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:50%;font-weight:700}.icon-button:hover{background:#ffffff24}.gauge{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:50%;right:10px;transform:translateY(-50%)}.gauge-track{background:#ffffff1f;border-radius:3px;width:6px;height:min(50vh,22rem);position:relative;overflow:hidden}.gauge-fill{transform-origin:top;transform:scaleY(var(--depth));background:linear-gradient(var(--tier-1), var(--tier-3), var(--tier-6));position:absolute;inset:0}.gauge-label{font-variant-numeric:tabular-nums;color:var(--ink-muted);writing-mode:vertical-rl;font-size:.75rem;transform:rotate(180deg)}main{max-width:36rem;margin:0 auto;padding-right:24px;position:relative}.screen{padding-block:8vh 48px;animation:.35s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:.85rem;font-weight:700}h1,.lede,.eyebrow{text-shadow:0 1px 12px #00000073}h1{text-wrap:balance;margin:0 0 16px;font-size:clamp(1.8rem,6vw,2.6rem);line-height:1.1}.lede{color:var(--ink-muted);margin:0 0 28px;font-size:1.1rem;line-height:1.5}.fine{color:var(--ink-muted);margin-top:20px;font-size:.85rem}.muted{color:var(--ink-muted)}button.primary{appearance:none;background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border:none;border-radius:999px;padding:14px 26px;font-size:1.05rem;font-weight:800;transition:transform .1s,opacity .2s}button.primary:hover{transform:translateY(-1px)}button.primary:active{transform:translateY(1px)}button.primary:disabled{opacity:.4;cursor:default;transform:none}:focus-visible{outline:3px solid var(--tier-3);outline-offset:3px}.prompt-text{min-height:2.2em}.timer{align-items:center;gap:12px;margin-bottom:20px;display:flex}.timer-track{background:#ffffff1f;border-radius:4px;flex:1;height:8px;overflow:hidden}.timer-bar{background:var(--accent);transform-origin:0;height:100%;transition:transform .1s linear}.timer-seconds{font-variant-numeric:tabular-nums;text-align:right;min-width:2ch;font-weight:800}.timer.urgent .timer-bar{background:var(--danger)}.timer.urgent .timer-seconds{color:var(--danger)}.answer-form{flex-wrap:wrap;gap:10px;display:flex}.answer-form input{border:1px solid var(--panel-border);min-width:0;color:var(--ink);font:inherit;background:#00000040;border-radius:14px;flex:14rem;padding:14px 18px;font-size:1.15rem}.answer-form input:focus{border-color:var(--accent);outline:none}.error{color:var(--danger);margin-top:12px}.suggestion{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;padding:10px 12px;display:flex}.suggestion-label{color:var(--ink-muted);font-size:.95rem}.suggestion-change{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:1.1rem;display:inline-flex}.suggestion-change del{color:var(--ink-muted);text-decoration-thickness:2px}.suggestion-change strong{color:var(--accent)}.suggestion-accept{background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border:none;border-radius:999px;margin-left:auto;padding:8px 16px;font-weight:800}.miss{color:var(--tier-4);margin:12px 0 0;font-weight:600}.miss .muted{color:var(--ink-muted);font-weight:400}.feedback h1{color:var(--tier-color)}.feedback .new-answer{color:var(--accent);margin:-16px 0 28px;font-weight:700}.feedback .points{font-variant-numeric:tabular-nums;margin:-12px 0 28px;font-weight:700}.tier-0{--tier-color:var(--tier-0)}.tier-1{--tier-color:var(--tier-1)}.tier-2{--tier-color:var(--tier-2)}.tier-3{--tier-color:var(--tier-3)}.tier-4{--tier-color:var(--tier-4)}.tier-5{--tier-color:var(--tier-5)}.tier-6{--tier-color:var(--tier-6)}.share-preview{letter-spacing:.1em;margin:0 0 20px;font-size:1.6rem}.share-status{min-height:1.5em;color:var(--accent)}.share-fallback{color:var(--ink);white-space:pre-wrap;-webkit-user-select:all;user-select:all;background:#0000004d;border-radius:10px;padding:12px}.result-list{gap:10px;margin:12px 0 24px;padding:0;list-style:none;display:grid}.result-row{background:var(--panel);border-left:4px solid var(--tier-color);border-radius:14px;gap:12px;padding:12px 14px;display:flex}.result-emoji{font-size:1.1rem}.result-body p{margin:0}.result-prompt{color:var(--ink-muted);font-size:.85rem}.result-answer{overflow-wrap:anywhere;font-weight:700}.result-tier{color:var(--tier-color)}.result-body .result-meta{color:var(--ink-muted);margin-top:4px;font-size:.85rem}.next-dive{color:var(--ink-muted)}.countdown{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:800}dialog{border:1px solid var(--panel-border);width:min(28rem,100vw - 32px);color:var(--ink);background:#0a2638;border-radius:20px;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c}.dialog-inner{padding:24px;line-height:1.5;position:relative}.dialog-inner h2{margin:0 0 12px}.dialog-close{font-size:1.2rem;position:absolute;top:14px;right:14px}.tier-list{padding-left:0;list-style:none}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:10px;display:grid}.stat{background:var(--panel);border-radius:12px;flex-direction:column;padding:12px;display:flex}.stat-value{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800}.stat-label{color:var(--ink-muted);font-size:.8rem}.icon-button svg{margin:auto;display:block}@media (prefers-reduced-motion:reduce){.screen{animation:none}}.alias-form{margin-bottom:8px}.alias-form label{margin-bottom:8px;font-weight:700;display:block}.alias-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.alias-row input{border:1px solid var(--panel-border);min-width:0;color:var(--ink);font:inherit;background:#00000040;border-radius:14px;flex:12rem;padding:12px 16px;font-size:1.1rem}.alias-row input:focus{border-color:var(--accent);outline:none}.link-button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.ranking{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;margin:8px 0 28px;padding:16px}.ranking h2,.results-subtitle{margin:0 0 10px;font-size:1.1rem}.ranking-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ranking-row{border-radius:10px;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:8px;padding:6px 10px;display:grid}.ranking-row.you{background:#7fe3d429;outline:1px solid #7fe3d480}.ranking-rank{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-weight:800}.ranking-alias{overflow-wrap:anywhere;font-weight:700}.ranking-depth{font-variant-numeric:tabular-nums}.ranking-note{color:var(--ink-muted);margin:10px 0 0;font-size:.9rem}@media (width<=720px){.screen{padding-top:max(8vh, calc(30vh - var(--depth) * var(--world-travel)))}}.brand-link{color:inherit;text-decoration:none}.scoreboard .ranking{margin-top:8px}.scoreboard-nav{justify-content:space-between;margin:4px 0 24px;display:flex}.scoreboard-nav a{color:var(--accent)}a.primary{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:14px 26px;font-weight:800;text-decoration:none;display:inline-block}