:root{color-scheme:dark;--felt: #131317;--felt-art: radial-gradient(rgba(253, 228, 0, .1) 1.2px, transparent 1.4px) 0 0 / 12px 12px;--panel: #1f1f23;--panel-high: #2a292e;--ink: #ffffff;--muted: #cdc7aa;--line: #000000;--yellow: #fde400;--red: #c90118;--rose: #ff5a5f;--cyan: #9cf0ff;--paper: #fffdf2;--card-w: clamp(38px, min(6.2vw, 10.5vh), 68px);--card-bg: var(--paper);--card-ink: #131317;--card-red: #c90118;--card-border: 3px solid #000;--card-radius: 4px;--card-shadow: 4px 4px 0 #000;--card-font: "Anton", Impact, sans-serif;--card-back: repeating-linear-gradient(45deg, #c90118 0 8px, #fde400 8px 11px);--tilt: 3deg;--group-bg: rgba(253, 228, 0, .06);--group-border: 3px dashed #fde400;--group-radius: 2px;--ok: #fde400;--bad: #ff3b4f;--btn-bg: #fde400;--btn-ink: #131317;--btn-border: 3px solid #000;--btn-radius: 2px;--btn-shadow: 4px 4px 0 #000;--btn-danger: #c90118;--display: "Anton", Impact, sans-serif;--headline: "Bebas Neue", "Anton", sans-serif;--ui: "Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--felt-art),var(--felt);color:var(--ink);font:500 15px/1.4 var(--ui)}main{max-width:1200px;margin:0 auto;padding:12px 16px 32px;display:grid;gap:14px}button,input,select{font:inherit}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.top{display:flex;align-items:center}.logo{font:400 32px/1 var(--display);letter-spacing:.04em;color:var(--yellow);text-decoration:none;text-shadow:3px 3px 0 #000;transform:rotate(-2deg)}.loading,.banner{color:var(--muted)}.banner{background:var(--red);color:#fff;padding:6px 10px;border:3px solid #000}.panel{background:var(--panel);border:3px solid var(--line);box-shadow:6px 6px 0 var(--yellow);padding:20px;display:grid;gap:14px;max-width:560px}.panel h1,.panel h2{margin:0;font:400 32px/1 var(--headline);letter-spacing:.04em}.panel h1{font:400 48px/1 var(--display);color:var(--yellow);text-shadow:3px 3px 0 #000}.panel input,.panel select{background:var(--paper);color:#131317;border:3px solid #000;padding:8px 10px;border-radius:0;min-width:0}.panel input:focus{border-color:var(--red);box-shadow:3px 3px 0 var(--yellow);outline:none}.home .join,.share{display:flex;gap:8px}.home .join input,.share input{flex:1}.link{background:none;border:0;color:var(--cyan);text-decoration:underline;cursor:pointer;padding:0}.lobby-seats{margin:0;padding:0;list-style:none;display:grid;gap:6px}.lobby-seats li{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;background:#000;border:2px solid var(--yellow)}.lobby-seats li.away{opacity:.55}.tag{font:700 11px var(--ui);letter-spacing:.08em;color:var(--yellow)}.settings{display:flex;flex-wrap:wrap;gap:12px}.pick{display:grid;gap:4px;font-size:13px;color:var(--muted)}.btn{font:700 15px var(--ui);text-transform:uppercase;letter-spacing:.03em;background:var(--btn-bg);color:var(--btn-ink);border:var(--btn-border);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);padding:9px 16px;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.btn:hover{border-color:var(--cyan)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px #000}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.big{font:400 32px/1 var(--display);padding:14px 20px}.btn.ghost{background:var(--paper)}.btn.danger{background:var(--btn-danger);color:#fff}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.msg{flex:1 1 220px;color:var(--muted);min-height:1.4em}.msg.err{color:var(--bad);font-weight:700}.stage{position:relative;display:grid;gap:14px;padding:14px;border:3px solid #000;box-shadow:6px 6px 0 var(--yellow);background:var(--felt-art),var(--felt)}.bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.seats{display:flex;flex-wrap:wrap;gap:8px}.seat{position:relative;display:flex;align-items:center;gap:8px;padding:5px 10px;background:#000;border:2px solid var(--yellow);font-size:13px}.seat.turn{box-shadow:0 0 0 3px var(--cyan)}.seat.away{opacity:.5}.seat .av{width:26px;height:26px;display:grid;place-items:center;background:var(--cyan);color:#000;font-weight:700;font-size:12px}.seat .n{color:var(--yellow);font-variant-numeric:tabular-nums;font-weight:700}.burst{position:absolute;top:-22px;right:-10px;font-size:28px;pointer-events:none}.timer{font:400 24px/1 var(--display);padding:6px 12px;background:var(--yellow);color:#000;border:3px solid #000;box-shadow:3px 3px #000;font-variant-numeric:tabular-nums}.timer.low{background:var(--red);color:#fff}.table{display:flex;flex-wrap:wrap;gap:14px;align-content:flex-start;min-height:calc(var(--card-w) * 1.4 + 24px)}.empty{color:var(--muted);margin:auto 0}.group{display:flex;align-items:center;padding:8px;min-height:calc(var(--card-w) * 1.4 + 20px);min-width:calc(var(--card-w) * 1.5);background:var(--group-bg);border:var(--group-border);border-radius:var(--group-radius);position:relative;transition:border-color .25s,box-shadow .25s}.group .card+.card{margin-left:calc(var(--card-w) * -.42)}.group.ok{border-color:var(--ok);border-style:solid}.group.bad{border-color:var(--bad)}.group.bad:after{content:"not valid yet";white-space:nowrap;position:absolute;bottom:-10px;left:10px;font:700 10px var(--ui);letter-spacing:.06em;text-transform:uppercase;background:var(--bad);color:#fff;padding:1px 6px}.group.new{border-style:dashed;border-color:var(--muted);color:var(--muted);font-size:12px;justify-content:center;text-align:center;width:calc(var(--card-w) * 2.2);cursor:pointer}.target{box-shadow:0 0 0 4px var(--cyan)!important}.table.free{display:block;position:relative;min-height:max(340px,var(--fill, 0px));background:#00000047;border:3px solid #000}.table.free .group{position:absolute}.table.free .group.moving{z-index:5;box-shadow:8px 8px #000}.table.free .empty{position:absolute;top:16px;right:16px;bottom:16px;left:16px}.grip{position:absolute;top:-12px;left:8px;z-index:1;font:700 10px var(--ui);letter-spacing:.07em;text-transform:uppercase;background:#000;color:var(--yellow);padding:2px 6px;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.lower{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:end}.pile{display:grid;gap:6px;justify-items:center;font-size:12px;color:var(--muted)}.empty-pile{background:transparent;border-style:dashed;box-shadow:none}.hand{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#00000059;border:3px solid #000;min-height:calc(var(--card-w) * 1.4 + 26px);min-width:0}.hand.watching{align-items:center;color:var(--muted)}.reactions{display:flex;gap:6px}.react{background:#000;border:2px solid var(--yellow);font-size:20px;padding:2px 8px;cursor:pointer}.over{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:16px;background:#131317d9;text-align:center}.over h2{margin:0;font:400 clamp(40px,8vw,80px)/1 var(--display);color:var(--yellow);text-shadow:4px 4px 0 var(--red);transform:rotate(-3deg)}.card{width:var(--card-w);height:calc(var(--card-w) * 1.4);flex:none;position:relative;background:var(--card-bg);color:var(--card-ink);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);font-family:var(--card-font);user-select:none;-webkit-user-select:none;rotate:calc(var(--k, 0) * var(--tilt) / 2)}.card.red{color:var(--card-red)}.card.grab{cursor:grab;touch-action:none}.card.sel{outline:3px solid var(--cyan);outline-offset:2px}.card .ix{position:absolute;top:3px;left:5px;line-height:.95;font-size:calc(var(--card-w) * .27);text-align:center}.card .ix i{display:block;font-style:normal;font-size:.8em}.card .ix.br{top:auto;left:auto;bottom:3px;right:5px;transform:rotate(180deg)}.card .pip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:calc(var(--card-w) * .5)}.card.down{background:var(--card-back)}@media(max-width:640px){main{padding-inline:10px}.stage{padding:8px}.lower{grid-template-columns:1fr}.pile{grid-auto-flow:column;justify-content:start;align-items:center}}@media(prefers-reduced-motion:reduce){.group{transition:none}}