@charset "UTF-8";:root{color-scheme:light;--bg: #fff8ec;--surface: #ffffff;--surface-alt: #f4eddd;--surface-track: #eae1cb;--border: #e4dbc7;--border-strong: #8c826b;--shadow-edge: #e4dbc7;--shadow: 0 12px 32px rgb(42 39 64 / 12%);--text: #2a2740;--text-muted: #5e5a76;--text-placeholder: #66627e;--primary: #4f46e5;--primary-strong: #3b32c9;--primary-soft: #e9e7ff;--primary-contrast: #ffffff;--focus: #3b32c9;--letter: #ffc83d;--letter-ink: #2a2740;--letter-edge: #a8730a;--accent-coral: #ff6b3d;--success: #167a40;--success-ink: #135f34;--success-soft: #ddf7e6;--success-fill: #3ecb6f;--warning: #8f5400;--warning-ink: #6e4100;--warning-soft: #fff0c2;--warning-fill: #f5a623;--danger: #c4232f;--danger-ink: #a11b27;--danger-soft: #ffe1e3;--danger-fill: #ff7a85;--avatar-0: #ffb39b;--avatar-1: #9fe6c2;--avatar-2: #9ed5ff;--avatar-3: #c7c0ff;--avatar-4: #ffb8d9;--avatar-5: #ffc998;--avatar-6: #9ae8e1;--avatar-7: #d2ec8f;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .42s;--transition-highlight: .18s ease-out;--font: "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Fredoka", "Nunito", "Segoe UI", system-ui, sans-serif;--topbar-h: 0px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #1e1b3a;--surface: #2a2652;--surface-alt: #353066;--surface-track: #17142f;--border: #4a4484;--border-strong: #8a83c9;--shadow-edge: #15122e;--shadow: 0 12px 32px rgb(0 0 0 / 45%);--text: #f6f3ff;--text-muted: #bfb9e2;--text-placeholder: #a29cd3;--primary: #8f87ff;--primary-strong: #aba5ff;--primary-soft: #3a3480;--primary-contrast: #15122e;--focus: #ffd166;--letter: #ffc83d;--letter-ink: #2a2740;--letter-edge: #b8860b;--accent-coral: #ff9b7a;--success: #5ee0a0;--success-ink: #8df0be;--success-soft: #1f4a3a;--success-fill: #3ecb6f;--warning: #ffd166;--warning-ink: #ffe29a;--warning-soft: #4a3d1a;--warning-fill: #f5a623;--danger: #ff8085;--danger-ink: #ffa5a8;--danger-soft: #4a2230;--danger-fill: #ff7a85;--avatar-0: #ffb39b;--avatar-1: #9fe6c2;--avatar-2: #9ed5ff;--avatar-3: #c7c0ff;--avatar-4: #ffb8d9;--avatar-5: #ffc998;--avatar-6: #9ae8e1;--avatar-7: #d2ec8f}}:root[data-theme=dark]{color-scheme:dark;--bg: #1e1b3a;--surface: #2a2652;--surface-alt: #353066;--surface-track: #17142f;--border: #4a4484;--border-strong: #8a83c9;--shadow-edge: #15122e;--shadow: 0 12px 32px rgb(0 0 0 / 45%);--text: #f6f3ff;--text-muted: #bfb9e2;--text-placeholder: #a29cd3;--primary: #8f87ff;--primary-strong: #aba5ff;--primary-soft: #3a3480;--primary-contrast: #15122e;--focus: #ffd166;--letter: #ffc83d;--letter-ink: #2a2740;--letter-edge: #b8860b;--accent-coral: #ff9b7a;--success: #5ee0a0;--success-ink: #8df0be;--success-soft: #1f4a3a;--success-fill: #3ecb6f;--warning: #ffd166;--warning-ink: #ffe29a;--warning-soft: #4a3d1a;--warning-fill: #f5a623;--danger: #ff8085;--danger-ink: #ffa5a8;--danger-soft: #4a2230;--danger-fill: #ff7a85;--avatar-0: #ffb39b;--avatar-1: #9fe6c2;--avatar-2: #9ed5ff;--avatar-3: #c7c0ff;--avatar-4: #ffb8d9;--avatar-5: #ffc998;--avatar-6: #9ae8e1;--avatar-7: #d2ec8f}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:1rem;font-weight:500;line-height:1.5;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}body.sheet-open{overflow:hidden}h1,h2,h3{margin:0;line-height:1.15}h1,h2,.display{font-family:var(--font-display);font-weight:700;font-style:normal;letter-spacing:0}a{color:var(--primary-strong);text-underline-offset:.15em}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.6rem 1.25rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-family:var(--font);font-weight:800;font-size:1rem;line-height:1.2;text-decoration:none;box-shadow:0 4px 0 var(--shadow-edge);transition:background-color var(--transition-highlight),border-color var(--transition-highlight),color var(--transition-highlight),box-shadow var(--dur-fast) ease-out,transform var(--dur-fast) ease-out;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:none}.btn:disabled{background:var(--surface-alt);border-color:var(--border);color:var(--text-muted);box-shadow:0 4px 0 var(--border);cursor:not-allowed}.btn-sm{min-height:2.75rem;padding:.35rem .85rem;font-size:.9rem;box-shadow:0 3px 0 var(--shadow-edge)}.btn-sm:active:not(:disabled){transform:translateY(3px)}.btn-primary{background:var(--primary);border-color:var(--primary-strong);color:var(--primary-contrast);box-shadow:0 4px 0 var(--primary-strong)}.btn-sm.btn-primary{box-shadow:0 3px 0 var(--primary-strong)}.btn-primary:hover:not(:disabled){background:var(--primary-strong);border-color:var(--primary-strong)}.btn-ghost{background:transparent;border-color:transparent;color:var(--primary-strong);box-shadow:none}.btn-ghost:hover:not(:disabled){border-color:transparent;text-decoration:underline;text-underline-offset:.2em}.btn-ghost:active:not(:disabled){transform:none}.btn.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong);box-shadow:0 4px 0 var(--primary)}.btn-sm.on{box-shadow:0 3px 0 var(--primary)}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.875rem;font-weight:800;color:var(--text)}.input{width:100%;min-height:3rem;padding:.65rem .95rem;border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-weight:700;transition:border-color var(--transition-highlight),background-color var(--transition-highlight)}.input::placeholder{color:var(--text-placeholder);font-weight:500;opacity:1}.input:focus-visible{border-color:var(--primary)}.input[aria-invalid=true],.input.is-invalid{border-color:var(--danger);animation:shake .3s ease-out}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 0 var(--shadow-edge)}.muted{color:var(--text-muted)}.error{color:var(--danger-ink);font-size:.9rem;font-weight:700}.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .6rem;border:1.5px solid var(--border);border-radius:999px;background:var(--surface-alt);color:var(--text-muted);font-size:.75rem;font-weight:800;line-height:1.4;letter-spacing:0;text-transform:none;white-space:nowrap}.tag svg{width:.85em;height:.85em;flex:none}.tag.unique{background:var(--success-soft);border-color:var(--success);color:var(--success-ink)}.tag.tied{background:var(--warning-soft);border-color:var(--warning);color:var(--warning-ink)}.tag.zero{background:var(--surface-alt);border-color:var(--border);color:var(--text-muted)}.tag.beta{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.tag.you{background:var(--surface);border-color:var(--primary);color:var(--primary-strong)}.tag.host{background:var(--letter);border-color:var(--letter-edge);color:var(--letter-ink)}.tag.danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-ink)}.tile{--tile-size: 2.75rem;display:inline-grid;place-items:center;flex:none;width:var(--tile-size);height:var(--tile-size);border:2px solid var(--letter-edge);border-radius:24%;background:var(--letter);color:var(--letter-ink);box-shadow:0 4px 0 var(--letter-edge),inset 0 -3px color-mix(in srgb,var(--letter-edge) 30%,transparent);font-family:var(--font-display);font-weight:700;font-style:normal;font-size:calc(var(--tile-size) * .55);line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none}.tile-sm{--tile-size: 1.75rem;box-shadow:0 2px 0 var(--letter-edge);font-size:calc(var(--tile-size) * .6)}.tile-lg{--tile-size: 6rem;box-shadow:0 6px 0 var(--letter-edge),inset 0 -5px color-mix(in srgb,var(--letter-edge) 30%,transparent)}.tile-primary{background:var(--primary);border-color:var(--primary-strong);color:var(--primary-contrast);box-shadow:0 4px 0 var(--primary-strong)}.tile-ghost{background:var(--surface-alt);border:2px dashed var(--border-strong);color:var(--text-muted);box-shadow:none;animation:breathe 2.4s ease-in-out infinite}.tile-invalid{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-ink);box-shadow:0 4px 0 var(--danger);animation:shake .3s ease-out}.tile-played{opacity:.6;text-decoration:line-through}.chip{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:.45rem 1rem;border:2px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-weight:800;font-size:.95rem;line-height:1.2;text-align:left;box-shadow:0 3px 0 var(--shadow-edge);transition:background-color var(--transition-highlight),border-color var(--transition-highlight),color var(--transition-highlight),box-shadow var(--dur-fast) ease-out,transform var(--dur-fast) ease-out;-webkit-tap-highlight-color:transparent}.chip:is(button,a):hover:not(:disabled){border-color:var(--border-strong)}.chip:is(button,a):active:not(:disabled){transform:translateY(3px);box-shadow:none}.chip.on{background:var(--primary);border-color:var(--primary-strong);color:var(--primary-contrast);box-shadow:0 3px 0 var(--primary-strong);animation:pop var(--dur) var(--ease-spring)}.chip.flat,.chip.flat.on{box-shadow:none;animation:none}.chip:disabled{background:var(--surface-alt);color:var(--text-muted);box-shadow:0 3px 0 var(--border);cursor:not-allowed}.pick:not(input){display:grid;gap:.2rem;text-align:left;padding:.8rem .9rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:0 4px 0 var(--shadow-edge);transition:background-color var(--transition-highlight),border-color var(--transition-highlight),box-shadow var(--dur-fast) ease-out,transform var(--dur-fast) ease-out;-webkit-tap-highlight-color:transparent}.pick:not(input):hover:not(:disabled){border-color:var(--border-strong)}.pick:not(input):active:not(:disabled){transform:translateY(4px);box-shadow:none}.pick.on:not(input){background:var(--primary-soft);border-color:var(--primary);box-shadow:0 4px 0 var(--primary);animation:pop var(--dur) var(--ease-spring)}.stamp{display:inline-block;padding:.2em .6em;border:3px solid currentColor;border-radius:.35em;color:var(--text);font-family:var(--font-display);font-weight:700;font-size:1.5rem;line-height:1;letter-spacing:.04em;text-transform:uppercase;rotate:-6deg;animation:stamp var(--dur-slow) var(--ease-spring) both}.stamp-success{color:var(--success)}.stamp-danger{color:var(--danger)}.stamp-primary{color:var(--primary-strong)}.stamp.flat{rotate:0deg}.pips{display:inline-flex;align-items:center;gap:.4rem}.pip{display:inline-block;width:.625rem;height:.625rem;border:2px solid var(--border-strong);border-radius:999px;background:var(--surface-alt)}.pip.done{background:var(--primary);border-color:var(--primary)}.pip.now{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);animation:heartbeat 1.2s ease-in-out infinite}.stripe-track{position:relative;height:1.25rem;border:2px solid var(--border-strong);border-radius:999px;background:var(--surface-track);overflow:hidden}.stripe-fill{--stripe-a: var(--success-fill);--stripe-b: var(--success);--shimmer-shift: 1.25rem;height:100%;width:100%;border-radius:inherit;background-color:var(--stripe-a);background-image:linear-gradient(45deg,var(--stripe-b) 25%,transparent 25% 50%,var(--stripe-b) 50% 75%,transparent 75%);background-size:1.25rem 1.25rem;transition:width .2s linear,background-color var(--dur) ease-out}.stripe-fill.is-mid{--stripe-a: var(--warning-fill);--stripe-b: var(--warning)}.stripe-fill.is-low{--stripe-a: var(--danger-fill);--stripe-b: var(--danger)}.stripe-fill.is-primary{--stripe-a: var(--primary);--stripe-b: var(--primary-strong)}.stripe-fill.is-indeterminate{width:100%;animation:shimmer .7s linear infinite}.sheet-scrim{position:fixed;inset:0;z-index:50;background:color-mix(in srgb,var(--letter-ink) 45%,transparent);animation:fade var(--dur) ease-out}.toast{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:60;translate:-50% 0;display:inline-flex;align-items:center;gap:.6rem;max-width:min(92vw,28rem);padding:.7rem 1.1rem;border:2px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-weight:700;box-shadow:0 4px 0 var(--shadow-edge),var(--shadow);animation:rise var(--dur) var(--ease-out)}.toast svg{width:1.1em;height:1.1em;flex:none}.toast-success{border-color:var(--success)}.toast-danger{border-color:var(--danger)}.toast .btn-ghost{min-height:2rem;padding:0 .4rem}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;text-transform:none;letter-spacing:normal}.legal{color:var(--text-muted);line-height:1.65}.legal h2{margin:1.75rem 0 .6rem;font-size:1.15rem;color:var(--text)}.legal h2:first-child{margin-top:0}.legal p,.legal ul{margin:0 0 .85rem}.legal ul{padding-left:1.15rem}.legal li{margin-bottom:.45rem}.legal strong{color:var(--text)}.legal a{color:var(--primary-strong)}.legal code{padding:.1rem .3rem;border-radius:4px;background:var(--surface-alt);color:var(--text);font-size:.85em}@property --to{syntax: "<integer>"; initial-value: 0; inherits: true;}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes pop-in{0%{transform:scale(0);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes stamp{0%{transform:scale(1.4);opacity:0}70%{transform:scale(.96);opacity:1}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes flip-in{0%{transform:perspective(600px) rotateX(90deg);opacity:0}60%{transform:perspective(600px) rotateX(-12deg);opacity:1}to{transform:perspective(600px) rotateX(0);opacity:1}}@keyframes roll{to{transform:translateY(-88.8889%)}}@keyframes shimmer{to{background-position:var(--shimmer-shift, 1.25rem) 0}}@keyframes heartbeat{0%,to{transform:scale(1)}30%{transform:scale(1.08)}}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 0 var(--pulse-color, var(--danger-soft))}50%{box-shadow:0 0 0 6px var(--pulse-color, var(--danger-soft))}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}@media(forced-colors:active){.tile,.chip,.pick:not(input),.btn,.card,.stripe-track,.toast{border-color:CanvasText;box-shadow:none}.tile-ghost{border-style:dashed}.chip.on,.btn.on,.pick.on:not(input),.pip.done,.pip.now,.stripe-fill{forced-color-adjust:none;background:Highlight;border-color:Highlight;color:HighlightText}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;animation-delay:0ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}