:root{--sat: var(--discord-safe-area-inset-top, env(safe-area-inset-top, 0px));--sab: var(--discord-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--sal: var(--discord-safe-area-inset-left, env(safe-area-inset-left, 0px));--sar: var(--discord-safe-area-inset-right, env(safe-area-inset-right, 0px));--felt: #1d4636;--felt-deep: #12301f;--wood: #4a3526;--wood-lit: #6b4e39;--ivory: #f3ead6;--ivory-shade: #d9ccb0;--ink: #23201b;--red: #c4302b;--blue: #175ca8;--black: #23201b;--orange: #d9821a;--good: #5fc08a;--bad: #e8604c;--tile-w: 40px;--side-w: 110px;--ui: 1;--tile-h: calc(var(--tile-w) * 1.45);--radius: 6px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:#eae4d8;background:var(--felt-deep);user-select:none;-webkit-user-select:none;touch-action:manipulation}#app{height:100%}.table-frame{height:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top side" "felt side" "rack side";padding:var(--sat) var(--sar) var(--sab) var(--sal);background:radial-gradient(120% 90% at 50% 0%,#27604a 0%,var(--felt) 45%,var(--felt-deep) 100%)}.topbar{grid-area:top;display:flex;align-items:center;gap:10px;padding:calc(5px * var(--ui)) 10px;font-size:calc(12px * var(--ui));background:#00000042;border-bottom:1px solid rgba(0,0,0,.3)}.who{display:flex;align-items:center;gap:6px;min-width:0}.who img,.who .pip{width:calc(20px * var(--ui));height:calc(20px * var(--ui));border-radius:50%;background:#ffffff26;flex:none}.who b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who.away{opacity:.45}.who.acting b{color:#ffe9a8}.count{font-variant-numeric:tabular-nums;opacity:.7;font-size:11px}.speaker{margin-left:auto;min-height:0;padding:4px 8px;font-size:calc(14px * var(--ui));line-height:1;background:#ffffff12;border-color:#ffffff1f}.turnflag{margin-left:10px;display:flex;align-items:center;gap:7px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:calc(13px * var(--ui))}.turnflag .dot{width:9px;height:9px;border-radius:50%;background:#6b6b6b}.turnflag.mine{color:var(--good)}.turnflag.mine .dot{background:var(--good);box-shadow:0 0 10px var(--good);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.nowplaying{color:var(--good);font-size:10px;animation:pulse 1.8s ease-in-out infinite}.who.acting{background:#5fc08a2e;box-shadow:inset 0 0 0 1px #5fc08a73;border-radius:999px;padding:2px 9px 2px 2px}.felt{grid-area:felt;overflow-y:auto;overflow-x:hidden;padding:8px;position:relative;-webkit-overflow-scrolling:touch}.felt-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffff47;font-size:calc(12px * var(--ui));pointer-events:none}.set{display:flex;gap:2px;padding:4px;border-radius:9px;background:#0003;box-shadow:inset 0 0 0 1px #ffffff0d;position:absolute;touch-action:none;transition:left .12s ease,top .12s ease}.set.shifting{transition:none;z-index:8;box-shadow:inset 0 0 0 1px #fff3,0 10px 22px #00000080;cursor:grabbing}.set.bad{box-shadow:inset 0 0 0 1.5px #e8a84c8c;background:#00000024}.set.fresh{box-shadow:inset 0 0 0 1.5px #ffe9a880}.set.target{background:#ffffff29}.felt.watching .set{transition:transform .18s ease,background .18s ease;box-shadow:inset 0 0 0 1px #ffe9a847}.felt.watching .set.bad{box-shadow:inset 0 0 0 1px #ffe9a847}.felt.watching .set.bad:after{content:none}.felt.watching .tile{transition:transform .18s ease}.tile{width:var(--tile-w);height:var(--tile-h);border-radius:var(--radius);background:linear-gradient(170deg,#fbf5e6 0%,var(--ivory) 48%,var(--ivory-shade) 100%);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-weight:800;font-size:calc(var(--tile-w) * .5);line-height:1;box-shadow:0 1px #ffffffb3 inset,0 -1.5px #0000002e inset,0 2px 3px #00000059;flex:none;position:relative}.tile:after{content:"";width:calc(var(--tile-w) * .16);height:calc(var(--tile-w) * .16);border-radius:50%;background:currentColor;opacity:.5}.tile.red{color:var(--red)}.tile.blue{color:var(--blue)}.tile.black{color:var(--black)}.tile.orange{color:var(--orange)}.tile.joker{font-size:calc(var(--tile-w) * .62);color:var(--red)}.tile.joker:after{display:none}.tile.lifted{opacity:.22}.tile.mine:before{content:"";position:absolute;inset:auto 0 2px;height:2px;margin:0 20%;border-radius:2px;background:#ffd264d9}.ghost{position:fixed;z-index:50;pointer-events:none;display:flex;gap:2px;transform:translate(-50%,-50%) scale(1.14);filter:drop-shadow(0 10px 16px rgba(0,0,0,.55))}.tile.picked{transform:translateY(-8px);box-shadow:0 9px 13px #00000073,0 0 0 2px var(--good);z-index:2}.rack{grid-area:rack;display:flex;flex-wrap:wrap;align-content:flex-start;gap:3px;padding:6px 8px;max-height:calc(var(--tile-h) * 2 + 18px);overflow-y:auto;background:linear-gradient(180deg,var(--wood-lit) 0%,var(--wood) 26%,#33241a 100%);box-shadow:0 -3px 10px #0006,inset 0 2px #ffffff1f;border-top:1px solid rgba(0,0,0,.4)}.rack.target{background:linear-gradient(180deg,#7d5c42 0%,var(--wood) 26%,#33241a 100%)}.rack.active{box-shadow:inset 0 3px 0 var(--good),0 -6px 18px #5fc08a47,inset 0 5px 10px #5fc08a24}.rack.waiting{box-shadow:inset 0 3px #ffffff17,0 -3px 10px #0006;filter:saturate(.72) brightness(.86)}.announce{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);z-index:55;pointer-events:none;font-size:clamp(26px,5.5vw,44px);font-weight:900;letter-spacing:.02em;color:#eafff2;text-shadow:0 0 22px rgba(95,192,138,.95),0 3px 10px rgba(0,0,0,.6);animation:announce 1.6s ease-out forwards}@keyframes announce{0%{opacity:0;transform:translate(-50%,-50%) scale(.75)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}26%{transform:translate(-50%,-50%) scale(1)}72%{opacity:1}to{opacity:0;transform:translate(-50%,-58%) scale(1)}}@media(prefers-reduced-motion:reduce){.announce{animation-duration:.01s}.turnflag.mine .dot,.nowplaying{animation:none}}.side{grid-area:side;display:flex;flex-direction:column;gap:6px;padding:7px;width:var(--side-w);background:#00000042;border-left:1px solid rgba(0,0,0,.3)}button{font:inherit;font-size:calc(13.5px * var(--ui));font-weight:700;letter-spacing:.02em;color:#f0e9da;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:9px;padding:calc(10px * var(--ui)) 6px;min-height:calc(44px * var(--ui));cursor:pointer;touch-action:manipulation}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.3;cursor:default}button.go{background:linear-gradient(180deg,#4f9e72,#2f7150);border-color:#6fbf93;margin-top:auto;padding:calc(14px * var(--ui)) 6px;min-height:calc(58px * var(--ui));font-size:calc(15px * var(--ui))}button.warn{background:#e8604c33;border-color:#e8604c73}.reason{font-size:calc(11px * var(--ui));line-height:1.25;color:#ffd9b0;opacity:.85;text-align:center;min-height:2.4em}.veil{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;background:#08140ee6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40}.veil h1{font-size:calc(19px * var(--ui));margin:0;font-weight:800;letter-spacing:.01em}.veil p{margin:0;font-size:12.5px;opacity:.75;max-width:34ch;line-height:1.45}.veil button{font-size:calc(16px * var(--ui));padding:calc(15px * var(--ui)) 34px;min-height:calc(52px * var(--ui))}.veil .score{font-variant-numeric:tabular-nums;font-size:13px;opacity:.9}.toast{position:fixed;left:50%;top:calc(var(--sat) + 40px);transform:translate(-50%);background:#e8604cf2;color:#fff;font-size:12px;font-weight:600;padding:7px 14px;border-radius:20px;z-index:60;box-shadow:0 4px 14px #0006}.rotate-nag{display:none}@media(orientation:portrait){.rotate-nag{display:flex}}.tile.grab{touch-action:none}