.locket-stage{background:radial-gradient(ellipse 90% 42% at 50% -8%, color-mix(in oklab, var(--color-brass) 16%, transparent), transparent 62%), #16130f;color:var(--color-cream);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.locket-stage :focus-visible{outline:2px solid var(--color-brass);outline-offset:3px}.locket-stage section,main.locket-stage section+section{border-top:0}.locket-root{--radius-lock:1.35rem}.locket-root.locket-play{height:calc(100dvh - var(--locket-top,4rem));max-height:calc(100dvh - var(--locket-top,4rem));overflow:hidden}.locket-root.locket-rest{min-height:calc(100dvh - var(--locket-top,4rem))}.locket-root .mast{grid-template-columns:5.5rem 1fr 5.5rem;align-items:center;display:grid}.locket-root .key-hint{display:none}@media (min-width:720px){.locket-root .key-hint{display:block}}.locket-root .plate{background:linear-gradient(180deg, color-mix(in oklab, var(--color-brass) 9%, transparent), transparent 34%), var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-lock);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-cream) 14%, transparent), 0 18px 40px #00000059}@supports (color:lab(0% 0 0)){.locket-root .plate{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-cream) 14%, transparent), 0 18px 40px lab(0% 0 0/.35)}}.locket-root .socket{border:1.5px solid color-mix(in oklab, var(--color-brass) 68%, var(--color-line));background:color-mix(in oklab, var(--color-bg-deep) 78%, var(--color-brass));border-radius:999px;place-items:center;width:3.25rem;height:3.25rem;display:grid;position:relative;box-shadow:inset 0 2px 5px #000000a6;box-shadow:inset 0 2px 5px lab(0% 0 0/.65)}.locket-root .socket.is-next{animation:1.6s ease-in-out infinite socket-wait}.locket-root .socket:has([data-gem=ember]){--socket:var(--color-gem-ember)}.locket-root .socket:has([data-gem=honey]){--socket:var(--color-gem-honey)}.locket-root .socket:has([data-gem=pine]){--socket:var(--color-gem-pine)}.locket-root .socket:has([data-gem=ink]){--socket:var(--color-gem-ink)}.locket-root .socket:has([data-gem=clay]){--socket:var(--color-gem-clay)}.locket-root .socket:has([data-gem=mist]){--socket:var(--color-gem-mist)}.locket-root .socket:has([data-gem]){border-color:var(--socket);background:color-mix(in oklab, var(--socket) 24%, var(--color-bg-deep));box-shadow:inset 0 2px 5px #00000073, 0 0 12px color-mix(in oklab, var(--socket) 48%, transparent);border-width:2.5px}@supports (color:lab(0% 0 0)){.locket-root .socket:has([data-gem]){box-shadow:inset 0 2px 5px lab(0% 0 0/.45), 0 0 12px color-mix(in oklab, var(--socket) 48%, transparent)}}.locket-root .reading{justify-content:center;align-items:center;width:2.6rem;min-height:2.4rem;display:flex}.locket-root .gem{width:2.65rem;height:2.65rem;display:block}.locket-root .reading-card{flex-direction:column;gap:.28rem;display:flex}.locket-root .reading-line{font-variant-numeric:tabular-nums;align-items:center;gap:.28rem;font-size:.8rem;font-weight:700;line-height:1;display:flex}.locket-root .pip{box-sizing:border-box;border-radius:999px;flex:none;width:.85rem;height:.85rem}.locket-root .pip-set{background:var(--color-set);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-set) 70%, black), 0 0 8px color-mix(in oklab, var(--color-set) 75%, transparent)}.locket-root .pip-loose{border:2.5px solid var(--color-loose);box-shadow:0 0 8px color-mix(in oklab, var(--color-loose) 65%, transparent);background:0 0}.locket-root .pip-empty{background:color-mix(in oklab, var(--color-bg-deep) 70%, transparent);border:2px solid color-mix(in oklab, var(--color-line) 90%, transparent)}.locket-root .icon-btn{width:2.75rem;height:2.75rem;color:var(--color-cream);touch-action:manipulation;border-radius:999px;place-items:center;display:grid}.locket-root .icon-btn:hover{background:color-mix(in oklab, var(--color-cream) 8%, transparent)}.locket-root .tabs{border:1px solid var(--color-line);background:var(--color-bg-deep);border-radius:999px;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;display:grid}.locket-root .tab{min-height:2.75rem;color:var(--color-mute);border-radius:999px;font-weight:600}.locket-root .tab[aria-selected=true]{background:var(--color-panel-2);color:var(--color-cream);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-brass) 50%, transparent)}.locket-root .level-tabs{border:1px solid var(--color-line);background:var(--color-bg-deep);border-radius:999px;grid-template-columns:.8fr 1.45fr .8fr;gap:.25rem;padding:.25rem;display:grid}.locket-root .level-tab{min-height:2.75rem;color:var(--color-mute);border-radius:999px;font-size:.8rem;font-weight:600;line-height:1.1}.locket-root .level-tab[aria-selected=true]{background:var(--color-panel-2);color:var(--color-cream);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-brass) 50%, transparent)}.locket-root .level-tries{color:var(--color-mute);font-variant-numeric:tabular-nums;margin-left:.3rem;font-size:.75rem;font-weight:600}.locket-root .level-tab[aria-selected=true] .level-tries{color:var(--color-brass)}.locket-root .btn{touch-action:manipulation;border-radius:999px;min-height:3rem;padding:0 1.25rem;font-weight:600}.locket-root .btn-primary{background:var(--color-brass);color:var(--color-bg-deep)}.locket-root .btn-primary:hover{background:color-mix(in oklab, var(--color-brass) 86%, white)}.locket-root .btn-ghost{border:1px solid var(--color-line);color:var(--color-cream);background:0 0}.locket-root .btn-ghost:hover{border-color:color-mix(in oklab, var(--color-brass) 55%, var(--color-line))}.locket-root .btn.is-dim{opacity:.45}.locket-root .tray-gem{touch-action:manipulation;border-radius:.9rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:100%;min-height:4.75rem;display:flex;position:relative}.locket-root .tray-gem:has([data-gem=ember]){--socket:var(--color-gem-ember)}.locket-root .tray-gem:has([data-gem=honey]){--socket:var(--color-gem-honey)}.locket-root .tray-gem:has([data-gem=pine]){--socket:var(--color-gem-pine)}.locket-root .tray-gem:has([data-gem=ink]){--socket:var(--color-gem-ink)}.locket-root .tray-gem:has([data-gem=clay]){--socket:var(--color-gem-clay)}.locket-root .tray-gem:has([data-gem=mist]){--socket:var(--color-gem-mist)}.locket-root .tray-gem:has([data-gem]){background:color-mix(in oklab, var(--socket) 16%, transparent)}.locket-root .tray-gem:hover{background:color-mix(in oklab, var(--color-cream) 6%, transparent)}.locket-root .tray-gem:active{transform:scale(.96)}.locket-root .tray-gem.is-out{opacity:.32;filter:grayscale(.75)}.locket-root .row-won{background:color-mix(in oklab, var(--color-brass) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-brass) 45%, transparent);border-radius:999px}.locket-root .switch{border:1px solid var(--color-line);background:var(--color-bg-deep);border-radius:999px;flex:none;width:2.75rem;height:1.7rem;position:relative}.locket-root .switch span{background:var(--color-mute);border-radius:999px;width:1.25rem;height:1.25rem;transition:transform .16s;position:absolute;top:.15rem;left:.15rem}.locket-root .switch.on{border-color:var(--color-brass);background:color-mix(in oklab, var(--color-brass) 35%, var(--color-bg-deep))}.locket-root .switch.on span{background:var(--color-brass);transform:translate(1.05rem)}.locket-root .share-text{-webkit-user-select:text;user-select:text;white-space:pre}.locket-root .locket-rattle{animation:.36s locket-rattle}.locket-root .pip-in{animation:.22s backwards pip-in}@keyframes locket-rattle{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes pip-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes socket-wait{0%,to{border-color:color-mix(in oklab, var(--color-brass) 32%, transparent)}50%{border-color:var(--color-brass)}}@media (prefers-reduced-motion:reduce){.locket-root .locket-rattle,.locket-root .pip-in,.locket-root .socket.is-next{animation:none}.locket-root .socket.is-next{border-color:var(--color-brass)}.locket-root .switch span,.locket-root .tray-gem:active{transition:none;transform:none}}