:root{--wood: #2b1d12;--wood-2: #3d2a19;--felt: #1f6b46;--felt-2: #0f3f29;--gold: #e8b75a;--gold-deep: #b6862f;--cream: #f4e6c8;--ink: #271c12;--danger: #c0392b;--brown-card: #d8b577;--blue-card: #6fa8d6;--weapon-card: #c98a4b;--shadow: 0 6px 18px rgba(0, 0, 0, .45);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;overflow:hidden}body{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:var(--cream);background:linear-gradient(160deg,var(--wood-2),var(--wood));-webkit-user-select:none;user-select:none}.app{height:100%;display:flex;flex-direction:column;position:relative;background:radial-gradient(140% 100% at 50% -10%,rgba(232,183,90,.12),transparent 55%),linear-gradient(160deg,#3a2718,#211610);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--gold-deep);background:linear-gradient(180deg,#46301c,#2c1d11);color:var(--cream);font:inherit;font-weight:700;font-size:15px;padding:12px 16px;border-radius:12px;cursor:pointer;box-shadow:var(--shadow);transition:transform .08s ease,filter .15s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:linear-gradient(180deg,#f0c66c,var(--gold-deep));color:#3a2410;border-color:var(--gold)}.btn--danger{background:linear-gradient(180deg,#e05a4a,#962419);border-color:#e88;color:#fff}.btn--ghost{background:#ffffff0f;border-color:#f4e6c84d}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(244,230,200,.35);background:#0003;color:var(--cream);font:inherit;font-size:13px;padding:8px 12px;border-radius:20px;cursor:pointer}.chip--active{background:linear-gradient(180deg,#f0c66c,var(--gold-deep));color:#3a2410;border-color:var(--gold);font-weight:700}.input{font:inherit;font-size:18px;letter-spacing:3px;text-align:center;text-transform:uppercase;padding:12px;border-radius:12px;border:1px solid var(--gold-deep);background:#0000004d;color:var(--cream);width:100%}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;gap:10px}.splash__logo{font-size:72px;animation:bob 2s ease-in-out infinite}.splash__text{opacity:.8;margin-top:12px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home__logo{font-size:86px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}.home__title{font-size:52px;margin:0;color:var(--gold);letter-spacing:4px;text-shadow:0 3px 0 var(--gold-deep),0 6px 14px rgba(0,0,0,.6)}.home__subtitle{margin:0 0 18px;opacity:.8;font-style:italic}.home__actions{display:flex;flex-direction:column;gap:12px;width:min(320px,90%)}.home__join{display:flex;gap:8px}.home__join .input{flex:1}.home__note{font-size:12px;opacity:.6;max-width:320px;margin-top:20px}.lobby{justify-content:flex-start;padding-top:32px;gap:12px}.lobby__title{color:var(--gold);margin:0}.lobby__code{font-size:18px;background:#00000040;padding:8px 16px;border-radius:12px;border:1px dashed var(--gold-deep)}.lobby__code b{color:var(--gold);letter-spacing:3px;font-size:22px}.lobby__code-hint{display:block;font-size:11px;opacity:.6}.lobby__players{display:flex;flex-direction:column;gap:8px;width:min(340px,92%)}.lobby__player{display:flex;align-items:center;gap:10px;background:#00000038;padding:10px 14px;border-radius:12px;border:1px solid rgba(244,230,200,.15)}.lobby__player-name{flex:1;text-align:left;font-weight:600}.lobby__player--empty{opacity:.4;font-style:italic;justify-content:center}.lobby__you{font-size:11px;background:var(--gold);color:#3a2410;padding:2px 8px;border-radius:8px;font-weight:700}.lobby__section-label{font-size:13px;opacity:.7;margin-top:8px}.lobby__timers{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.lobby__buttons{display:flex;flex-direction:column;gap:10px;width:min(320px,90%);margin-top:8px}.lobby__hint{font-size:13px;opacity:.7}.table-screen{flex:1;display:flex;flex-direction:column;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-weight:700;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent)}.topbar__code{font-size:12px;opacity:.6;letter-spacing:1px}.topbar__turn{color:var(--gold);font-size:15px}.topbar__timer{font-variant-numeric:tabular-nums;background:#0000004d;padding:3px 9px;border-radius:10px;font-size:13px}.topbar__timer.low{color:#fff;background:var(--danger);animation:pulse .7s infinite}.logticker{height:22px;position:relative;text-align:center;font-size:12px;opacity:.85;overflow:hidden}.logticker__line{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.felt{position:relative;flex:1;margin:6px 10px;border-radius:48%/36%;background:radial-gradient(120% 90% at 50% 38%,var(--felt),var(--felt-2) 78%);border:8px solid #5a3b22;box-shadow:inset 0 0 60px #0000008c,var(--shadow);min-height:0}.felt__center{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%)}.seat{position:absolute;transform:translate(-50%,-50%);width:92px;z-index:2}.seat__plate{background:linear-gradient(180deg,#f2e2bf,#d8c096);color:var(--ink);border:2px solid var(--gold-deep);border-radius:12px;padding:5px 6px 6px;box-shadow:var(--shadow);position:relative}.seat--current .seat__plate{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 18px 4px #e8b75ab3;animation:pulse 1.3s infinite}.seat--dead{filter:grayscale(.9) brightness(.7)}.seat--targetable{cursor:pointer;z-index:5}.seat--targetable .seat__plate{border-color:#6dffae;box-shadow:0 0 0 2px #6dffae,0 0 16px 4px #3cffa0b3;animation:pulse .8s infinite}.seat__row{display:flex;align-items:center;justify-content:space-between;gap:4px}.seat__row--bottom{margin-top:3px}.seat__avatar{font-size:16px}.seat__role{font-size:9px;font-weight:800;padding:1px 4px;border-radius:6px;white-space:nowrap;background:#0000001f}.role--SHERIFF{background:#f4d06a}.role--OUTLAW{background:#e0a3a3}.role--RENEGADE{background:#d8c2e8}.role--DEPUTY{background:#a9d8b0}.role--hidden,.role--null{background:#0000002e}.seat__name{font-weight:800;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat__char{font-size:9px;text-align:center;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat__hp{text-align:center;font-size:10px;line-height:1.1;margin:1px 0;letter-spacing:-1px}.seat__hand,.seat__dist{font-size:10px;font-weight:700;background:#0000001f;padding:1px 5px;border-radius:7px}.seat__equip{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;margin-top:3px}.seat__skull{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:34px}.seat__marker{position:absolute;top:-10px;right:-8px;font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));animation:pulse 1s infinite}.seat__floats{position:absolute;left:50%;top:0;transform:translate(-50%);pointer-events:none}.equipchip{font-size:11px;width:18px;height:18px;display:inline-grid;place-items:center;border-radius:5px;border:1px solid rgba(0,0,0,.25)}.equip--blue{background:var(--blue-card)}.equip--brown{background:var(--brown-card)}.equip--weapon{background:var(--weapon-card)}.float{position:absolute;font-weight:900;font-size:20px;text-shadow:0 1px 3px rgba(0,0,0,.7)}.float--damage{color:#ff5b48}.float--heal{color:#59e08a}.card{position:relative;border-radius:9px;background:#fbf3e0;color:var(--ink);border:1px solid rgba(0,0,0,.35);box-shadow:var(--shadow);overflow:hidden;flex:0 0 auto}.card--hand{width:62px;height:90px}.card--small{width:50px;height:72px}.card--center{width:64px;height:92px}.card--tiny{width:34px;height:48px}.card--brown{background:linear-gradient(180deg,#fcf4e2,#f0dcb4)}.card--blue{background:linear-gradient(180deg,#eaf3fb,#c6def2)}.card--weapon{background:linear-gradient(180deg,#f7e6cf,#ecc099)}.card--back{background:repeating-linear-gradient(45deg,#7a2418,#7a2418 6px,#8c2c1d 6px,#8c2c1d 12px);border:2px solid var(--gold-deep)}.card__back-emblem{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:26px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.card__corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.9;font-weight:800}.card__corner--tl{top:3px;left:4px;font-size:12px}.card__corner--br{bottom:3px;right:4px;font-size:12px;transform:rotate(180deg)}.card__corner.red{color:#c0392b}.card__corner.black{color:#222}.card__suit{font-size:11px}.card__icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:26px}.card--small .card__icon{font-size:20px}.card--center .card__icon{font-size:28px}.card__name{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:8px;font-weight:800;padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card--small .card__name{font-size:7px}.card--selectable{cursor:pointer}.card--selected{outline:3px solid var(--gold);outline-offset:-1px}.card--dimmed{opacity:.4;filter:grayscale(.4)}.card-flight-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45;overflow:hidden}.card-flight{position:absolute;left:0;top:0;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}.card-flight--compact{opacity:.82}.center{display:flex;align-items:center;justify-content:center}.piles{display:flex;gap:16px}.pile{display:flex;flex-direction:column;align-items:center;gap:4px}.pile__discard{width:64px;height:92px;position:relative;display:grid;place-items:center}.pile__empty{width:64px;height:92px;border:2px dashed rgba(255,255,255,.3);border-radius:9px;display:grid;place-items:center;font-size:11px;opacity:.6}.pile__count{font-size:12px;font-weight:700;background:#00000059;padding:2px 8px;border-radius:9px}.store{background:#0006;padding:10px;border-radius:14px;border:1px solid var(--gold-deep);max-width:260px}.store__label{font-size:12px;font-weight:700;color:var(--gold);margin-bottom:6px}.store__cards{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.hud{position:relative;padding:4px 8px 0}.hud__info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;padding:0 6px 4px;position:relative}.hud__role{font-weight:800;padding:2px 8px;border-radius:8px;color:var(--ink)}.hud__char{opacity:.85}.hud__hp{letter-spacing:-1px;font-size:13px}.hud__equip{display:flex;gap:3px}.hud__float{position:absolute;right:12px;top:-4px}.hand{overflow-x:auto;overflow-y:visible;padding:14px 6px 8px;scrollbar-width:none}.hand::-webkit-scrollbar{display:none}.hand__inner{display:flex;justify-content:center;min-width:min-content;padding:0 30px}.hand__slot{margin-left:-18px;transition:transform .12s ease}.hand__slot:first-child{margin-left:0}.hand__slot--up{transform:translateY(-12px);z-index:3}.hand__slot--selected{transform:translateY(-18px);z-index:4}.actionbar{padding:8px 12px calc(8px + var(--safe-bottom));background:linear-gradient(0deg,rgba(0,0,0,.4),transparent);display:flex;flex-direction:column;gap:8px;align-items:center}.actionbar__hint{font-size:13px;opacity:.95;text-align:center}.actionbar__hint.big{font-size:20px;font-weight:800;color:var(--gold)}.actionbar__row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.actionbar__row--wrap{max-width:100%}.actionbar__row--cards{gap:6px}.actionbar--final{padding-bottom:calc(16px + var(--safe-bottom))}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50;padding:20px}.modal__card{background:linear-gradient(180deg,#3a2718,#271a10);border:1px solid var(--gold-deep);border-radius:16px;padding:18px;width:min(320px,92%);box-shadow:var(--shadow)}.modal__title{font-weight:800;color:var(--gold);margin-bottom:12px;text-align:center}.modal__options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.ribbon{background:var(--danger);color:#fff;text-align:center;font-size:12px;font-weight:700;padding:4px}.toasts{position:fixed;top:calc(10px + var(--safe-top));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:100;pointer-events:none}.toast{pointer-events:auto;background:#962419;color:#fff;padding:8px 16px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:var(--shadow);max-width:90%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@media (max-width: 480px){.topbar{padding:6px 10px}.topbar__turn{font-size:13px;max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logticker{height:20px;font-size:11px}.felt{margin:4px 6px;border-width:6px;border-radius:44%/30%;min-height:285px}.felt__center{top:52%}.seat{width:80px}.seat__plate{border-radius:10px;padding:4px 5px 5px}.seat__avatar{font-size:14px}.seat__role{font-size:8px;padding:1px 3px}.seat__name{font-size:10px}.seat__char{font-size:8px}.seat__hp{font-size:9px;letter-spacing:-2px}.seat__hand,.seat__dist{font-size:9px;padding:1px 4px}.seat__marker{top:-9px;right:-7px;font-size:16px}.equipchip{width:16px;height:16px;font-size:10px}.piles{gap:10px}.pile__discard,.pile__empty,.card--center{width:56px;height:80px}.store{max-width:min(240px,82vw);padding:8px}.store__cards{gap:5px}.hud{padding:3px 6px 0}.hud__info{gap:6px;font-size:11px;padding-bottom:2px}.hand{padding-top:10px}.hand__inner{padding:0 22px}.hand__slot{margin-left:-22px}.card--hand{width:56px;height:82px}.actionbar{padding:6px 8px calc(6px + var(--safe-bottom))}.actionbar__hint{font-size:12px}.btn{font-size:14px;padding:10px 13px;border-radius:10px}}