:root{--cream: #fdf1d7;--cream-2: #f6e6c4;--cherry: #e0312f;--cherry-dk: #b32220;--teal: #17a9a0;--teal-dk: #0e7f78;--mustard: #ffc63f;--ink: #24140e;--paper: #fffaf0;--muted: #8a6f5a;--card: 66px;--line: 3px solid var(--ink);--pop: 4px 4px 0 var(--ink);--pop-sm: 3px 3px 0 var(--ink);--radius: 14px;font-family:Rubik,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at 1px 1px,rgba(36,20,14,.075) 1px,transparent 1.6px) 0 0/18px 18px,var(--cream);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Alfa Slab One,serif;font-weight:400;margin:0}.muted{color:var(--muted)}.dot{width:11px;height:11px;border-radius:50%;display:inline-block;border:2px solid var(--ink)}.checker{height:14px;border-block:var(--line);background:repeating-conic-gradient(var(--ink) 0% 25%,var(--paper) 0% 50%) 0 0/16px 16px}.btn{font:700 15px Rubik;letter-spacing:.01em;border:var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:12px 16px;cursor:pointer;box-shadow:var(--pop-sm);transition:transform .1s ease,box-shadow .1s ease,background .15s ease,opacity .2s ease}.btn:hover:not(:disabled){background:#fff}.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.35;cursor:default;box-shadow:none}.btn:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.btn--big{width:100%;padding:15px;font-size:17px}.btn--accent{background:var(--cherry);color:var(--paper)}.btn--accent:hover:not(:disabled){background:#ef4341}.btn--ghost{box-shadow:none;background:transparent}.btn--ghost:active:not(:disabled){transform:none}.btn--sm{padding:8px 12px;font-size:13px;border-width:2.5px}.menu{max-width:560px;margin:0 auto;padding:30px 20px 60px}.brand{text-align:center;margin-bottom:20px}.brand__hero{width:104px;height:104px;margin:0 auto 6px;display:block;object-fit:contain;filter:drop-shadow(4px 5px 0 rgba(36,20,14,.9));animation:bob 3.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}.brand h1{font-size:46px;line-height:1;color:var(--cherry);text-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:1px var(--ink)}.brand__tag{margin:8px 0 0;font-weight:600;color:var(--teal-dk);text-transform:uppercase;letter-spacing:.14em;font-size:12px}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;margin:16px 0 22px}.legend__item{display:flex;align-items:center;gap:7px}.legend__chip{width:34px;height:34px;border-radius:10px;border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);display:grid;place-items:center}.legend__chip img{width:100%;height:100%;object-fit:contain;padding:2px}.legend__name{font-size:12.5px;font-weight:600}.menu__card{background:var(--paper);border:var(--line);border-radius:var(--radius);box-shadow:var(--pop);padding:20px;display:grid;gap:14px}.field>span{display:block;font:700 12px Rubik;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.seg{display:flex;gap:0;border:var(--line);border-radius:11px;overflow:hidden}.seg__opt{flex:1;border:0;background:var(--paper);color:var(--muted);padding:11px;font:700 14px Rubik;cursor:pointer}.seg__opt+.seg__opt{border-left:var(--line)}.seg__opt.is-on{background:var(--mustard);color:var(--ink)}.divider{text-align:center;font:700 11px Rubik;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.divider:before,.divider:after{content:"";height:2.5px;background:var(--ink);opacity:.18;border-radius:2px}.join{display:flex;gap:10px}.input{flex:1;background:#fff;border:var(--line);border-radius:11px;padding:12px 14px;font:700 18px Space Mono;letter-spacing:.2em;text-align:center;color:var(--ink);box-shadow:inset 2px 2px #24140e14}.input:focus-visible{outline:3px solid var(--teal);outline-offset:1px}.note{color:var(--muted);font-size:13px;line-height:1.5;margin:2px 0 0}.note code{font-family:Space Mono;color:var(--cherry)}.err{color:var(--cherry-dk);font-weight:600;font-size:13px;margin:0}.app{max-width:1250px;margin:0 auto;padding:12px 12px 30px;min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.room{font-size:13px;color:var(--muted);font-weight:600}.room b{font-family:Space Mono;color:var(--ink);letter-spacing:.12em;background:var(--mustard);border:2px solid var(--ink);border-radius:6px;padding:1px 6px}.turn{font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}.turn .dot{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.final-lap{color:var(--cherry);text-transform:uppercase;letter-spacing:.06em}.ticket{position:relative;background:var(--paper);border:var(--line);border-radius:6px;box-shadow:var(--pop);padding:0 0 10px;margin-bottom:16px;overflow:hidden}.ticket__perf{display:none}.ticket__head{display:flex;justify-content:space-between;align-items:center;background:var(--cherry);color:var(--paper);padding:8px 14px;border-bottom:var(--line)}.ticket__shop{font-family:Alfa Slab One;font-size:15px;letter-spacing:.05em}.ticket__mode{font:700 10px Space Mono;letter-spacing:.18em;background:var(--ink);padding:3px 8px;border-radius:20px}.ticket__scores{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px 8px}.ticket__score{display:flex;align-items:center;gap:8px;font-size:15px}.ticket__name{font-weight:700}.ticket__pts{margin-left:auto;font:700 24px Space Mono;line-height:1}.ticket__score.is-lead .ticket__pts{color:var(--cherry)}.pts-bump{animation:bump .45s cubic-bezier(.2,1.6,.4,1);display:inline-block}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.5) rotate(-4deg)}to{transform:scale(1)}}.ticket__log{border-top:2.5px dashed rgba(36,20,14,.35);margin:0 14px;padding-top:8px;display:grid;gap:5px;min-height:22px}.ticket__row{display:grid;grid-template-columns:14px 1fr auto auto 14px;gap:8px;align-items:center;font:500 12.5px Space Mono;animation:slidein .3s ease}@keyframes slidein{0%{opacity:0;transform:translateY(-6px)}}.ticket__flav{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.swatch{width:14px;height:14px;border-radius:4px;border:2px solid var(--ink)}.ticket__log .muted{color:var(--muted)}.board-wrap{overflow:auto;padding:14px;margin-bottom:14px;flex:1 1 auto;min-height:300px;display:flex;align-items:center;justify-content:center;background:var(--teal);border:var(--line);border-radius:var(--radius);box-shadow:var(--pop),inset 0 0 0 3px #ffffff38}.board{display:grid;gap:4px;margin:0 auto;width:max-content}.card{width:var(--card);height:var(--card);border-radius:9px;overflow:hidden}.card--placed{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border:2.5px solid var(--ink);box-shadow:2.5px 2.5px #24140e8c;animation:drop .28s cubic-bezier(.2,1.5,.4,1)}@keyframes drop{0%{transform:scale(.6) rotate(-6deg);opacity:0}70%{transform:scale(1.07) rotate(1.5deg)}to{transform:scale(1);opacity:1}}.card--empty{background:#ffffff21;border-radius:7px;border:2px dashed rgba(255,255,255,.28)}.card--target{padding:0;border:3px dashed rgba(255,255,255,.65);background:#ffffff1f;border-radius:9px;cursor:pointer;display:grid;place-items:center;position:relative;transition:background .15s ease,border-color .15s ease,transform .15s ease;animation:targetin .3s cubic-bezier(.2,1.4,.4,1) both}.card--target:after{content:"+";font:700 24px Rubik;line-height:1;color:#ffffffe6;transition:transform .15s ease,color .15s ease}.card--target:hover,.card--target:focus-visible{background:#ffffff42;border-color:var(--mustard);transform:scale(1.06);outline:none;z-index:1}.card--target:hover:after,.card--target:focus-visible:after{color:var(--mustard);transform:scale(1.2)}@keyframes targetin{0%{opacity:0;transform:scale(.6)}}.card--preview{padding:0;border:3px solid var(--mustard);cursor:pointer;position:relative;z-index:2;background:none;box-shadow:0 0 0 5px #ffc63f66,3px 3px 0 var(--ink);animation:previewpulse 1.6s ease-in-out infinite}.preview-spin{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;animation:spinin .22s cubic-bezier(.2,1.3,.4,1)}@keyframes spinin{0%{transform:rotate(-84deg) scale(.82);opacity:.4}to{transform:rotate(0) scale(1);opacity:1}}@keyframes previewpulse{0%,to{box-shadow:0 0 0 5px #ffc63f6b,3px 3px 0 var(--ink)}50%{box-shadow:0 0 0 9px #ffc63f33,3px 3px 0 var(--ink)}}.quad{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.quad__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:5%;pointer-events:none;filter:drop-shadow(0 1.5px 0 rgba(36,20,14,.5))}.quad__lbl{position:absolute;left:2px;bottom:2px;z-index:1;font:700 8px Space Mono;padding:0 3px;border-radius:4px;border:1px solid rgba(0,0,0,.35);opacity:.95}.quad--mini .quad__lbl{display:none}.quad--frozen .quad__art{opacity:.34;filter:saturate(.35)}.quad--frozen{transition:background .3s ease}.quad--frozen:after{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border-radius:50%;border:3.5px solid #FF9FB6;box-shadow:0 0 0 1.5px var(--ink),inset 0 0 0 1.5px var(--ink);animation:stamp .35s cubic-bezier(.2,1.8,.4,1)}@keyframes stamp{0%{transform:scale(2.2);opacity:0}60%{transform:scale(.92);opacity:1}to{transform:scale(1)}}.quad__wild{position:absolute;top:1px;right:2px;z-index:1;font-size:10px;color:var(--mustard);text-shadow:0 0 2px var(--ink),0 0 2px var(--ink)}.tray{position:sticky;bottom:0;padding:14px 0 6px}.tray__cards{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;animation:fadein .3s ease}.hand-card{padding:5px;background:var(--paper);border:2.5px solid var(--ink);border-radius:12px;cursor:pointer;box-shadow:var(--pop-sm);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.hand-card:hover{transform:translateY(-3px)}.hand-card--sel{background:var(--mustard);transform:translateY(-6px) rotate(-2deg);box-shadow:5px 6px 0 var(--ink)}.hand-card:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.hand-card__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:58px;height:58px;gap:2px;border-radius:7px;overflow:hidden;border:2px solid var(--ink);transition:transform .18s ease}.quad--mini{border-radius:0}.actionbar{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;min-height:48px;margin:0 0 4px}.actionbar>*{animation:risein .22s cubic-bezier(.2,1.3,.4,1) both}@keyframes risein{0%{opacity:0;transform:translateY(8px)}}.hint{font-weight:600;color:var(--muted);font-size:13.5px;text-align:center}.note--wait{text-align:center;font-weight:600}.ellip:after{content:"…";display:inline-block;animation:ellip 1.4s steps(4) infinite;overflow:hidden;vertical-align:bottom;width:0}@keyframes ellip{to{width:1.1em}}.toast{position:fixed;left:50%;bottom:118px;transform:translate(-50%);z-index:30;background:var(--ink);color:var(--paper);border-radius:12px;border:2.5px solid var(--paper);box-shadow:var(--pop);padding:10px 18px;font:700 14px Rubik;display:flex;gap:8px;align-items:center;animation:toastin .32s cubic-bezier(.2,1.5,.4,1);pointer-events:none;max-width:min(88vw,420px);text-align:center}.toast--score{background:var(--cherry);border-color:var(--ink)}.toast--err{background:var(--paper);color:var(--cherry-dk);border-color:var(--ink)}.toast--turn{background:var(--teal);color:#fff}@keyframes toastin{0%{transform:translate(-50%,18px) scale(.85);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#24140e73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20;animation:fadein .15s ease}@keyframes fadein{0%{opacity:0}}.modal{background:var(--paper);border:var(--line);border-radius:var(--radius);box-shadow:var(--pop);padding:22px;max-width:400px;width:100%;animation:drop .25s cubic-bezier(.2,1.5,.4,1)}.modal h3{font-size:21px;color:var(--cherry);margin-bottom:6px}.modal p{margin:0 0 14px;font-size:13.5px}.lock-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{border:2.5px solid var(--ink);border-radius:10px;padding:9px 13px;font:700 13px Rubik;cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:transform .1s ease,box-shadow .1s ease}.chip:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.chip--on{outline:3px solid var(--mustard)!important;outline-offset:2px}.modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.gameover{text-align:center;padding:28px 16px;background:var(--paper);border:var(--line);border-radius:var(--radius);box-shadow:var(--pop);margin-top:8px;animation:drop .35s cubic-bezier(.2,1.5,.4,1)}.gameover h2{font-size:30px;color:var(--cherry);text-shadow:2px 2px 0 var(--mustard)}.gameover .muted{font:700 18px Space Mono}.gameover .btn{max-width:250px;margin:16px auto 0}@media (max-width: 430px){:root{--card: 54px}.hand-card__grid{width:50px;height:50px}.brand h1{font-size:38px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch-btn{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transition:transform .12s ease,outline .12s ease;outline:3px solid transparent;outline-offset:2px}.swatch-btn:hover:not(:disabled){transform:translateY(-2px)}.swatch-btn.is-on{outline-color:var(--cherry);transform:scale(1.12)}.swatch-btn:disabled{opacity:.25;cursor:default;box-shadow:none}.field b{color:var(--ink)}.turnbanner{display:flex;align-items:center;gap:10px;padding:11px 16px;margin-bottom:12px;border:var(--line);border-radius:12px;box-shadow:var(--pop);animation:turnflip .38s cubic-bezier(.2,1.5,.4,1)}@keyframes turnflip{0%{transform:translateY(-8px) scale(.97);opacity:0}to{transform:none;opacity:1}}.turnbanner__deck{font:700 11px Space Mono;letter-spacing:.14em;text-transform:uppercase;opacity:.78;padding-right:10px;border-right:2px solid currentColor}.turnbanner__who{font-family:Alfa Slab One,serif;font-size:17px;line-height:1}.turnbanner__arrow{margin-left:auto;font-size:13px;animation:nudge 1.5s ease-in-out infinite}@keyframes nudge{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(3px);opacity:1}}.ticket__score{border-radius:8px;padding:4px 6px;margin:-4px -6px;transition:background .2s ease}.ticket__score.is-active{background:#24140e12;box-shadow:inset 0 0 0 2px #24140e38}.curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;animation:fadein .2s ease}.curtain__pass{font:700 13px Rubik;text-transform:uppercase;letter-spacing:.18em;opacity:.8}.curtain__name{font-family:Alfa Slab One;font-size:42px;line-height:1.05;text-shadow:3px 3px 0 rgba(0,0,0,.25)}.curtain__go{font:600 14px Rubik;opacity:.85;margin-top:12px;padding:10px 16px;border:2.5px solid currentColor;border-radius:12px}.lock-group{margin-bottom:14px}.lock-group__head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.lock-group__name{font:700 13px Rubik}.lockmini{width:44px;height:44px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;border:2.5px solid var(--ink);border-radius:8px;overflow:hidden;flex:none}.lockmini__q--hot{outline:3px solid var(--mustard);outline-offset:-3px;animation:hotpulse 1s ease-in-out infinite}@keyframes hotpulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.field__hint{margin:6px 0 0;font-size:12px;color:var(--muted)}.gameover__actions{display:grid;gap:10px;max-width:300px;margin:16px auto 0}.gameover__actions .btn{margin:0;max-width:none}.count{display:flex;align-items:center;gap:12px}.count__n{font:700 22px Space Mono;min-width:34px;text-align:center}.seats{display:flex;flex-wrap:wrap;gap:8px}.seat-chip{border:2.5px solid var(--ink);border-radius:10px;cursor:pointer;padding:7px 10px;display:flex;align-items:center;gap:7px;box-shadow:2px 2px 0 var(--ink);font-family:Rubik;transition:transform .1s ease}.seat-chip:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.seat-chip__n{font:700 10px Space Mono;opacity:.75}.seat-chip__name{font-size:12.5px;font-weight:700}@media (min-width: 820px) and (min-height: 700px){.hand-card__grid{width:88px;height:88px}.quad--mini .quad__lbl{display:none}}@media (min-width: 1100px) and (min-height: 800px){.hand-card__grid{width:104px;height:104px}}@media (max-height: 1000px) and (min-width: 820px){.app{padding-top:6px;padding-bottom:12px}.checker{display:none}.turnbanner{padding:7px 14px;margin-bottom:8px}.turnbanner__who{font-size:15px}.ticket{margin-bottom:8px}.ticket__head{padding:5px 12px}.ticket__scores{padding:7px 12px 5px}.ticket__pts{font-size:19px}.ticket__log{padding-top:5px;gap:2px;max-height:42px;overflow:hidden}.board-wrap{padding:10px;margin-bottom:8px;min-height:340px}.tray{padding-top:6px}.actionbar{min-height:40px;margin-bottom:0}}@media (max-height: 780px) and (min-width: 820px){.ticket__log{display:none}.board-wrap{min-height:300px}}.hp{max-width:720px;margin:0 auto;padding:14px 16px 30px;display:flex;flex-direction:column;min-height:100%}.hp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;overflow:auto;background:radial-gradient(circle at 1px 1px,rgba(36,20,14,.075) 1px,transparent 1.6px) 0 0/18px 18px,var(--cream);animation:fadein .18s ease}.hp__bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 12px;background:linear-gradient(var(--cream) 78%,transparent)}.hp__bar h2{font-size:26px;color:var(--cherry)}.hp__link{margin:0 auto 18px;display:block}.hp__body{background:var(--paper);border:var(--line);border-radius:var(--radius);box-shadow:var(--pop);padding:20px}.hp__lede{font-size:15.5px;font-weight:600;line-height:1.5;margin:0 0 4px}.hp section{margin-top:22px}.hp h3{font-size:17px;margin-bottom:7px}.hp p{margin:0 0 8px;font-size:14.5px;line-height:1.55}.hp ol{margin:0 0 8px;padding-left:20px;font-size:14.5px;line-height:1.7}.hp__note{color:var(--muted);font-size:13.5px}.hp__flavors{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:10px}.hp__flavor{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600}.hp-donut{display:grid;place-items:center;border-radius:9px;border:2.5px solid var(--ink);overflow:hidden;flex:none}.hp-donut img{width:100%;height:100%;object-fit:contain;padding:2px}.hp__modes{display:grid;gap:10px;margin-top:10px}.hp__mode{border:2.5px solid var(--ink);border-radius:11px;padding:11px 13px;background:#ffc63f29}.hp__mode b{display:block;font-size:14.5px;margin-bottom:3px}.hp__mode span{font-size:13.5px;line-height:1.5}.hp__table{width:100%;border-collapse:collapse;margin:6px 0 8px}.hp__table td{padding:7px 6px;font-size:13.5px;border-bottom:2px dashed rgba(36,20,14,.22)}.hp__table td:first-child{font-family:Space Mono;white-space:nowrap}.hp__table td:last-child{text-align:right;font-weight:700;white-space:nowrap}.hp__foot{margin-top:16px}.hp__foot .btn{max-width:320px;margin:0 auto;display:block}@media (min-width: 700px){.hp__modes{grid-template-columns:1fr 1fr}}