:root{--felt:#17464f;--felt-light:#1f5a63;--felt-dark:#0e2c33;--chalk:#f1ead8;--chalk-dim:#f1ead89e;--paper:#f6efdc;--rule:#b9cbd6;--ink:#1b2733;--ink-soft:#55616c;--marigold:#f2b320;--red:#cf2233;--card:#fffdf7;--ui:"Barlow", "Helvetica Neue", Arial, sans-serif;--num:"Barlow Condensed", "Arial Narrow", Arial, sans-serif;--display:"Bowlby One", "Arial Black", Impact, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font:500 16px/1.45 var(--ui);color:var(--chalk);background-color:var(--felt);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(ellipse 90% 80% at 50% 42%, var(--felt-light) 0%, var(--felt) 52%, var(--felt-dark) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}.front,.back{backface-visibility:hidden;border-radius:7px;position:absolute;inset:0;box-shadow:0 0 0 .6px #141e2880,0 1.5px 2.5px #00000052}.front{background:var(--card)}.front svg{width:100%;height:100%;display:block}.back{border:4.5px solid var(--card);background-color:var(--back);background-image:radial-gradient(circle at 50% 50%, var(--back) 0 17%, transparent 17.5%), radial-gradient(circle at 50% 50%, #ffffffd9 0 21%, transparent 21.5%), repeating-linear-gradient(45deg, #ffffff4d 0 1.3px, transparent 1.3px 7px), repeating-linear-gradient(-45deg, #ffffff4d 0 1.3px, transparent 1.3px 7px);transform:rotateY(180deg);box-shadow:inset 0 0 0 1.2px #ffffffbf,0 0 0 .6px #141e2880,0 1.5px 2.5px #00000052}.card{transform-origin:0 0;will-change:transform;width:90px;height:126px;position:absolute;top:0;left:0}.card .flip{transform-style:preserve-3d;position:absolute;inset:0}.card.grab{cursor:grab}.card.tap{cursor:pointer}.dragging .card{cursor:grabbing}.card.done .front{filter:brightness(.62)saturate(.6)}.card.shelved{opacity:.7}.mini{flex:none;width:90px;height:126px;display:inline-block;position:relative}.mini .back{transform:none}.table{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.slot{pointer-events:none;border:1.5px dashed #f1ead833;position:absolute}.slot.centre{background:#081c2138;border-style:solid;border-color:#f1ead821}.slot.centre.done:after{content:"";z-index:9000;aspect-ratio:2;border:solid var(--marigold);border-width:0 0 4px 4px;width:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-70%)rotate(-45deg)}.slot.centre.yours{border-color:var(--marigold);animation:1.1s ease-in-out infinite alternate beckon}.slot.centre.yours em{z-index:9000;font:600 11.5px/1.2 var(--ui);white-space:nowrap;color:var(--ink);background:var(--marigold);border-radius:99px;padding:2px 7px 3px;position:absolute;bottom:7%;left:50%;translate:-50%;box-shadow:0 1px 3px #00000073}@keyframes beckon{0%{box-shadow:0 0 0 2px #f2b32059}to{box-shadow:0 0 0 3px #f2b320e6,0 0 18px 4px #f2b32073}}.tray{pointer-events:none;background:#081c214d;border:1.5px solid #f1ead817;place-items:center;transition:opacity .4s,border-color .2s,background-color .2s;display:grid;position:absolute}.tray em{width:min-content;font:500 12px/1.25 var(--ui);text-align:center;color:#f1ead84d}.tray.wanted{border-color:#f2b3208c}.tray.open{border-color:var(--marigold);background:#f2b3201f}.tray.open.hot{background:#f2b3204d;box-shadow:0 0 22px 6px #f2b32080}.tray.gone{opacity:0}.slot.stock{pointer-events:auto;cursor:pointer;place-items:center;display:grid}.slot.stock svg{fill:#f1ead838;width:44%}.frozen .slot.stock{cursor:default}.slot.stock.turn{border-color:var(--marigold)}.slot.stock.turn svg{fill:var(--marigold)}.ring{z-index:9500;pointer-events:none;position:absolute;box-shadow:0 0 0 3px #f2b320bf,0 0 14px 3px #f2b32059}.ring.hot{box-shadow:0 0 0 5px var(--marigold), 0 0 22px 8px #f2b320b3;background:#f2b32038}.chip{border:1.5px solid var(--card);vertical-align:-.12em;border-radius:2px;flex:none;width:.72em;height:1em;display:inline-block}.tag{white-space:nowrap;align-items:center;gap:7px;height:22px;font-size:14px;line-height:1;display:flex;position:absolute}.tag .name{text-overflow:ellipsis;font-weight:600;overflow:hidden}.tag .pts{font:700 17px/1 var(--num);color:var(--marigold)}.tag .flag{color:var(--chalk-dim);background:#081c218c;border-radius:99px;margin-left:auto;padding:2px 7px 3px;font-size:12px;font-style:normal}.tag .flag.hot{background:var(--marigold);color:var(--ink)}.tag.away .name,.tag.away .pts{opacity:.45}.count{z-index:9000;min-width:20px;font:700 14px/20px var(--num);text-align:center;color:var(--ink);background:var(--chalk);pointer-events:none;border-radius:99px;padding:0 4px;position:absolute;box-shadow:0 1px 2px #0006}.mine{white-space:nowrap;color:var(--chalk-dim);pointer-events:none;justify-items:end;gap:5px;font-size:14px;line-height:1.1;display:grid;position:absolute}.mine b{font:700 1.3em/1 var(--num);color:var(--chalk)}.mine .who{color:var(--chalk);margin-top:6px;font-weight:600}.mine .who .chip{margin-right:6px}.mine .who b{color:var(--marigold);margin-left:4px}.mine .where{font-size:12.5px}.stuck{z-index:9000;color:var(--chalk);background:#081c2159;border:1.5px solid #f1ead866;border-radius:10px;justify-content:center;align-items:baseline;gap:8px;padding:9px 10px 10px;font-weight:600;line-height:1.1;display:flex;position:absolute}.stuck:hover{border-color:var(--chalk)}.stuck small{opacity:.75;font-size:12.5px;font-weight:500}.stuck.on{background:var(--marigold);border-color:var(--marigold);color:var(--ink)}.nertz{z-index:9600;font-family:var(--display);text-transform:uppercase;color:var(--ink);background:var(--marigold);box-shadow:inset 0 0 0 3px var(--card), 0 5px 0 #b47f0c, 0 0 0 0 #f2b32099;border:0;place-items:center;padding:0;line-height:1;animation:.9s ease-out infinite shout;display:grid;position:absolute}.nertz:active{box-shadow:inset 0 0 0 3px var(--card), 0 1px 0 #b47f0c;translate:0 4px}@keyframes shout{to{box-shadow:inset 0 0 0 3px var(--card), 0 5px 0 #b47f0c, 0 0 0 16px #f2b32000}}.shout{z-index:19000;pointer-events:none;place-items:center;display:grid;position:absolute}.shout span{font:400 1em/1 var(--display);text-transform:uppercase;letter-spacing:.01em;color:var(--marigold);-webkit-text-stroke:.035em var(--ink);paint-order:stroke fill;text-shadow:0 .05em 0 var(--ink), 0 .11em .18em #00000080;animation:.34s cubic-bezier(.2,1.5,.4,1) backwards stamp;rotate:-5deg}@keyframes stamp{0%{opacity:0;scale:2.6}}.grace{z-index:18000;box-sizing:border-box;white-space:nowrap;height:44px;color:var(--chalk);pointer-events:none;background:#081c21c7;border-radius:99px;grid-template-columns:minmax(0,auto) 36px;align-items:center;gap:8px;padding:4px 4px 4px 13px;font-size:13.5px;display:grid;position:fixed;right:14px}.grace svg,.grace b{grid-area:1/2}.grace span{text-overflow:ellipsis;overflow:hidden}.grace svg{width:36px;rotate:-90deg}.grace circle{fill:none;stroke:#f1ead829;stroke-width:4px}.grace circle+circle{stroke:var(--marigold);stroke-linecap:round}.grace b{font:700 18px/1 var(--num);text-align:center}.wash{z-index:20000;pointer-events:none;position:absolute}.heap{z-index:20001;white-space:nowrap;opacity:0;pointer-events:none;text-shadow:0 1px 3px #0009;justify-items:center;gap:2px;width:11rem;line-height:1.15;transition:opacity .3s;display:grid;position:absolute;translate:-50%}.heap.on{opacity:1}.heap .who{text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:600;overflow:hidden}.heap .got{font:700 34px/1 var(--num);color:var(--marigold)}.heap .fine{color:var(--chalk-dim);opacity:0;font-size:12.5px;transition:opacity .25s,translate .25s;translate:0 -5px}.heap.sorted .fine{opacity:1;translate:0}.heap .fine b{font:700 21px/1 var(--num);color:#ff8e7f;vertical-align:-1px;margin-right:3px}.skip{z-index:20001;color:var(--chalk-dim);pointer-events:none;background:#081c2199;border-radius:99px;margin:0;padding:4px 12px;font-size:12.5px;position:absolute;bottom:10px;left:50%;translate:-50%}.banner{z-index:50000;background:var(--ink);color:var(--chalk);border-radius:99px;margin:0;padding:8px 16px;font-size:14px;position:fixed;top:12px;left:50%;translate:-50%}.banner.low{top:auto;bottom:12px}.pad{width:min(100%,25rem);color:var(--ink);background-color:var(--paper);background-image:linear-gradient(90deg, transparent 2.2rem, #cf223373 2.2rem, #cf223373 calc(2.2rem + 1.5px), transparent calc(2.2rem + 1.5px)), repeating-linear-gradient(transparent 0 calc(2rem - 1px), var(--rule) calc(2rem - 1px) 2rem);background-position:0 0,0 .9rem;border-radius:3px;padding:2.4rem 1.75rem 1.6rem 3.1rem;position:relative;rotate:-.6deg;box-shadow:0 1px #e3d9bf,0 2px #cfc4a6,0 14px 30px #0006}.pad:before{content:"";background:var(--red);border-radius:3px 3px 0 0;height:.9rem;position:absolute;inset:0 0 auto}.pad.wide{width:min(100%,37rem)}.pad h2{font:400 1.65rem/2rem var(--display);letter-spacing:.01em;margin:0 0 .5rem}.pad .code{font-family:var(--num);letter-spacing:.14em;font-weight:700}.pad h2 .code{color:var(--red);font-size:1.25em}.pad form,.pad{align-content:start;gap:1rem;display:grid}.pad h2,.pad .lead{margin:0}.pad .lead{color:var(--ink-soft);margin-top:-.6rem}.pad label{gap:.3rem;font-size:.95rem;font-weight:600;display:grid}.pad label small{color:var(--ink-soft);font-weight:400}.pad input{border:1.5px solid var(--ink);width:100%;color:var(--ink);background:#fffdf6;border-radius:6px;padding:.55rem .7rem}.pad input.code{text-transform:uppercase;width:7.5rem;padding-block:.3rem;font-size:1.3rem}.pad input::placeholder{color:#9aa3a8;letter-spacing:inherit}.go{font:400 1.15rem/1.2 var(--display);color:var(--ink);background:var(--marigold);border:0;border-radius:8px;padding:.75rem 1rem .85rem;box-shadow:0 4px #b47f0c}.go:active:not(:disabled){translate:0 3px;box-shadow:0 1px #b47f0c}.go:disabled{cursor:default;font-family:var(--ui);color:var(--ink-soft);box-shadow:none;background:#e2d9c2;font-size:1rem;font-weight:600}.ways{gap:1rem;display:grid}.way{gap:.3rem;display:grid}.pair{gap:.5rem;display:flex}.pair .go,.pair .plain{flex:1}.plain{border:1.5px solid var(--ink);color:var(--ink);background:0 0;border-radius:8px;padding:.6rem 1rem .7rem;font-weight:600}.plain:disabled{cursor:default;color:#9a9482;border-color:#c9c0a8}.quiet{color:var(--ink-soft);text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:0;font-size:.92rem;text-decoration:underline}.quiet:hover{color:var(--ink)}.error,.hint,.wait{margin:0}.error{border-left:4px solid var(--red);background:#fbe3df;padding:.5rem .7rem;font-size:.95rem}.hint{color:var(--ink-soft);font-size:.9rem}.wait{font-weight:600}.invite{gap:.5rem;display:flex}.invite input{min-width:0;font-size:.9rem}.invite button{border:1.5px solid var(--ink);background:var(--ink);min-width:6.2rem;color:var(--paper);border-radius:6px;flex:none;font-weight:600}.seats{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.seats li{align-items:center;gap:.7rem;min-height:2.6rem;display:flex}.seats .mini{zoom:.3}.seats .name{font-size:1.05rem;font-weight:600}.seats .note{color:var(--ink-soft);margin-left:auto;font-size:.9rem}.seats .away .name{opacity:.5}.scores{border-collapse:collapse;width:100%;font-size:.95rem}.scores th,.scores td{text-align:right;white-space:nowrap;height:2rem;padding:0 .4rem}.scores thead th{color:var(--ink-soft);vertical-align:bottom;font-size:.85rem;font-weight:500}.scores th:first-child{text-align:left;padding-left:0}.scores tbody th{text-overflow:ellipsis;max-width:11rem;font-size:1.05rem;font-weight:600;overflow:hidden}.scores tbody th .chip{border-color:var(--ink);margin-right:.5rem}.scores td{font:600 1.15rem/1 var(--num)}.scores td.total{font-size:1.5rem;font-weight:700}.scores tr.you th,.scores tr.you td{background:#f2b3204d}.solo{place-items:center;min-height:100%;padding:1.5rem;display:grid}.solo.over{z-index:40000;background:#081a1f99;position:fixed;inset:0;overflow:auto}.home{grid-template-columns:minmax(0,1.25fr) minmax(0,25rem);align-items:center;gap:clamp(2rem,6vw,6rem);max-width:68rem;min-height:100%;margin:0 auto;padding:2rem clamp(1.25rem,4vw,3rem);display:grid}.hero h1{font:400 clamp(4.5rem, 10.5vw, 9rem) / .9 var(--display);letter-spacing:-.01em;color:var(--chalk);text-shadow:0 .045em #0000004d;transform-origin:0 100%;margin:0;rotate:-3deg}.hero p{max-width:30rem;color:var(--chalk-dim);margin:1.6rem 0 0;font-size:1.2rem;line-height:1.5}.spread{height:150px;margin:0 0 1.5rem .5rem;display:flex}.spread .mini{transform-origin:50% 130%;rotate:calc((var(--i) - 3) * 7deg);translate:0 calc((var(--i) - 3) * (var(--i) - 3) * 2.4px);animation:.5s cubic-bezier(.2,.8,.2,1) backwards deal;animation-delay:calc(var(--i) * 55ms);margin-right:-38px}@keyframes deal{0%{opacity:0;translate:-40vw -30vh;rotate:0deg}}@media (width<=760px){.home{grid-template-columns:1fr;align-content:center}.spread{zoom:.7}}@media (prefers-reduced-motion:reduce){.spread .mini,.nertz,.shout span,.slot.centre.yours{animation:none}}