:root{--wash:oklch(95.5% .045 122);--ink:oklch(16% 0 0);--muted:oklch(34% .03 125);--paper:oklch(100% 0 0);--tomato:oklch(67% .2 32);--cobalt:oklch(47% .2 263);--lime:oklch(89% .19 125);--display:"Unbounded", system-ui, sans-serif;--body:"Chivo", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--wash);color:var(--ink);font:400 16px/1.5 var(--body);-webkit-tap-highlight-color:transparent;margin:0}#app{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;padding:24px 16px 0;display:flex}h1{font:800 34px/1.15 var(--display);overflow-wrap:anywhere;margin:0 0 12px}h1:focus{outline:none}h2,legend{font:700 18px/1.3 var(--display);margin:0 0 12px;padding:0}p{margin:0 0 16px}.lede{font-size:18px}.muted{color:var(--muted)}.count{font:400 16px var(--body);color:var(--muted);margin-left:6px}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn{border:3px solid var(--ink);background:var(--tomato);width:100%;min-height:56px;box-shadow:4px 4px 0 var(--ink);font:700 18px/1.2 var(--display);border-radius:14px;padding:12px 20px;transition:transform .16s ease-out}.btn.secondary{background:var(--paper);box-shadow:none}.btn:disabled{background:var(--wash);color:var(--muted);box-shadow:none;cursor:default;border-style:dashed}.btn:active:not(:disabled),button.row:active,.chip:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled),button.row:hover{transform:translateY(-1px)}}.actions{padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:var(--wash);flex-direction:column;gap:12px;margin:auto -16px 0;display:flex;position:sticky;bottom:0}.actions.pair{flex-direction:row}section{margin-bottom:28px}fieldset{border:0;min-inline-size:0;margin:0 0 28px;padding:0}.add label{margin-bottom:6px;font-weight:700;display:block}.add-row{gap:10px;display:flex}.add-row .btn{flex:none;width:auto}#name{border:2.5px solid var(--ink);background:var(--paper);min-width:0;min-height:56px;color:var(--ink);font:400 18px var(--body);border-radius:12px;flex:1;padding:0 14px}.error{color:var(--ink);margin:8px 0 0;font-weight:700}.stickers{flex-wrap:wrap;gap:12px 10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.sticker{border:2.5px solid var(--ink);background:var(--paper);max-width:100%;box-shadow:3px 3px 0 var(--ink);border-radius:12px;align-items:center;padding-left:14px;font-weight:700;display:flex;rotate:-1.5deg}.sticker:nth-child(2n){rotate:1.5deg}.sticker span{overflow-wrap:anywhere}.sticker button{min-height:44px;color:var(--muted);background:0 0;border:0;padding:0 12px;font-weight:400;text-decoration:underline}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border:2.5px solid var(--ink);background:var(--paper);min-height:44px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;padding:0 16px;font-weight:700;transition:transform .16s ease-out;display:inline-flex;position:relative}.chip input{opacity:0;pointer-events:none;position:absolute}.chip:has(input:checked){background:var(--lime)}.mode .chip:has(input:checked){background:var(--cobalt);color:var(--paper)}.chip:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:3px}.rule{margin:12px 0 0}.toggle{border:2.5px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.toggle input{width:24px;height:24px;accent-color:var(--ink);flex:none;margin:0}.toggle .hint{color:var(--muted);display:block}.stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:24px 0;display:flex}.stage .muted{margin:0}.cover{aspect-ratio:1;border:3px solid var(--ink);background:var(--lime);width:min(78vw,340px);box-shadow:5px 5px 0 var(--ink);border-radius:50%;place-items:center;padding:28px;display:grid;rotate:-8deg}.cover h1{margin:0;font-size:26px}.who{font-size:34px;display:block}.card{border:3px solid var(--ink);background:var(--paper);width:100%;box-shadow:6px 6px 0 var(--ink);-webkit-user-select:none;user-select:none;border-radius:20px;padding:32px 22px;rotate:1.5deg}.card.imp{background:var(--tomato);rotate:-1.5deg}.card .big{margin:0;font-size:36px}.card p{margin:16px 0 0;font-size:18px}.card.win{background:var(--lime);margin:8px 0 20px;padding:22px}.card.win.imp{background:var(--tomato)}.card.win h1{margin:0}mark{background:var(--lime);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:10px;padding:0 6px}.rows{flex-direction:column;gap:10px;margin:8px 0 16px;padding:0;list-style:none;display:flex}.row{border:2.5px solid var(--ink);background:var(--paper);width:100%;min-height:56px;box-shadow:3px 3px 0 var(--ink);text-align:left;overflow-wrap:anywhere;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-weight:700;transition:transform .16s ease-out;display:flex}.row[aria-pressed=true]{background:var(--lime)}.tag,.badge{border:2.5px solid var(--ink);background:var(--paper);border-radius:10px;flex:none;padding:2px 10px;font-weight:700}.badge{background:var(--cobalt);color:var(--paper)}.badge.imp{background:var(--tomato);color:var(--ink)}.word{font-size:18px}@media (width>=600px){#app{padding-top:40px}h1{font-size:56px}.card .big{font-size:48px}.cover h1{font-size:30px}.who,.card.win h1{font-size:44px}}@media (width>=900px){#app[data-screen=setup]{max-width:1000px}.setup{grid-template-columns:1fr 1fr;gap:48px;display:grid}#app[data-screen=setup] .actions{align-items:flex-end}#app[data-screen=setup] .actions .btn{max-width:460px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.btn:active:not(:disabled),button.row:active,.chip:active,.btn:hover:not(:disabled),button.row:hover{transform:none}}
