:root{--bg:#2b3236;--bg-raised:#353d42;--line:#48525a;--ink:#eee8da;--ink-muted:#b0b5b0;--accent:#d8b67a;--focus:#f3e3b8;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background-color:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{background:#3e3d3a;position:fixed;inset:0}.beach{top:env(safe-area-inset-top);left:env(safe-area-inset-left);right:env(safe-area-inset-right);width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(100% - env(safe-area-inset-top));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;display:block;position:absolute;bottom:0}.beach:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.cove-label{top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 12px);pointer-events:none;color:var(--ink);text-shadow:0 1px 2px #00000080;flex-direction:column;margin:0;line-height:1.2;display:flex;position:absolute;right:172px}.cove-label-name{letter-spacing:.03em;font-size:.95rem;font-weight:600}.cove-label-meaning{color:var(--ink-muted);font-size:.78rem}.corner{top:calc(env(safe-area-inset-top) + 6px);right:calc(env(safe-area-inset-right) + 8px);gap:8px;display:flex;position:absolute}button{font:inherit;color:inherit}.icon-button,.sheet button{border:1px solid var(--line);background:var(--bg-raised);min-height:48px;color:var(--ink);cursor:pointer;border-radius:10px;padding:.5rem .9rem;font-size:1rem}.corner .icon-button{background:#2b3236bf;border-radius:999px;place-items:center;width:44px;height:44px;min-height:44px;padding:0;display:grid}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.icon-button .speaker{fill:currentColor;stroke:none}.icon-button .slash{display:none}.icon-button[aria-pressed=false]{color:var(--ink-muted)}.icon-button[aria-pressed=false] .waves{display:none}.icon-button[aria-pressed=false] .slash{display:inline}.icon-button:focus-visible,.sheet button:focus-visible,.sheet select:focus-visible,.sheet input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sheet{border:1px solid var(--line);background:var(--bg);width:min(24rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);border-radius:14px;padding:1.25rem}.sheet::backdrop{background:#0f161a73}.sheet h2{margin:0 0 1rem;font-size:1.2rem;font-weight:600}.sheet p{line-height:1.45}.sheet>button{width:100%;margin-top:.6rem;display:block}.sheet button.secondary,.sheet button.quiet{background:0 0}#wet,#cleared{text-align:center}#wet h2,#cleared h2{margin-bottom:.4rem}.sheet-mascot{background-repeat:no-repeat;width:132px;margin:0 auto .4rem}.cove-name{color:var(--accent);letter-spacing:.03em;margin:0;font-weight:600}.cove-meaning{color:var(--ink-muted);margin:0 0 .6rem;font-size:.9rem}.field{justify-content:space-between;align-items:center;gap:1rem;margin-top:.4rem;margin-bottom:.6rem;display:flex}.field input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent);flex:none}.field select{border:1px solid var(--line);background:var(--bg-raised);width:13rem;max-width:62%;min-height:44px;color:var(--ink);font:inherit;border-radius:8px;padding:0 .6rem}.sheet button.cove-button{text-align:left;align-items:center;gap:.6rem;width:13rem;max-width:62%;margin:0;padding:.35rem .7rem;display:flex}.cove-button .cove-thumb{border-radius:4px;flex:none;width:32px;height:40px}.cove-button-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cove-chevron{color:var(--ink-muted);line-height:.6}.cove-sheet{width:min(30rem,100vw - 2rem)}.cove-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem;margin-bottom:.4rem;display:grid}.sheet button.cove-option{justify-items:center;gap:.25rem;width:100%;margin:0;padding:.6rem .4rem .55rem;display:grid}.cove-option .cove-thumb{width:100%;height:96px}.cove-option-name{font-weight:600}.cove-option-meaning{color:var(--ink-muted);font-size:.8rem}.sheet button.cove-option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.next-label{text-align:left;color:var(--ink-muted);margin:1rem 0 .2rem}#cleared #cleared-play{margin-top:.8rem}.install-offer{flex-wrap:wrap;justify-content:center;gap:.25rem 1.2rem;margin-top:.8rem;display:flex}.sheet button.link{width:auto;min-height:44px;color:var(--ink);text-underline-offset:3px;background:0 0;border:none;margin:0;padding:.2rem .3rem;font-size:.95rem;text-decoration:underline;display:inline}.sheet button.quiet-link{color:var(--ink-muted)}.install-tip{color:var(--ink-muted);text-align:center;margin:.4rem 0 0;font-size:.9rem}.about{color:var(--ink-muted);margin:1.1rem 0 .25rem;font-size:.9rem}.about strong{color:var(--ink);font-weight:600}.version{color:var(--ink-muted);letter-spacing:.04em;margin:.2rem 0 0;font-size:.8rem}.label-link{color:var(--ink-muted);margin:.8rem 0 0;font-size:.9rem}.label-link a{color:var(--ink);text-underline-offset:3px}.label-link a:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}.splash{z-index:2000000;padding:calc(1.2rem + env(safe-area-inset-top)) 0 calc(1.2rem + env(safe-area-inset-bottom));text-align:center;cursor:pointer;background:#22333b;grid-template-rows:auto minmax(0,1fr) auto;place-items:center;gap:.6rem;transition:opacity .4s;display:grid;position:fixed;inset:0}.splash.is-leaving{opacity:0;pointer-events:none}.splash p{margin:0}.splash-title{gap:.3rem;padding:0 1rem;display:grid}.splash-name{letter-spacing:.02em;font-size:1.9rem;font-weight:600}.splash-tagline{color:var(--ink-muted)}.splash-art{width:min(640px, 100%, calc((100vh - 11rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 2 / 3));width:min(640px, 100%, calc((100dvh - 11rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 2 / 3));aspect-ratio:1024/1536;object-fit:contain;height:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}@media (min-width:700px){.splash-art{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}}.splash-label{color:var(--ink-muted);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.splash-label img{border-radius:999px;width:28px;height:28px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#cleared .field{text-align:left;margin-top:1rem}.character-choice{gap:.6rem;display:flex}.sheet button.character-option{background-color:var(--bg-raised);background-repeat:no-repeat;border-radius:50%;width:56px;height:56px;min-height:0;margin:0;padding:0}.sheet button.character-option[aria-checked=true]{border:2px solid var(--accent);box-shadow:0 0 0 2px var(--accent)}.menu-divider{border:0;border-top:1px solid var(--line);margin:.7rem 0}.help-list{gap:.6rem;margin:0 0 .4rem;padding-left:1.2rem;line-height:1.45;display:grid}.icon-button .dot{stroke-width:2.6px}
