:root{--paper:#f6f4f0;--ink:#1e5b68;--teal:#17a2b4;--coral:#efa073;--marigold:#f4b02a;--pink:#ef8fa2;--on-coral:#7a3b22;--on-marigold:#5a3a0e;--on-pink:#7a2e45;--on-teal:#f1f8f9;--on-ink:#f6f4f0;--eyebrow-on-paper:#c4602f;--muted:#5e828b;--line:#1e5b6829;--font-display:"Archivo", sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"Space Mono", monospace;--radius:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);margin:0;line-height:1.55}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.02}p{margin:0}.eyebrow,.serif{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-style:normal;font-weight:600}.lead{font-size:clamp(16px,2vw,19px);line-height:1.55}.logo{font-family:var(--font-display);letter-spacing:-.01em;color:currentColor;font-size:19px;font-weight:900;text-decoration:none}.logo span{color:var(--coral)}.navback{cursor:pointer;font-family:var(--font-display);color:currentColor;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:16px;font-weight:700;display:inline-flex}.navback:hover{opacity:.7}.navback-label{text-overflow:ellipsis;white-space:nowrap;max-width:60vw;overflow:hidden}.band--teal .logo span,.band--coral .logo span,.band--marigold .logo span,.band--pink .logo span,.band--ink .logo span,.band--glitter .logo span{color:currentColor}.band--paper{background:var(--paper);color:var(--ink)}.band--paper .eyebrow{color:var(--eyebrow-on-paper)}.band--teal{background:var(--teal);color:var(--on-teal)}.band--teal .eyebrow{color:#cfeff3}.band--coral{background:var(--coral);color:var(--on-coral)}.band--coral .eyebrow{color:var(--on-coral)}.band--marigold{background:var(--marigold);color:var(--on-marigold)}.band--marigold .eyebrow{color:var(--on-marigold)}.band--pink{background:var(--pink);color:var(--on-pink)}.band--pink .eyebrow{color:var(--on-pink)}.band--ink{background:var(--ink);color:var(--on-ink)}.band--ink .eyebrow{color:#cfe6ea}.band--glitter{color:#1e5b68;background:#eba079 url(/pink-glitter-tile.png) 50%/cover no-repeat}.band--glitter .eyebrow{color:#1e5b68}.muted{color:currentColor;opacity:.72}.btn{font-family:var(--font-display);border-radius:var(--radius);color:inherit;cursor:pointer;background:0 0;border:1.5px solid;padding:11px 18px;font-size:15px;font-weight:700;text-decoration:none;transition:transform 80ms,opacity .15s,background .15s;display:inline-block}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--teal);color:var(--paper);border-color:var(--teal)}.btn-primary:hover:not(:disabled){opacity:.92}.btn-cream{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn-ghost{border-color:currentColor}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb, currentColor 10%, transparent)}.btn-selected{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-lg{padding:14px 26px;font-size:17px}.btn-commit{isolation:isolate;position:relative;overflow:hidden}.btn-commit-fill{z-index:-1;background:#ffffff4d;position:absolute;inset:0}.btn-commit-label{position:relative}.btn-row{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.btn-row>.btn,.btn-row>.option-row-action{text-align:center;flex:1 1 0;min-width:0}.btn-row>.btn-row-fixed{flex:none}.btn-row--auto>.btn{flex:0 auto}.option-row{box-sizing:border-box;width:100%}.option-row-content{text-align:left;white-space:normal;word-break:break-word;align-items:center;gap:6px;min-height:32px;padding:6px 12px;font-size:13px;display:flex}.option-row--player{min-height:48px;padding:11px 18px;font-size:15px;display:block}.option-row--dashed{border:1px dashed var(--line);cursor:default}.option-row-action{border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:600}.card{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:12px;padding:22px}.card .eyebrow{color:var(--eyebrow-on-paper)}.sticker,.stamp{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:5px;padding:6px 11px;font-size:12px;font-weight:700;display:inline-block}.sticker{background:var(--ink);color:var(--paper);transform:rotate(-3deg)}.stamp--ink{background:var(--ink);color:var(--paper)}.stamp--outline{border:1.5px solid}.field{width:100%;font-family:var(--font-body);border-radius:var(--radius);border:1.5px solid var(--ink);color:var(--ink);background:#fff;outline:none;padding:12px 14px;font-size:16px}.field:focus{border-color:var(--teal);box-shadow:0 0 0 3px #17a2b42e}@keyframes reaction-float-up{0%{opacity:0;transform:translateY(0)rotate(-4deg)}15%{opacity:1}to{opacity:0;transform:translateY(-220px)rotate(-4deg)}}.reaction-float{animation:3.2s ease-out forwards reaction-float-up}@keyframes rc-stage-in{0%{opacity:0;transform:translateY(-.35em)rotateX(70deg)}60%{opacity:1}to{opacity:1;transform:translateY(0)rotateX(0)}}.rc-stage-in{transform-origin:bottom;animation:.42s cubic-bezier(.22,1,.36,1) both rc-stage-in;display:inline-block}@media (prefers-reduced-motion:reduce){.rc-stage-in{animation:none}}
