:root{--bg: #2b1d12;--bg2: #3a2817;--felt: #6b4423;--felt2: #7d5230;--gold: #e0a44a;--cream: #f3e3c3;--ink: #2a1a0c;--red: #c0392b;--green: #5a8f3c;--shadow: rgba(0,0,0,.4);--font-western: "Rye", "Georgia", serif;--font-poster: "Special Elite", "Courier New", monospace}*{box-sizing:border-box}body{margin:0;font-family:Georgia,Times New Roman,serif;background:radial-gradient(circle at 50% 20%,var(--bg2),var(--bg));color:var(--cream);min-height:100vh}button{font-family:inherit;cursor:pointer;background:#5a3c22;color:var(--cream);border:2px solid var(--gold);border-radius:6px;padding:8px 14px;font-size:14px;transition:transform .08s,background .15s}button:hover:not(:disabled){background:#714c2b;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--gold);color:var(--ink);font-weight:700}button.primary:hover:not(:disabled){background:#f0b95e}button.danger{background:var(--red);border-color:#e74c3c}button.link{background:none;border:none;color:var(--gold);text-decoration:underline;padding:2px 4px}input{font-family:inherit;font-size:15px;padding:8px 10px;border-radius:6px;border:2px solid var(--gold);background:#1f140a;color:var(--cream);width:100%}.code-input{text-transform:uppercase;letter-spacing:4px;text-align:center;font-weight:700}.app{max-width:1360px;margin:0 auto;padding:8px 12px}.topbar{display:flex;justify-content:flex-end;align-items:center;padding-bottom:6px}.topbar h1{margin:0;color:var(--gold);letter-spacing:2px;font-family:var(--font-western);font-size:30px;text-shadow:2px 2px 0 #000,0 0 8px rgba(224,164,74,.4)}.status{display:flex;align-items:center;gap:8px;font-size:13px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.on{background:var(--green)}.dot.off{background:var(--red)}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;padding:10px 18px;border-radius:8px;box-shadow:0 4px 12px var(--shadow)}.toast.error{background:var(--red);color:#fff;border:2px solid #fff}.center{text-align:center;padding:40px}.muted{color:#c9b48d}.small{font-size:12px}.home,.lobby{display:flex;justify-content:center;padding-top:40px}.card-panel{background:var(--bg2);border:3px solid var(--gold);border-radius:12px;padding:24px;width:380px;box-shadow:0 8px 24px var(--shadow)}.card-panel h2{margin-top:0;color:var(--gold)}.card-panel label{display:block;margin:12px 0;font-size:13px}.card-panel label input{margin-top:4px}.row{display:flex;gap:8px;margin:10px 0}.divider{text-align:center;margin:16px 0;color:#a98;font-style:italic}.room-code{background:var(--ink);color:var(--gold);padding:2px 10px;border-radius:6px;letter-spacing:4px}.member-list{list-style:none;padding:0}.member-list li{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #5a3c22}.member-list li.empty-slot{color:#7a6244;font-style:italic}.member-list li.offline{opacity:.5}.seat-num{background:var(--gold);color:var(--ink);width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.badge{font-size:10px;background:#5a3c22;padding:1px 6px;border-radius:8px;border:1px solid var(--gold)}.badge.you{background:var(--green);border-color:#7fb04f}.badge.off{background:var(--red)}.badge.bot{background:#2c5d8f;border-color:#5b9bd5}.table-wrap{margin-top:12px}.game-main{display:flex;gap:14px;align-items:flex-start}.table-col{flex:1;min-width:0}.side-col{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.side-section{background:#00000052;border:1px solid #5a3c22;border-radius:10px;padding:10px 12px}.side-section h3{margin:0 0 8px;color:var(--gold);font-size:15px}.range-info{margin:0 0 8px;font-size:13px}.dist-list{list-style:none;padding:0;margin:0 0 6px;font-size:13px}.dist-list li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06)}.in-range{color:#8fd16a;font-weight:700}.out-range{color:#cf9a86}.side-col .game-log{height:300px;margin-top:0}.table-circle{position:relative;width:100%;min-height:300px;background:radial-gradient(ellipse at center,var(--felt2),var(--felt));border:7px solid #3a2817;border-radius:50%/44%;box-shadow:inset 0 0 60px #00000073}.dist-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.dist-badge{position:absolute;transform:translate(-50%,-50%);z-index:2;font-size:13px;font-weight:700;padding:2px 7px;border-radius:10px;pointer-events:none;border:2px solid;box-shadow:0 2px 4px var(--shadow)}.dist-badge.in{background:#234d18;color:#aef08a;border-color:#6fcf5f}.dist-badge.out{background:#3a1d14;color:#cf9a86;border-color:#9a6b5a}.seat-pos{position:absolute;transform:translate(-50%,-50%);width:176px;z-index:3}.table-circle.compact .seat-pos{width:150px}.table-circle.compact .seat{padding:6px 7px}.table-circle.compact .char-ability{display:none}.table-circle.tiny .seat-pos{width:118px}.table-circle.tiny .seat{padding:4px 5px;font-size:11px}.table-circle.tiny .char-line{font-size:10px}.table-circle.tiny .equip-row{display:none}.table-circle.tiny .bullet{width:5px;height:13px;margin-top:6px}.table-circle.tiny .bullet:before{top:-6px;height:7px}.table-circle.tiny .pname{font-size:12px}.center-abs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:18px;z-index:2}.deck-pile,.discard-pile{text-align:center}.pile-label{font-size:11px;color:var(--cream);margin-bottom:4px}.pile-count{font-size:12px;margin-top:4px}.deck-corner{position:absolute;top:-22px;left:8px;z-index:3;display:flex;align-items:center;gap:7px;background:#120a05b3;border:1px solid #6b4a2c;border-radius:9px;padding:4px 9px 4px 5px;box-shadow:0 3px 8px #00000080}.turn-info{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#f3e3c3;background:linear-gradient(#140c06d1,#0c0703e0);border:1px solid #6b4a2c;border-radius:999px;padding:4px 12px;box-shadow:0 2px 6px #00000080}.turn-info b{color:var(--gold)}.deck-corner .card.small{width:30px;height:42px}.deck-corner-count{font-size:13px;font-weight:700;color:var(--cream)}.discard-pile.compact .card{transform:scale(.82)}.discard-pile.compact .pile-label{margin-bottom:1px}@media(max-width:900px){.game-main{flex-direction:column}.side-col{width:100%}.table-circle{height:480px}}.turn-banner{background:var(--ink);color:var(--cream);padding:10px 18px;border-radius:10px;border:2px solid var(--gold);font-weight:700;display:flex;flex-direction:column;align-items:center;gap:4px}.turn-banner.mine{background:var(--gold);color:var(--ink);animation:pulse 1.5s infinite}.phase-tag{font-size:11px;font-weight:400;opacity:.8;text-transform:uppercase}@keyframes pulse{0%,to{box-shadow:0 0 #e0a44a99}50%{box-shadow:0 0 0 8px #e0a44a00}}.seat{background:var(--bg2);border:2px solid #5a3c22;border-radius:10px;padding:8px 10px;min-width:150px;position:relative}.seat.current{border-color:var(--gold);box-shadow:0 0 12px var(--gold)}.seat.me{background:#43301c}.seat-pos .seat{min-width:0;width:100%}.seat-pos .seat.me{border-color:var(--gold);box-shadow:0 0 10px #e0a44a80}.seat-pos .seat.current.me{box-shadow:0 0 14px var(--gold)}.seat.dead{opacity:.45;filter:grayscale(.7)}.seat.jailed{border-color:#5a4a3a;box-shadow:0 0 14px #0009,inset 0 0 22px #00000073;background:#2a2420}.seat.jailed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;pointer-events:none;z-index:5;transform-origin:top;transform:scaleY(1);background:repeating-linear-gradient(90deg,rgba(12,9,6,.6) 0 2px,rgba(92,70,48,.5) 2px 3.5px,transparent 3.5px 26px);filter:drop-shadow(1px 0 0 rgba(0,0,0,.35));animation:jailbars .5s cubic-bezier(.3,1.3,.5,1) both,jailglint 4.5s ease-in-out infinite .5s}@keyframes jailbars{0%{transform:scaleY(0);opacity:.3}70%{transform:scaleY(1.04)}to{transform:scaleY(1);opacity:1}}@keyframes jailglint{0%,to{filter:brightness(1) drop-shadow(1px 0 0 rgba(0,0,0,.5))}50%{filter:brightness(1.3) drop-shadow(1px 0 0 rgba(0,0,0,.5))}}.jail-banner{position:absolute;top:-10px;left:50%;transform:translate(-50%);z-index:6;background:linear-gradient(#4a3a2a,#2a1f14);color:#e8dcc8;border:1px solid #7a5a3a;border-radius:10px;padding:2px 10px;font-size:11px;font-weight:700;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 6px #00000080;animation:jailpulse 1.6s ease-in-out infinite}@keyframes jailpulse{0%,to{box-shadow:0 2px 6px #00000080}50%{box-shadow:0 0 12px #6da3d4e6}}.seat.targetable{cursor:pointer;border-color:var(--red);box-shadow:0 0 12px var(--red)}.seat.targetable:hover{background:#5a2820}.seat-head{display:flex;justify-content:space-between;align-items:center}.pname{font-weight:700;color:var(--gold)}.dist{font-size:11px;background:var(--ink);padding:1px 6px;border-radius:8px}.char-line{font-size:12px;color:#d8c39a;margin:3px 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.role{font-size:10px;padding:1px 6px;border-radius:8px;font-weight:700}.role-sheriff{background:var(--gold);color:var(--ink)}.role-deputy{background:#6da3d4;color:var(--ink)}.role-outlaw{background:var(--red);color:#fff}.role-renegade{background:#8e44ad;color:#fff}.life-bar{display:flex;flex-flow:row wrap;align-items:flex-end;gap:4px;margin:0 0 5px;min-height:16px}.life-bar .bullet{width:7px;height:16px}.table-circle.compact .life-bar{gap:3px}.table-circle.compact .life-bar .bullet{width:6px;height:14px}.table-circle.tiny .life-bar{gap:2px;margin-bottom:3px}.table-circle.tiny .life-bar .bullet{width:5px;height:12px}.life{margin:4px 0;display:flex;align-items:flex-end;gap:4px;flex-wrap:wrap}.bullet{width:7px;height:17px;display:inline-block;position:relative;font-size:0;margin-top:7px;border-radius:1px 1px 2px 2px;background:linear-gradient(90deg,#241a10,#5a4830 45%,#241a10);border:1px solid #15100a;border-bottom-width:2px}.bullet:before{content:"";position:absolute;left:-1px;right:-1px;top:-7px;height:8px;background:linear-gradient(90deg,#241a10,#5a4830 45%,#241a10);border:1px solid #15100a;border-bottom:none;border-radius:60% 60% 8% 8%/95% 95% 8% 8%}.bullet.on{background:linear-gradient(90deg,#7e5418,#f5cf7a 45%,#a8762a);border-color:#6e4d18}.bullet.on:before{background:linear-gradient(90deg,#a8662a,#f3c463 45%,#b06e26);border-color:#6e4d18;box-shadow:0 0 5px #f0c87099}.hand-count{font-size:11px;margin-left:6px;color:#d8c39a}.equip-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.equip-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;background:linear-gradient(160deg,#d7e6fb,#aac4e6);color:#1d3a5f;border:1.5px solid #4f78ab;border-radius:7px;padding:2px 6px;line-height:1.3;box-shadow:0 1px 2px var(--shadow)}.equip-chip .equip-icon{font-size:13px}.equip-chip.pickable{cursor:pointer;border-color:var(--red);box-shadow:0 0 8px var(--red)}.equip-chip.pickable:hover{background:linear-gradient(160deg,#f3d2cc,#e3a99e)}.equip-chip.weapon{background:linear-gradient(160deg,#e8d4a8,#c9a86e 45%,#9c7b4e);color:#2a1a0c;border:1.5px solid #6b4a2c;box-shadow:inset 0 1px #fff8e680,0 1px 3px var(--shadow)}.equip-chip.weapon .equip-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.equip-chip .equip-range{background:#2a1a0c;color:var(--gold);font-weight:700;font-size:10px;border-radius:5px;padding:0 4px;margin-left:1px;letter-spacing:-.5px}.my-range-bar{display:flex;justify-content:center;margin:10px 0 4px}.my-range-plaque{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--cream);background:linear-gradient(#5c3e23,#3d2814);border:2px solid var(--gold);border-radius:999px;padding:6px 18px;box-shadow:inset 0 1px #ffebc829,0 4px 10px #00000073}.my-range-plaque .mr-gun{font-size:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.my-range-plaque .mr-name{font-family:var(--font-western);color:var(--gold);letter-spacing:.5px}.my-range-plaque .mr-sep{color:#6b4a2c}.my-range-plaque .mr-label{color:#c9b48d;font-size:12px;text-transform:uppercase;letter-spacing:1px}.my-range-plaque .mr-pips{color:var(--red);letter-spacing:2px;font-size:13px}.my-range-plaque .mr-pips b{color:var(--gold);font-size:16px;margin-left:5px;font-family:var(--font-western)}.my-range-plaque .mr-unlimited{background:var(--red);color:#fff;font-weight:700;font-size:11px;border-radius:6px;padding:1px 7px;margin-left:4px;box-shadow:0 0 6px #c0392b99;letter-spacing:.5px}.dead-overlay{position:absolute;left:50%;top:5px;transform:translate(-50%);z-index:4;font-size:11px;font-weight:700;color:#ffd9cf;white-space:nowrap;pointer-events:none;background:linear-gradient(#7a1f14,#4a120c);border:1px solid #a8412c;border-radius:8px;padding:2px 10px;box-shadow:0 2px 6px #00000080}.card{width:82px;height:116px;color:#2a1a0c;position:relative;padding:4px 4px 5px;border-radius:7px;border:1px solid #8a6a3e;display:flex;flex-direction:column;box-shadow:0 2px 5px var(--shadow);-webkit-user-select:none;user-select:none;overflow:hidden;background:radial-gradient(120% 120% at 50% 0%,#ffffff59,#0000000f 75%),linear-gradient(160deg,#f6ead0,#e3cfa3);outline:3px solid #c9a86e;outline-offset:-5px}.card.small{width:46px;height:64px;padding:2px;border-radius:5px;outline-offset:-3px;outline-width:2px}.card.big{width:94px;height:132px}.card.clickable{cursor:pointer;transition:transform .1s}.card.clickable:hover{transform:translateY(-8px);box-shadow:0 8px 16px var(--shadow)}.card.selected{transform:translateY(-12px);outline-color:var(--red);box-shadow:0 0 14px var(--red)}.card.disabled{opacity:.5;filter:grayscale(.4);cursor:default}.corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:700;z-index:2}.corner.tl{top:4px;left:5px}.corner.br{bottom:5px;right:5px;transform:rotate(180deg)}.card.small .corner{font-size:9px}.card.small .corner.br{display:none}.corner.red{color:var(--red)}.corner.black{color:#1a1a1a}.corner .rank{font-size:12px}.corner .suit{font-size:11px}.card-title{font-family:var(--font-western);font-size:9px;text-align:center;color:#3a2410;letter-spacing:.3px;line-height:1;margin:1px 6px 3px;text-shadow:0 1px 0 rgba(255,255,255,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.small .card-title{font-size:6px;margin:0 3px 1px}.card.big .card-title{font-size:11px}.card-art{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(120,85,45,.5);border-radius:3px;margin:0 2px;background:radial-gradient(circle at 50% 40%,#fffaf0b3,#9678502e 75%),repeating-linear-gradient(0deg,rgba(120,90,50,.05),rgba(120,90,50,.05) 2px,transparent 2px,transparent 4px);box-shadow:inset 0 0 8px #5a3c1e59}.card.small .card-art{border:none;box-shadow:none;background:none}.card-svg{width:72%;height:72%;color:#4a2f17;filter:drop-shadow(0 1px 0 rgba(255,255,255,.4))}.card.blue .card-svg{color:#284a6e}.card.small .card-svg{width:82%;height:82%;filter:none}.card-range{position:absolute;bottom:1px;right:2px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;background:#6e2018;border:1px solid #e9c07a;border-radius:50%;padding:0 2px;box-shadow:0 1px 2px var(--shadow)}.card.small .card-range{display:none}.card-back{background:radial-gradient(circle at 50% 38%,rgba(224,164,74,.25),transparent 60%),repeating-linear-gradient(45deg,#6e2018,#6e2018 7px,#531512 7px,#531512 14px);display:flex;align-items:center;justify-content:center;color:var(--gold);outline-color:#8a5a2a}.back-star{font-family:var(--font-western);font-size:22px;color:#e9c07a;text-shadow:0 1px 2px #000}.card.big .back-star{font-size:26px}.empty-pile{display:flex;align-items:center;justify-content:center;color:#7a6244;background:#0003;border-style:dashed;outline:none}.card.blue{background:radial-gradient(120% 120% at 50% 0%,#fff6,#0000000d 75%),linear-gradient(160deg,#e6f0fc,#bcd2ee);outline-color:#7ea0c8;border-color:#4f78ab}.card.blue .card-title{color:#1d3a5f}.card.blue .card-art{border-color:#4f78ab80}.kind-bang .card-title,.kind-gatling .card-title,.kind-duel .card-title,.kind-indians .card-title{color:#8c2b18}.kind-beer .card-title,.kind-saloon .card-title{color:#3c6a23}.kind-missed .card-title{color:#2c5f8f}.controls{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:40px 0 8px;min-height:38px}.hint{color:var(--cream);font-size:14px}.sid-hint{display:inline-flex;align-items:center;gap:8px}.hand{display:flex;gap:14px;flex-wrap:wrap;padding:12px 14px;margin-top:12px;background:linear-gradient(#5a3c22,#43301c);border:1px solid #6b4a2c;border-radius:12px;min-height:92px;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:inset 0 1px #ffebc81a,0 4px 12px #0006}.respond-panel{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:50;background:var(--ink);border:3px solid var(--gold);border-radius:12px;padding:14px 20px;box-shadow:0 8px 24px var(--shadow);text-align:center}.respond-prompt{font-size:16px;margin-bottom:10px;color:var(--gold)}.respond-actions{display:flex;gap:10px;justify-content:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:80}.overlay-box{background:var(--bg2);border:4px solid var(--gold);border-radius:16px;padding:28px;text-align:center;max-width:90vw}.overlay-box h2,.overlay-box h3{color:var(--gold);margin-top:0}.store-cards{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:16px 0}.win .winner{font-size:22px;margin:16px 0}.game-log{margin-top:14px;background:#0000004d;border-radius:10px;padding:10px 14px;height:130px;overflow-y:auto;font-size:13px;border:1px solid #5a3c22}.log-line{padding:2px 0 2px 7px;border-bottom:1px solid rgba(255,255,255,.05);border-left:3px solid transparent}.log-line.log-attack{color:#ec9a8a;border-left-color:#c0392b}.log-line.log-heal{color:#a6e082;border-left-color:#5a8f3c}.log-line.log-draw{color:#eccf86;border-left-color:#c79a3a}.log-line.log-dodge{color:#a8c8ff;border-left-color:#4f78ab}.log-line.log-death{color:#ff7a68;font-weight:700;border-left-color:#8c1a10}.char-ability{font-size:10px;color:#d8b9f0;font-style:italic;margin-top:3px;line-height:1.25;background:#8e44ad29;border-left:3px solid #b07cd6;border-radius:0 5px 5px 0;padding:3px 6px}.char-ability:before{content:"✦ ";color:#c79be6;font-style:normal}.sheriff-badge{position:absolute;top:-10px;right:-10px;width:50px;height:50px;z-index:6;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#ffe8a0,#e0a23c 62%,#a86a1e);clip-path:polygon(50% 0%,61% 18%,82% 12%,78% 33%,100% 38%,83% 52%,96% 73%,73% 71%,64% 94%,50% 76%,36% 94%,27% 71%,4% 73%,17% 52%,0% 38%,22% 33%,18% 12%,39% 18%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));animation:starshine 3s ease-in-out infinite}.sheriff-badge .sb-text{font-family:var(--font-western);font-size:8.5px;font-weight:700;color:#5a2e0a;letter-spacing:.2px;text-shadow:0 1px 0 rgba(255,255,255,.35)}.table-circle.tiny .sheriff-badge{width:38px;height:38px;top:-8px;right:-8px}.table-circle.tiny .sheriff-badge .sb-text{font-size:6.5px}@keyframes starshine{0%,to{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)) drop-shadow(0 0 3px rgba(255,200,80,.5))}50%{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)) drop-shadow(0 0 9px rgba(255,215,110,.95))}}.help-btn{background:#3a2817}.setup-box{max-width:960px}.your-role{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:10px auto 4px;padding:8px 14px;background:#00000040;border-radius:10px}.your-role .role{font-size:14px;padding:3px 12px}.your-role-goal{font-size:13px;color:var(--cream)}.life-bonus{font-size:11px;font-weight:700;color:var(--gold)}.life-malus{font-size:11px;font-weight:700;color:#e08a6a}.char-choices{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:16px 0}.char-card{width:280px;text-align:left;background:#43301c;border:2px solid var(--gold);border-radius:12px;padding:16px;cursor:pointer;transition:transform .1s,box-shadow .15s;color:var(--cream)}.char-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px var(--shadow);background:#523c24}.char-name{font-size:20px;font-weight:700;color:var(--gold)}.char-life{margin:8px 0}.char-desc{font-size:13px;line-height:1.4}.help-box{max-width:860px;max-height:85vh;overflow-y:auto;text-align:left}.help-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-28px;background:var(--bg2);padding:4px 0 8px}.help-rules ul{margin:6px 0;padding-left:18px}.help-rules li{margin:3px 0}.help-cat h3{color:var(--gold);border-bottom:1px solid #5a3c22;padding-bottom:4px;margin-bottom:8px}.help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin-bottom:14px}.help-card{display:flex;gap:8px;background:#0003;border-radius:8px;padding:8px;align-items:flex-start}.help-icon{width:30px;height:30px;flex-shrink:0;display:inline-flex}.help-icon svg{width:100%;height:100%}.help-icon.brown{color:#4a2f17}.help-icon.blue{color:#284a6e}.help-icon.char{font-size:24px;align-items:center;justify-content:center}.char-life{color:#c0392b;font-weight:400;font-size:11px;letter-spacing:-1px}.help-name{font-weight:700;color:var(--gold);font-size:13px}.help-desc{font-size:12px;line-height:1.3;color:var(--cream)}.config{margin:12px 0}.config-row{flex-wrap:wrap}.config-row button{flex:1;min-width:80px}.roles-list{list-style:none;padding:0;margin:0 0 6px}.roles-list li{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.role-count{font-weight:700;font-size:14px}.bot-tag{font-size:11px;margin-right:2px}.action-toast{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);z-index:6;padding:7px 16px;border-radius:20px;font-weight:700;font-size:14px;color:#fff;border:2px solid rgba(255,255,255,.6);box-shadow:0 4px 14px var(--shadow);white-space:nowrap;pointer-events:none;animation:toastpop 2.2s ease-out forwards}.action-toast.tone-attack{background:#b0321f}.action-toast.tone-heal{background:#3c7a2a}.action-toast.tone-equip{background:#2c5d8f}.action-toast.tone-draw{background:#8a6a2a}.action-toast.tone-info{background:#5a3c22}@keyframes toastpop{0%{opacity:0;transform:translate(-50%,-35%) scale(.8)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.95)}}.fx-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.fx-tracer{stroke:#ffd27a;stroke-width:.8;stroke-linecap:round;filter:drop-shadow(0 0 2px #ff8a3c);animation:tracer .55s ease-out forwards}@keyframes tracer{0%{opacity:0;stroke-dasharray:0 100}25%{opacity:1}60%{opacity:1;stroke-dasharray:100 0}to{opacity:0;stroke-dasharray:100 0}}.fx-burst{position:absolute;transform:translate(-50%,-50%);z-index:7;pointer-events:none;font-weight:700;font-family:var(--font-western);white-space:nowrap;animation:burstpop .9s cubic-bezier(.2,1.4,.4,1) forwards}.fx-burst.b-bang{font-size:30px;color:#ffe08a;-webkit-text-stroke:2px #8c2b18;text-shadow:0 0 10px #ff6a2c,3px 3px 0 #6e1a10}.fx-burst.b-hit{font-size:30px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.fx-burst.b-block{font-size:30px;color:#cfe0ff;text-shadow:0 0 10px #4f78ab}.fx-burst.b-heal{font-size:26px;color:#8fe06a;text-shadow:0 0 8px #2f7a1f}.fx-burst.b-draw{font-size:26px;color:#f0d9a0;text-shadow:0 0 8px #8a6a2a}@keyframes burstpop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-12deg)}35%{opacity:1;transform:translate(-50%,-60%) scale(1.25) rotate(6deg)}70%{opacity:1;transform:translate(-50%,-65%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-85%) scale(.9)}}.seat.fx-act{animation:fxact 1s ease-out}.seat.fx-hit{animation:fxhit .6s ease-out}.seat.fx-recv{animation:fxrecv 1s ease-out}@keyframes fxact{0%,to{box-shadow:none}40%{box-shadow:0 0 16px 3px var(--gold)}}@keyframes fxhit{0%,to{box-shadow:none;transform:translate(0) rotate(0)}15%{box-shadow:0 0 22px 5px #e23b2e;transform:translate(-6px) rotate(-1.5deg)}35%{transform:translate(6px) rotate(1.5deg)}55%{transform:translate(-4px) rotate(-1deg)}75%{transform:translate(3px) rotate(.5deg)}}@keyframes fxrecv{0%,to{box-shadow:none}40%{box-shadow:0 0 16px 3px #5ec24a}}.float-num{position:absolute;z-index:8;pointer-events:none;transform:translate(-50%,-50%);font-family:var(--font-western);font-size:30px;font-weight:700;animation:floatnum 1.3s ease-out forwards}.float-num.dmg{color:#ff6a5a;text-shadow:0 0 8px #8c1a10,2px 2px 0 #3a0a06}.float-num.heal{color:#8fe06a;text-shadow:0 0 8px #2f7a1f,2px 2px 0 #143a0a}@keyframes floatnum{0%{opacity:0;transform:translate(-50%,-40%) scale(.5)}18%{opacity:1;transform:translate(-50%,-90%) scale(1.3)}40%{transform:translate(-50%,-110%) scale(1)}to{opacity:0;transform:translate(-50%,-170%) scale(.9)}}.turn-banner,.char-name,.overlay-box h2,.overlay-box h3,.side-section h3,.help-cat h3,.help-name,.card-panel h2,.winner,.role{font-family:var(--font-western)}.turn-banner,.char-name{letter-spacing:.5px}.room-code{font-family:var(--font-western)}.role{font-weight:400;letter-spacing:.3px}.results-box{max-width:860px}.results-grid{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:16px 0;text-align:left}.results-col{flex:1 1 320px;min-width:300px}.results-col h3{color:var(--gold);margin:0 0 8px}.result-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.result-row{display:grid;grid-template-columns:1.4fr auto 1fr auto auto;gap:8px;align-items:center;padding:7px 10px;border-radius:8px;background:#00000038;border-left:4px solid transparent;font-size:13px}.result-row.won{border-left-color:var(--gold);background:#e0a44a26}.result-row.lost{opacity:.82}.result-row.me{outline:1px solid var(--gold)}.res-name{font-weight:700;color:var(--cream);white-space:nowrap}.res-char{font-size:12px}.res-status{font-size:12px;white-space:nowrap}.res-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px;letter-spacing:.5px}.res-badge.win{background:var(--gold);color:var(--ink)}.res-badge.lose{background:#5a4632;color:#cbb896}.leaderboard h3{color:var(--gold);margin:0 0 8px}.lb-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.lb-list li{display:grid;grid-template-columns:2.2em 1fr auto auto;gap:8px;align-items:center;padding:6px 10px;border-radius:8px;background:#00000038}.lb-list li.lb-me{outline:1px solid var(--gold);background:#e0a44a24}.lb-rank{font-size:15px;text-align:center}.lb-name{font-weight:700;color:var(--cream)}.lb-wins{font-weight:700;color:var(--gold);white-space:nowrap}.lobby-leaderboard{margin-top:16px}.end-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px;align-items:center}.end-actions .ghost{background:transparent;border:2px solid #6b4a26;color:var(--cream);padding:8px 16px;border-radius:10px;cursor:pointer}.end-actions .ghost:hover{border-color:var(--gold);background:#e0a44a1f}.landing{max-width:1000px;margin:0 auto;padding:0 16px 40px}.landing section{margin:48px 0;text-align:center}.landing h2{font-family:var(--font-western);color:var(--gold);font-size:28px;margin-bottom:20px}.hero{padding:48px 0 24px}.hero-badge{display:inline-block;padding:6px 14px;border-radius:20px;background:#e0a44a29;border:1px solid var(--gold);color:var(--gold);font-size:13px;font-weight:700;margin-bottom:18px}.hero-title{font-family:var(--font-western);font-size:88px;color:var(--gold);letter-spacing:4px;text-shadow:0 0 24px rgba(224,164,74,.5),0 5px 0 #6b3a12;margin:0;line-height:1}.hero-tagline{font-size:22px;color:var(--cream);margin:14px 0 6px;font-weight:700}.hero-sub{max-width:560px;margin:0 auto 26px;color:#d8c39a;line-height:1.5}.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}button.big{font-size:17px;padding:13px 26px;border-radius:12px}button.ghost.big{background:transparent;border:2px solid #6b4a26;color:var(--cream);cursor:pointer}button.ghost.big:hover{border-color:var(--gold);background:#e0a44a1f}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.feature-card{background:var(--bg2);border:1px solid #6b4a26;border-radius:14px;padding:22px;text-align:left;transition:transform .12s,border-color .15s}.feature-card:hover{transform:translateY(-4px);border-color:var(--gold)}.feature-ico{font-size:38px;margin-bottom:8px}.feature-card h3{color:var(--gold);margin:0 0 6px;font-size:18px}.feature-card p{margin:0;color:#d8c39a;font-size:14px;line-height:1.45}.step-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.step-card{flex:1 1 220px;max-width:280px;background:#00000038;border-radius:14px;padding:22px}.step-n{width:44px;height:44px;margin:0 auto 10px;border-radius:50%;background:var(--gold);color:var(--ink);font-family:var(--font-western);font-size:24px;display:flex;align-items:center;justify-content:center}.step-card h3{color:var(--gold);margin:0 0 6px}.step-card p{margin:0;color:#d8c39a;font-size:14px}.landing-board .card-panel{max-width:460px;margin:0 auto}.final-cta{padding:36px 0;background:#e0a44a14;border-radius:18px;border:1px solid #6b4a26}.landing-footer{text-align:center;padding:24px 0;border-top:1px solid #4a3420}.showcase{padding:8px 0}.showcase-sub{text-align:center;margin:-6px 0 26px;font-size:15px}.showcase-row{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;margin:0 auto 34px;max-width:1000px}.showcase-row.reverse{direction:rtl}.showcase-row.reverse>*{direction:ltr}.showcase-shot{border:2px solid var(--gold);border-radius:14px;overflow:hidden;box-shadow:0 14px 36px #00000080;background:var(--ink);line-height:0}.showcase-shot img{width:100%;height:auto;display:block;transition:transform .35s ease}.showcase-shot:hover img{transform:scale(1.03)}.showcase-tag{display:inline-block;background:#e0a44a29;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;margin-bottom:10px}.showcase-text h3{color:var(--gold);font-family:var(--font-western);font-size:26px;letter-spacing:1px;margin:0 0 10px}.showcase-text p{color:#d8c39a;font-size:14.5px;line-height:1.55;margin:0 0 12px}.showcase-text ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.showcase-text li{position:relative;padding-left:22px;color:var(--cream);font-size:14px}.showcase-text li:before{content:"🔸";position:absolute;left:0;font-size:12px}.showcase-cta{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:6px}@media(max-width:720px){.showcase-row,.showcase-row.reverse{grid-template-columns:1fr;direction:ltr;gap:16px}.showcase-text{text-align:left}}@media(max-width:560px){.hero-title{font-size:60px}}.auth-box{max-width:380px;width:90vw}.auth-tabs{display:flex;gap:6px;margin:8px 0 14px}.auth-tabs button{flex:1;padding:8px;border-radius:8px;background:#43301c;border:2px solid #6b4a26;color:var(--cream);cursor:pointer;font-weight:700}.auth-tabs button.active{border-color:var(--gold);background:#e0a44a33}.auth-form{display:flex;flex-direction:column;gap:10px;text-align:left}.auth-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#d8c39a}.auth-form input{padding:9px 11px;border-radius:8px;border:1px solid #6b4a26;background:#2a1a0c;color:var(--cream);font-size:14px}.auth-form input:focus{outline:none;border-color:var(--gold)}.auth-error{color:#ff9b8a;font-size:13px;margin:0}.google-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:44px}.auth-cancel{margin-top:12px;display:inline-block}.account-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0}.acct-name{font-weight:700;color:var(--gold)}.online-pill{background:#5a8f3c40;border:1px solid var(--green);color:#bfe3a0;padding:1px 9px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap}.online-line{margin:10px 0 0;color:#bfe3a0;font-size:15px}.profile-box{max-width:540px;width:92vw}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}@media(max-width:480px){.stat-cards{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#00000040;border:1px solid #6b4a26;border-radius:10px;padding:12px 8px;text-align:center}.stat-val{font-family:var(--font-western);font-size:24px;color:var(--gold)}.stat-lbl{font-size:11px;color:#d8c39a;margin-top:2px}.stat-cols{display:flex;gap:16px;flex-wrap:wrap;margin:8px 0;text-align:left}.stat-breakdown{flex:1 1 200px}.stat-breakdown h3{color:var(--gold);font-size:15px;margin:0 0 6px}.stat-breakdown ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.stat-breakdown li{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#0003;padding:4px 8px;border-radius:6px;font-size:13px}.profile-section{margin-top:14px;text-align:left;border-top:1px solid #4a3420;padding-top:12px}.profile-section h3{color:var(--gold);font-size:15px;margin:0 0 8px}.param-row{display:flex;justify-content:space-between;padding:5px 0;font-size:14px}.mode-picker{margin:14px 0;text-align:left}.mode-grid{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:92px;padding:8px 10px;border-radius:10px;background:#43301c;border:2px solid #6b4a26;cursor:pointer;color:var(--cream);transition:transform .1s,border-color .15s,background .15s}.mode-btn:hover{transform:translateY(-2px);background:#523c24}.mode-btn.active{border-color:var(--gold);background:#e0a44a33;box-shadow:0 0 10px #e0a44a66}.mode-ico{font-size:22px}.mode-name{font-size:12px;font-weight:700}.diff-grid .mode-btn{flex:1;min-width:0}.mode-current{display:inline-block;margin:6px 0;padding:6px 14px;border-radius:10px;background:#e0a44a2e;border:1px solid var(--gold);font-weight:700}.mode-desc{margin-top:4px}.mode-tag{font-family:var(--font-western);color:var(--gold);font-size:17px;margin:2px 0 8px;letter-spacing:.5px}.event-card{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:8px;background:#8c3c144d;border:1px solid #c0651f;border-radius:10px}.event-ico{font-size:26px}.event-txt{font-size:13px;line-height:1.3}.duel-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;animation:duelfade 1.9s ease-out forwards}.duel-fx:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,#3a221000 28%,#2214099e 78%)}.duel-fx.duel-final:before{background:radial-gradient(circle at 50% 45%,#2e1b0dd1,#180d06eb 90%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.duel-banner{position:relative;font-family:var(--font-western);font-size:42px;color:var(--gold);letter-spacing:3px;text-shadow:0 0 14px rgba(224,164,74,.7),0 3px 0 #6b3a12;animation:duelbanner .5s cubic-bezier(.2,1.4,.4,1) both}.duel-stage{position:relative;display:flex;align-items:center;gap:40px}.duel-side{display:flex;align-items:center;gap:14px}.duel-name{font-family:var(--font-western);letter-spacing:.5px;color:var(--cream);font-size:17px;background:linear-gradient(#3a2716,#2a1b0c);border:1.5px solid var(--gold);box-shadow:0 2px 8px #00000080;padding:5px 14px;border-radius:8px;white-space:nowrap}.duel-gun{font-size:46px;display:inline-block;color:#d4d8df;animation:duelrecoilL .35s ease-out 3}.duel-gun .wpn-svg{display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}.duel-gun.duel-flip{transform:scaleX(-1);animation:duelrecoilR .35s ease-out 3}.duel-spark{font-size:42px;animation:duelspark .35s steps(2) 3}.duel-final .duel-spark{font-size:56px;animation:duelspark .3s steps(2) 4}@keyframes duelbanner{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes duelrecoilL{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-9px) rotate(-14deg)}}@keyframes duelrecoilR{0%,to{transform:scaleX(-1) translate(0) rotate(0)}50%{transform:scaleX(-1) translate(-9px) rotate(-14deg)}}@keyframes duelspark{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.35)}}@keyframes duelfade{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.duel-fx.duel-showdown:before{background:radial-gradient(ellipse at 50% 48%,#78441e6b 22%,#36200fb3 56%,#1c1007db 88%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.duel-side .duel-hat{font-size:42px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.7))}.duel-showdown .duel-l{animation:duelEnterL .45s cubic-bezier(.2,1.1,.4,1) both}.duel-showdown .duel-r{animation:duelEnterR .45s cubic-bezier(.2,1.1,.4,1) both}@keyframes duelEnterL{0%{transform:translate(-70px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes duelEnterR{0%{transform:translate(70px);opacity:0}to{transform:translate(0);opacity:1}}.duel-mid{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:90px;min-height:60px}.duel-vs2{font-family:var(--font-western);font-size:26px;color:var(--gold);text-shadow:0 0 10px rgba(224,164,74,.7)}.duel-shot .duel-vs2{color:#ffe08a;font-size:30px;-webkit-text-stroke:1px #8c2b18;text-shadow:0 0 14px #ff7a2c,2px 2px 0 #6e1a10;animation:duelpunch .45s ease-out}.duel-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:64px;color:#ffe08a;text-shadow:0 0 20px #ff7a2c,0 0 40px #ff5a1c;animation:duelspark .4s steps(2) 3}.duel-smoke{position:absolute;top:24%;left:62%;font-size:32px;opacity:.7;animation:duelsmoke 1.2s ease-out forwards}@keyframes duelsmoke{0%{opacity:0;transform:translateY(0) scale(.6)}30%{opacity:.8}to{opacity:0;transform:translateY(-34px) scale(1.5)}}@keyframes duelpunch{0%{transform:scale(.4)}50%{transform:scale(1.4)}to{transform:scale(1)}}.duel-result{display:flex;align-items:center;gap:22px}.duel-outcome{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 18px;border-radius:14px;min-width:130px;animation:duelresult .5s cubic-bezier(.2,1.4,.4,1) both}.duel-outcome.win{background:#e0a44a38;border:2px solid var(--gold);box-shadow:0 0 22px #e0a44a99}.duel-outcome.lose{background:#c0392b38;border:2px solid var(--red);opacity:.92}.duel-trophy{font-size:40px}.duel-rname{font-weight:700;font-size:18px;color:var(--cream)}.duel-outcome.win .duel-verdict{color:var(--gold);font-weight:700;font-family:var(--font-western);letter-spacing:1px}.duel-outcome.lose .duel-verdict{color:#ff9b8a;font-weight:700}.duel-vs{font-family:var(--font-western);font-size:22px;color:#d8c39a}@keyframes duelresult{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}body{background:radial-gradient(ellipse 70% 50% at 50% -8%,rgba(224,164,74,.22),transparent 62%),radial-gradient(ellipse 90% 70% at 50% 115%,rgba(120,60,20,.3),transparent 60%),repeating-linear-gradient(91deg,rgba(0,0,0,.1) 0 1px,transparent 1px 92px),radial-gradient(circle at 50% 22%,var(--bg2),var(--bg) 72%);background-attachment:fixed}body:before{content:"";position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 42% at 50% 8%,rgba(240,180,90,.2),transparent 60%),radial-gradient(ellipse at center,transparent 56%,rgba(0,0,0,.36) 100%);animation:bgbreathe 16s ease-in-out infinite alternate}@keyframes bgbreathe{0%{transform:translate(-1.5%) scale(1);opacity:.9}to{transform:translate(1.5%,-1%) scale(1.06);opacity:1}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;background-image:radial-gradient(2px 2px at 12% 90%,rgba(240,200,120,.7),transparent),radial-gradient(2px 2px at 32% 70%,rgba(224,164,74,.5),transparent),radial-gradient(1px 1px at 54% 85%,rgba(255,230,170,.7),transparent),radial-gradient(2px 2px at 72% 60%,rgba(224,164,74,.45),transparent),radial-gradient(1px 1px at 88% 80%,rgba(255,220,150,.6),transparent),radial-gradient(2px 2px at 46% 95%,rgba(240,200,120,.5),transparent);background-size:100% 900px;background-repeat:repeat-y;animation:bgdust 26s linear infinite}@keyframes bgdust{0%{background-position:0 0}to{background-position:0 -900px}}@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none}}.app{position:relative;z-index:1}button{background:linear-gradient(#6d4a2c,#4d3119);box-shadow:inset 0 1px #ffebc82e,inset 0 -2px 4px #00000059,0 2px 4px #0006;text-shadow:0 1px 0 rgba(0,0,0,.5)}button:hover:not(:disabled){background:linear-gradient(#7d572f,#5a3a1f);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 6px #00000080}button.primary{background:linear-gradient(#f0bd63,#d2912f);color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.35)}button.primary:hover:not(:disabled){background:linear-gradient(#ffcd76,#e0a13c)}button.danger{background:linear-gradient(#cf4434,#9c2a1d)}.table-circle{background:none;border:none;box-shadow:none}.table-circle:before,.table-circle:after{display:none}.table-col{position:relative}.seat{background:linear-gradient(#3f2c19,#321f0e);box-shadow:inset 0 1px #ffebc812,0 3px 7px #0006}.seat.me{background:linear-gradient(#4a3420,#3a2614)}.card-panel{background:linear-gradient(160deg,#412d19,#33220f);box-shadow:0 12px 30px var(--shadow),inset 0 0 0 2px #00000059,inset 0 0 26px #0006}.side-section{background:linear-gradient(#3a2716,#2c1c0d);box-shadow:inset 0 0 0 1px #e0a44a1f,0 3px 8px #0006}.topbar{border-bottom:none}.card-panel h2,.side-section h3,.features h2,.steps h2,.showcase h2,.landing-board h2,.final-cta h2{font-family:var(--font-western);letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.35)}.home-hub{max-width:1100px;margin:0 auto;padding:28px 12px}.hub-header{text-align:center;margin-bottom:22px}.hub-header h2{font-family:var(--font-western);color:var(--gold);font-size:32px;letter-spacing:1px;margin:0 0 6px;text-shadow:0 2px 0 rgba(0,0,0,.4)}.hub-header .hub-name{color:var(--cream)}.hub-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:20px;align-items:start}.hub-grid .card-panel{width:auto;display:flex;flex-direction:column}@media(max-width:920px){.hub-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.member-stats{display:flex;gap:8px;margin:0 0 14px}.mstat{flex:1;background:#00000040;border:1px solid #5a3c22;border-radius:10px;padding:8px 4px;text-align:center}.mstat-val{display:block;font-family:var(--font-western);font-size:22px;color:var(--gold)}.mstat-lbl{font-size:10px;color:#c9b48d;text-transform:uppercase;letter-spacing:.5px}.create-btn{margin-top:4px}.board-panel .leaderboard{margin:0}.home-split{gap:22px;align-items:stretch;flex-wrap:wrap;padding-top:36px}.home-split .card-panel{width:360px;display:flex;flex-direction:column}.member-panel{background:linear-gradient(160deg,#3a2716,#2a1b0c)}.member-id{display:flex;align-items:center;gap:12px;margin:6px 0 16px;padding:12px;background:#00000047;border-radius:10px;border:1px solid #5a3c22}.member-avatar{font-size:38px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.member-meta{display:flex;flex-direction:column;min-width:0}.member-name{font-weight:700;color:var(--gold);font-size:18px}.member-email{word-break:break-all}.member-actions{display:flex;flex-direction:column;gap:8px}.member-panel .divider{margin:16px 0 12px}.play-panel .big{width:100%}.join-row{align-items:stretch}.join-row input{flex:1}.join-row button{white-space:nowrap}@media(max-width:800px){.home-split .card-panel{width:100%;max-width:380px}}.fx-dynamite{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;overflow:hidden;border-radius:50%/44%}.dyn-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,rgba(255,230,150,.9),rgba(255,120,40,.4) 40%,transparent 70%);animation:dynflash 1.6s ease-out forwards}.dyn-blast{position:absolute;transform:translate(-50%,-50%)}.dyn-ring{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;border:6px solid rgba(255,180,80,.9);box-shadow:0 0 30px #ff8c28cc;animation:dynring 1.1s cubic-bezier(.2,.7,.3,1) forwards}.dyn-boom{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:60px;filter:drop-shadow(0 0 16px #ff8a2c);animation:dynboom 1.4s ease-out forwards}.dyn-label{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);font-family:var(--font-western);font-size:38px;color:#ffd27a;letter-spacing:2px;text-shadow:0 0 16px #ff5a1c,3px 3px 0 #6e1a10;animation:dynlabel 1.6s ease-out forwards}@keyframes dynflash{0%{opacity:0}8%{opacity:1}30%{opacity:.7}to{opacity:0}}@keyframes dynring{0%{width:20px;height:20px;opacity:1}to{width:360px;height:360px;opacity:0}}@keyframes dynboom{0%{transform:translate(-50%,-50%) scale(.2) rotate(-8deg);opacity:0}20%{opacity:1;transform:translate(-50%,-50%) scale(1.5) rotate(6deg)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes dynlabel{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}75%{opacity:1;transform:translate(-50%,-55%) scale(1)}to{opacity:0;transform:translate(-50%,-70%) scale(.95)}}.table-circle.shake{animation:tableshake .6s cubic-bezier(.36,.07,.19,.97) 2}@keyframes tableshake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.fx-indians{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;overflow:hidden;border-radius:50%/44%}.ind-banner{position:absolute;left:50%;top:28%;transform:translate(-50%,-50%);font-family:var(--font-western);font-size:36px;color:#f3e3c3;letter-spacing:2px;text-shadow:0 0 14px #8c4a18,3px 3px 0 #5a2a10;animation:indbanner 1.8s ease-out forwards}.ind-rider{position:absolute;left:-12%;display:inline-flex;align-items:center;animation:indrider 1.25s cubic-bezier(.3,.1,.5,1) forwards}.ind-rider .rider-emoji{font-size:34px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.55));animation:ridergallop .22s ease-in-out infinite;transform-origin:bottom}.ind-rider .rider-feather{font-size:18px;margin-left:-8px;align-self:flex-start;transform:rotate(-20deg)}.ind-rider .rider-dust{font-size:22px;opacity:.55;margin-right:-6px;align-self:flex-end}@keyframes ridergallop{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}@keyframes indrider{0%{left:-12%;opacity:0}8%{opacity:1}92%{opacity:1}to{left:112%;opacity:0}}@keyframes indbanner{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}@keyframes indarrow{0%{left:-10%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:110%;opacity:0}}.fx-card-fly{position:absolute;z-index:9;pointer-events:none;left:var(--x1);top:var(--y1);animation:cardfly 1.4s cubic-bezier(.4,.1,.3,1) forwards}.fx-card-fly .fly-card{transform:translate(-50%,-50%);box-shadow:0 6px 16px #0009}.fx-card-fly .fly-tag{position:absolute;left:50%;top:-16px;transform:translate(-50%);font-size:12px;font-weight:700;white-space:nowrap;color:#ffe0a0;text-shadow:0 1px 3px #000}.fx-card-fly.steal .fly-tag{color:#ffb3a0}@keyframes cardfly{0%{left:var(--x1);top:var(--y1);opacity:0;transform:scale(.5) rotate(0)}15%{opacity:1;transform:scale(1.1) rotate(25deg)}85%{opacity:1}to{left:var(--x2);top:var(--y2);opacity:0;transform:scale(.7) rotate(380deg)}}.fx-bang{position:absolute;transform:translate(-50%,-50%);z-index:9;pointer-events:none;width:0;height:0}.fx-bang>div{position:absolute;left:0;top:0}.fx-bang .bang-flash{width:130px;height:130px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,210,120,.5) 42%,transparent 70%);animation:bangflash .55s ease-out forwards}.fx-bang .bang-star{width:132px;height:132px;transform:translate(-50%,-50%) scale(0);background:linear-gradient(160deg,#ffd23f,#ff7a18);clip-path:polygon(50% 0%,61% 22%,86% 17%,73% 38%,99% 50%,73% 62%,86% 83%,61% 78%,50% 100%,39% 78%,14% 83%,27% 62%,1% 50%,27% 38%,14% 17%,39% 22%);filter:drop-shadow(0 2px 7px rgba(120,40,0,.55));animation:bangstar 1s cubic-bezier(.2,1.4,.4,1) forwards}.fx-bang .bang-word{transform:translate(-50%,-50%) rotate(-8deg);font-family:var(--font-western);font-size:33px;color:#b0231a;-webkit-text-stroke:2px #fff3d4;text-shadow:0 3px 0 #6e1410,0 0 14px rgba(255,160,60,.85);white-space:nowrap;animation:bangword 1s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes bangflash{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}@keyframes bangstar{0%{transform:translate(-50%,-50%) scale(0) rotate(-30deg);opacity:0}30%{transform:translate(-50%,-50%) scale(1.18) rotate(8deg);opacity:1}60%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-62%) scale(.85) rotate(-4deg);opacity:0}}@keyframes bangword{0%{transform:translate(-50%,-50%) scale(.2) rotate(-22deg);opacity:0}35%{transform:translate(-50%,-50%) scale(1.2) rotate(6deg);opacity:1}65%{transform:translate(-50%,-50%) scale(1) rotate(-8deg);opacity:1}to{transform:translate(-50%,-64%) scale(.95) rotate(-8deg);opacity:0}}.fx-missed{position:absolute;transform:translate(-50%,-50%);z-index:9;pointer-events:none;width:0;height:0}.fx-missed>div{position:absolute;left:0;top:0}.fx-missed .miss-star{width:122px;height:122px;transform:translate(-50%,-50%) scale(0);background:linear-gradient(160deg,#eaf2ff,#9fb6d6 55%,#5f7da3);clip-path:polygon(50% 0%,61% 22%,86% 17%,73% 38%,99% 50%,73% 62%,86% 83%,61% 78%,50% 100%,39% 78%,14% 83%,27% 62%,1% 50%,27% 38%,14% 17%,39% 22%);filter:drop-shadow(0 2px 7px rgba(20,40,80,.5));animation:bangstar 1s cubic-bezier(.2,1.4,.4,1) forwards}.fx-missed .miss-ricochet{left:-64px;top:-3px;width:128px;height:3px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,#cfe0ff 40%,#fff 50%,#cfe0ff 60%,transparent);box-shadow:0 0 8px #8fc4ff;animation:missrico .55s ease-out forwards}.fx-missed .miss-word{transform:translate(-50%,-50%) rotate(-8deg);font-family:var(--font-western);font-size:31px;color:#2c4a72;-webkit-text-stroke:2px #eaf2ff;text-shadow:0 3px 0 #1d3354,0 0 14px rgba(150,190,255,.85);white-space:nowrap;animation:bangword 1s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes missrico{0%{opacity:0;transform:translateY(-50%) scaleX(.2)}40%{opacity:1;transform:translateY(-50%) scaleX(1)}to{opacity:0;transform:translateY(-50%) translate(46px) scaleX(.4)}}.equip-chip.weapon-r1{background:linear-gradient(160deg,#e9b27c,#c67c3c 48%,#93542a);border-color:#6e3f18;color:#2a160a}.equip-chip.weapon-r2{background:linear-gradient(160deg,#f3dca6,#cba35d 48%,#9c7b3e);border-color:#6e4d18}.equip-chip.weapon-r3{background:linear-gradient(160deg,#eef1f4,#c4cad1 48%,#939ba4);border-color:#6b727a;color:#1d2228}.equip-chip.weapon-r4{background:linear-gradient(160deg,#e9b27c,#c67c3c 48%,#93542a);border-color:#6e3f18;color:#2a160a}.equip-chip.weapon-r5{background:linear-gradient(160deg,#7a5530,#4a3018 60%,#2c1c0d);border-color:#caa24a;color:#f6e6c0}.equip-chip.weapon-r5 .equip-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.my-range-plaque.weapon-r1{border-color:#c67c3c}.my-range-plaque.weapon-r2{border-color:#e0a44a}.my-range-plaque.weapon-r3{border-color:#c4cad1}.my-range-plaque.weapon-r4{border-color:#c67c3c}.my-range-plaque.weapon-r5{border-color:#caa24a;box-shadow:inset 0 1px #ffffff26,0 0 16px #caa24a80,0 4px 10px #00000080}.fx-dynpass{position:absolute;z-index:9;pointer-events:none;left:var(--x1);top:var(--y1);animation:cardfly 1.5s cubic-bezier(.4,.1,.3,1) forwards}.fx-dynpass .dynpass-stick{position:absolute;transform:translate(-50%,-50%);font-size:34px;filter:drop-shadow(0 0 8px #ff7a2c)}.fx-dynpass .dynpass-fuse{position:absolute;transform:translate(-50%,-50%);left:6px;top:-12px;font-size:20px;animation:fusewiggle .25s linear infinite}.fx-dynpass .dynpass-tag{position:absolute;left:50%;top:18px;transform:translate(-50%);white-space:nowrap;font-size:11px;font-weight:700;color:#ffcf8a;text-shadow:0 1px 3px #000}@keyframes fusewiggle{0%,to{transform:translate(-50%,-50%) rotate(-12deg)}50%{transform:translate(-50%,-50%) rotate(12deg)}}.fx-hit-impact{position:absolute;transform:translate(-50%,-50%);z-index:9;pointer-events:none;width:0;height:0}.fx-hit-impact>div{position:absolute;left:0;top:0}.fx-hit-impact .hit-splat{width:40px;height:40px;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,#c0140a 0%,#8c0f08 55%,transparent 72%);clip-path:polygon(50% 0,58% 30%,88% 22%,66% 46%,96% 62%,64% 64%,74% 96%,50% 70%,28% 94%,36% 63%,6% 60%,36% 46%,12% 22%,42% 30%);animation:hitsplat .8s cubic-bezier(.2,1.3,.4,1) forwards}.fx-hit-impact .hit-word{transform:translate(-50%,-50%);font-family:var(--font-western);font-size:20px;color:#ff5a4a;-webkit-text-stroke:1px #5a0f08;text-shadow:0 2px 0 #3a0805;white-space:nowrap;animation:floatup 1s ease-out forwards}@keyframes hitsplat{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-10deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(4deg)}70%{opacity:.9;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}@keyframes floatup{0%{opacity:0;transform:translate(-50%,-50%)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-130%)}}.fx-barrel{position:absolute;transform:translate(-50%,-50%);z-index:9;pointer-events:none;width:0;height:0}.fx-barrel>div{position:absolute;left:0;top:0}.fx-barrel .brl-spark{width:70px;height:70px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,235,180,.7),transparent 65%);animation:bangflash .6s ease-out forwards}.fx-barrel .brl-icon{transform:translate(-50%,-50%);font-size:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));animation:bangstar .9s cubic-bezier(.2,1.4,.4,1) forwards}.fx-barrel .brl-word{transform:translate(-50%,-50%) rotate(-6deg);font-family:var(--font-western);font-size:24px;color:#f3e3c3;-webkit-text-stroke:1.5px #5a3c22;text-shadow:0 2px 0 #3a2410,0 0 12px rgba(224,164,74,.6);white-space:nowrap;animation:bangword 1s cubic-bezier(.2,1.4,.4,1) forwards}.kill-badge{font-size:10px;font-weight:700;background:#5a1410;color:#ffd0c4;border:1px solid #8c2b18;border-radius:7px;padding:0 4px;box-shadow:0 0 5px #c0392b80}.fx-death{position:absolute;transform:translate(-50%,-50%);z-index:10;pointer-events:none;width:0;height:0;display:flex;flex-direction:column;align-items:center}.fx-death>div{position:absolute;left:0;transform:translate(-50%);white-space:nowrap}.fx-death .death-skull{top:0;font-size:54px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.7));animation:deathskull 2s cubic-bezier(.2,1,.4,1) forwards}.fx-death .death-word{top:0;font-family:var(--font-western);font-size:26px;color:#e8e8e8;-webkit-text-stroke:1.5px #1a1a1a;text-shadow:0 2px 0 #000,0 0 14px rgba(0,0,0,.8);animation:deathword 2s ease-out forwards}.fx-death .death-role{top:0;font-size:14px;font-weight:700;padding:2px 10px;border-radius:8px;animation:deathrole 2s ease-out forwards}@keyframes deathskull{0%{opacity:0;transform:translate(-50%,10px) scale(.4) rotate(-12deg)}25%{opacity:1;transform:translate(-50%,-14px) scale(1.2) rotate(4deg)}70%{opacity:1;transform:translate(-50%,-22px) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-44px) scale(.9)}}@keyframes deathword{0%{opacity:0;transform:translate(-50%,24px) scale(.5)}30%{opacity:1;transform:translate(-50%,22px) scale(1.1)}75%{opacity:1;transform:translate(-50%,22px) scale(1)}to{opacity:0;transform:translate(-50%,14px) scale(.95)}}@keyframes deathrole{0%,20%{opacity:0;transform:translate(-50%,48px) scale(.6)}45%{opacity:1;transform:translate(-50%,46px) scale(1.1)}80%{opacity:1;transform:translate(-50%,46px) scale(1)}to{opacity:0;transform:translate(-50%,40px) scale(.95)}}.fx-heal{position:absolute;transform:translate(-50%,-50%);z-index:9;pointer-events:none;width:0;height:0}.fx-heal>div{position:absolute;left:0;top:0}.fx-heal .heal-glow{width:90px;height:90px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(150,224,106,.55),rgba(240,200,112,.25) 45%,transparent 70%);animation:healglow 1.1s ease-out forwards}.fx-heal .heal-bullet{width:13px;height:28px;transform:translate(-50%,-50%);border-radius:2px 2px 3px 3px;background:linear-gradient(90deg,#7e5418,#f5cf7a 48%,#b8852f);border:1px solid #6e4d18;box-shadow:0 0 10px #f5cf7acc;animation:healbullet 1.1s cubic-bezier(.2,1.2,.4,1) forwards}.fx-heal .heal-bullet:before{content:"";position:absolute;left:-1px;right:-1px;top:-7px;height:9px;border-radius:60% 60% 8% 8%/95% 95% 8% 8%;background:linear-gradient(90deg,#a8662a,#f3c463 48%,#b06e26);border:1px solid #6e4d18}.fx-heal .heal-glint{transform:translate(-50%,-50%);font-size:26px;color:#fff;text-shadow:0 0 12px #a6e082;animation:healglint .8s ease-out forwards}.fx-heal .heal-word{transform:translate(-50%,-50%);font-family:var(--font-western);font-size:22px;color:#a6e082;-webkit-text-stroke:1px #2f5a1f;text-shadow:0 2px 0 #143a0a,0 0 12px rgba(150,224,106,.7);white-space:nowrap;animation:healword 1.2s cubic-bezier(.2,1.2,.4,1) forwards}@keyframes healglow{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes healbullet{0%{opacity:0;transform:translate(-50%,24px) scale(.8) rotate(-8deg)}35%{opacity:1;transform:translate(-50%,-6px) scale(1.1) rotate(2deg)}60%{transform:translate(-50%,-2px) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-8px) scale(1)}}@keyframes healglint{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}45%{opacity:1;transform:translate(8px,-18px) scale(1.2) rotate(40deg)}to{opacity:0;transform:translate(14px,-26px) scale(.7) rotate(80deg)}}@keyframes healword{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}30%{opacity:1;transform:translate(-50%,-150%) scale(1.1)}70%{opacity:1;transform:translate(-50%,-220%) scale(1)}to{opacity:0;transform:translate(-50%,-300%) scale(.95)}}.table-wrap{position:relative}.table-wrap>.game-main,.table-wrap>.controls,.table-wrap>.hand,.table-wrap>.my-range-bar{position:relative;z-index:2}.topbar{position:relative;z-index:6}.game-decor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#4a2d18,#6e3f1e 34%,#9c5a28 52%,#7a4a26 64%,#2f1d10)}.decor-sun{position:absolute;top:5%;right:11%;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle at 50% 44%,#fff8ea,#ffe9b2 24%,#ffd07a 46%,#ffae50 64%,#f3893a 74%,#f3893a00 79%);box-shadow:0 0 46px 8px #ffb85c52;animation:decorsun 10s ease-in-out infinite alternate}.decor-sun:before{content:"";position:absolute;top:-72%;right:-72%;bottom:-72%;left:-72%;border-radius:50%;z-index:-1;background:repeating-conic-gradient(from 0deg,rgba(255,212,134,.13) 0 4deg,transparent 4deg 15deg);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%);animation:sunrays 140s linear infinite}.decor-sun:after{content:"";position:absolute;top:-42%;right:-42%;bottom:-42%;left:-42%;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(255,192,104,.16),transparent 58%)}@keyframes sunrays{to{transform:rotate(360deg)}}.decor-cloud{position:absolute;font-size:46px;opacity:.22;filter:grayscale(.3) brightness(1.1)}.decor-cloud.c1{top:12%;left:-14%;animation:decorcloud 55s linear infinite}.decor-cloud.c2{top:22%;left:-24%;font-size:70px;opacity:.16;animation:decorcloud 80s linear infinite}.decor-cloud.c3{top:7%;left:-34%;font-size:36px;opacity:.2;animation:decorcloud 66s linear infinite 8s}.decor-bigcactus{position:absolute;right:.5%;bottom:9%;font-size:160px;line-height:1;z-index:1;opacity:.9;filter:brightness(.28) saturate(.65) drop-shadow(0 5px 10px rgba(0,0,0,.5))}@media(max-width:900px){.decor-bigcactus{font-size:110px}}.decor-ground{position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(180deg,transparent,#6e4220 50%,#4a2c14);box-shadow:inset 0 14px 30px #0006}.decor-cacti{position:absolute;left:0;right:0;bottom:13%;text-align:center;font-size:40px;letter-spacing:26px;opacity:.5;filter:brightness(.18) saturate(.5);white-space:nowrap}.decor-tumble{position:absolute;left:-8%;width:40px;height:40px;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 0deg,transparent 0 7deg,rgba(86,60,28,.7) 7deg 9deg),radial-gradient(circle,rgba(156,116,60,.45),rgba(92,64,30,.75) 68%,transparent 74%);border:1px solid rgba(74,52,24,.6);filter:brightness(.92)}.decor-tumble.t1{bottom:7%;animation:decortumble 16s linear infinite}.decor-tumble.t2{bottom:12%;width:26px;height:26px;animation:decortumble 23s linear infinite 9s}.decor-fire{position:absolute;bottom:8%;left:6%;width:64px;height:64px;z-index:0}.decor-fire .fire-glow{position:absolute;left:50%;bottom:0;width:96px;height:64px;transform:translate(-50%);background:radial-gradient(ellipse at 50% 100%,rgba(255,150,50,.5),rgba(255,100,30,.14) 48%,transparent 72%);animation:fireglow .55s ease-in-out infinite alternate}.decor-fire .fire-logs{position:absolute;left:50%;bottom:-3px;transform:translate(-50%);font-size:30px;filter:brightness(.7) drop-shadow(0 2px 2px rgba(0,0,0,.5))}.decor-fire .fire-flame{position:absolute;left:50%;bottom:9px;transform:translate(-50%);transform-origin:50% 100%;filter:drop-shadow(0 0 9px rgba(255,140,40,.7))}.decor-fire .fire-flame.f-back{font-size:32px;opacity:.65;animation:flameflick .36s ease-in-out infinite alternate}.decor-fire .fire-flame.f-main{font-size:26px;animation:flameflick .24s ease-in-out infinite alternate-reverse}.decor-fire .fire-flame.f-front{font-size:17px;bottom:7px;animation:flameflick .18s ease-in-out infinite alternate}@keyframes flameflick{0%{transform:translate(-50%) scale(1) rotate(-3deg)}to{transform:translate(-50%) scale(1.12) rotate(3deg)}}.decor-fire .fire-ember{position:absolute;bottom:18px;width:3px;height:3px;border-radius:50%;background:#ffbe54;box-shadow:0 0 5px #ff8a2c;opacity:0;animation:fireember 1.8s ease-out infinite}@keyframes fireglow{0%{opacity:.7;transform:translate(-50%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1.1)}}@keyframes fireember{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:1}to{opacity:0;transform:translateY(-46px) translate(7px) scale(.4)}}.decor-smoke{position:absolute;left:9px;bottom:22px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,rgba(210,205,195,.5),transparent 70%);opacity:0}.decor-smoke.s1{animation:decorsmoke 4.2s ease-out infinite}.decor-smoke.s2{animation:decorsmoke 4.2s ease-out infinite 1.4s}.decor-smoke.s3{animation:decorsmoke 4.2s ease-out infinite 2.8s}@keyframes fireflick{0%{transform:scale(1) rotate(-3deg)}to{transform:scale(1.14) rotate(3deg)}}@keyframes decorsmoke{0%{opacity:0;transform:translate(0) scale(.5)}20%{opacity:.45}to{opacity:0;transform:translate(12px,-64px) scale(2.3)}}@keyframes decorsun{0%{transform:scale(1);opacity:.85}to{transform:scale(1.08);opacity:1}}@keyframes decorcloud{0%{transform:translate(0)}to{transform:translate(135vw)}}@keyframes decorbird{0%{transform:translate(0) translateY(0)}50%{transform:translate(60vw) translateY(-14px)}to{transform:translate(125vw) translateY(6px)}}@keyframes decortumble{0%{left:-8%;transform:rotate(0);opacity:0}5%{opacity:.85}45%{left:112%;transform:rotate(1080deg);opacity:.85}46%,to{left:112%;transform:rotate(1080deg);opacity:0}}@media(prefers-reduced-motion:reduce){.decor-cloud,.decor-tumble,.decor-sun,.decor-smoke,.fire-flame{animation:none}}.decor-wind{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.wind-streak{position:absolute;left:-28%;height:1.5px;width:220px;border-radius:2px;opacity:0;background:linear-gradient(90deg,transparent,rgba(222,194,140,.3) 45%,rgba(255,238,200,.4) 55%,transparent);filter:blur(.6px)}.decor-wind .wind-streak:nth-child(2n){width:340px}.wind-streak{animation:windgust 22s ease-in-out infinite}@keyframes windgust{0%,70%{left:-28%;opacity:0}74%{opacity:.32}84%{left:122%;opacity:.26}86%,to{left:122%;opacity:0}}@media(prefers-reduced-motion:reduce){.wind-streak{animation:none}}.side-section h3{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:6px}.side-section h3:before{content:"▾";font-size:10px;opacity:.7;transition:transform .15s}.side-section.collapsed h3:before{transform:rotate(-90deg)}.side-section.collapsed>*:not(h3){display:none}.side-section.collapsed{padding-bottom:8px}.side-section.collapsed h3{margin-bottom:0}.decor-mesa{position:absolute;bottom:22%;background:#3a2414;opacity:.55;filter:brightness(.55) saturate(.7);z-index:0}.decor-mesa.m1{left:4%;width:200px;height:78px;clip-path:polygon(6% 100%,12% 34%,24% 34%,28% 14%,66% 14%,70% 36%,84% 36%,90% 100%)}.decor-mesa.m2{right:7%;width:150px;height:58px;opacity:.42;clip-path:polygon(8% 100%,16% 28%,80% 28%,88% 100%)}.decor-fence{position:absolute;left:0;right:0;bottom:17%;height:34px;z-index:0;opacity:.5;background:repeating-linear-gradient(90deg,transparent 0 60px,rgba(46,28,14,.9) 60px 66px),linear-gradient(transparent 9px,rgba(46,28,14,.75) 9px 14px,transparent 14px 22px,rgba(46,28,14,.75) 22px 27px,transparent 27px);filter:brightness(.6)}.decor-skull{position:absolute;bottom:7%;left:24%;font-size:28px;z-index:0;opacity:.8;filter:brightness(.35) saturate(.5) drop-shadow(0 2px 3px rgba(0,0,0,.5))}.decor-mountain{position:absolute;bottom:22%;left:-3%;width:340px;height:210px;z-index:0;background:linear-gradient(180deg,#6e4f3a,#463121);opacity:.34;filter:brightness(.72) blur(.6px);clip-path:polygon(0 100%,8% 56%,16% 70%,30% 22%,40% 8%,52% 40%,60% 26%,74% 60%,86% 38%,100% 70%,100% 100%)}@media(max-width:900px){.decor-mountain{width:230px;height:140px}}.decor-town{position:absolute;bottom:18.5%;left:40%;display:flex;align-items:flex-end;gap:8px;z-index:0;opacity:.6;filter:brightness(.34) saturate(.6) drop-shadow(0 5px 8px rgba(0,0,0,.45))}.decor-town .bld{display:block;background:#2e1c10;position:relative}.decor-town .bld:after{content:"";position:absolute;left:20%;top:30%;width:14%;height:13%;background:#ffc46e8c;box-shadow:42% 0 0 #ffc46e8c,0 180% 0 #ffc46e66,42% 180% 0 #ffc46e66}.decor-town .b1{width:150px;height:200px;clip-path:polygon(0 100%,0 30%,50% 0,100% 30%,100% 100%)}.decor-town .b2{width:190px;height:280px}.decor-town .b2:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:#2e1c10}.decor-town .b3{width:120px;height:175px}.decor-town .b4{width:165px;height:230px;clip-path:polygon(0 100%,0 26%,50% 0,100% 26%,100% 100%)}.decor-town .b5{width:110px;height:150px}@media(max-width:900px){.decor-town{transform:scale(.6);transform-origin:bottom left}}.decor-dune{position:absolute;z-index:0;filter:blur(1px);background:linear-gradient(180deg,#936038,#5e3c20);border-radius:50% 50% 0 0/100% 100% 0 0}.decor-dune.d1{bottom:20%;right:3%;width:380px;height:64px;opacity:.34}.decor-dune.d2{bottom:21%;left:30%;width:280px;height:46px;opacity:.26}.decor-town.back{left:33%;bottom:20.5%;gap:14px;transform:scale(.62);transform-origin:bottom left;opacity:.4;filter:brightness(.42) saturate(.4) blur(1.1px)}.decor-town.back .bld:after{display:none}.decor-haze{position:absolute;left:0;right:0;bottom:17%;height:80px;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(150,96,48,.28) 55%,rgba(120,74,38,.38));filter:blur(3px)}.game-decor.street{background:linear-gradient(180deg,#7a4a8a,#b56a5a 26%,#e0975a 46%,#f0b566,#c98a52 66%,#7a5230 78%,#5a3c22)}.game-decor.street .decor-sun{top:6%;right:9%;left:auto;transform:none;width:120px;height:120px;background:radial-gradient(circle at 50% 46%,#fff6e6,#ffe9b2 30%,#ffcf80 56%,#ffb95e 72%,#ffb95e00 78%)}.game-decor.street .decor-sun:before{animation:none;opacity:.5}.decor-street{position:absolute;left:0;right:0;bottom:0;height:42%;background:radial-gradient(ellipse 60% 120% at 50% 100%,rgba(190,140,82,.5),transparent 70%),linear-gradient(180deg,#6e4a28,#8a5e34 40%,#744e2c);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%)}.bldg-row{position:absolute;bottom:5%;display:flex;align-items:flex-end;gap:3px;z-index:0}.bldg-row.left{left:0;transform:perspective(900px) rotateY(20deg);transform-origin:left bottom}.bldg-row.right{right:0;transform:perspective(900px) rotateY(-20deg);transform-origin:right bottom;flex-direction:row-reverse}.bldg{position:relative;width:116px;border:2px solid #2e1c10;border-bottom:none;background:linear-gradient(180deg,transparent 0 55%,rgba(0,0,0,.28) 55% 58%,transparent 58%),repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,rgba(255,235,200,.04) 1px 2px,transparent 2px 14px),linear-gradient(180deg,#855a32,#6b4626 55%,#563718);box-shadow:inset 0 8px 12px #00000047,inset 0 0 0 1px #ffebc80d}.bldg:before{content:"";position:absolute;left:-4px;right:-4px;top:-13px;height:13px;background:linear-gradient(#4a3320,#2e1c10);border:1px solid #241609;border-radius:2px;box-shadow:0 3px 5px #0006,inset 0 2px #ffebc814}.bldg:after{content:"";position:absolute;left:-6px;right:-6px;bottom:58px;height:13px;background:repeating-linear-gradient(90deg,#8c2b18 0,#8c2b18 9px,#e8d8b8 9px,#e8d8b8 18px);border-bottom:2px solid #3a2817;box-shadow:0 4px 6px #0006}.bldg.store,.bldg.saloon{height:380px}.bldg.b-a,.bldg.b-c{height:290px}.bldg.b-b,.bldg.b-d{height:215px}.bldg .win{position:absolute;width:22px;height:30px;background:linear-gradient(#ffe09a,#e09a3a);border:2px solid #2e1c10;box-shadow:0 0 9px #ffc86e80}.bldg .win:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:linear-gradient(#2e1c10,#2e1c10) 50%/2px 100% no-repeat,linear-gradient(#2e1c10,#2e1c10) 50%/100% 2px no-repeat}.bldg .win:after{content:"";position:absolute;left:-3px;right:-3px;bottom:-4px;height:3px;background:#3a2817;border-radius:1px}.bldg .win:nth-of-type(1){left:13px;top:34px}.bldg .win:nth-of-type(2){right:13px;top:34px}.bldg .win:nth-of-type(3){left:13px;top:86px}.bldg .win:nth-of-type(4){right:13px;top:86px}.bldg .door{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:34px;height:56px;background:linear-gradient(#4a3320,#2a1810);border:2px solid #2e1c10;border-bottom:none;border-radius:4px 4px 0 0;box-shadow:inset 0 0 0 3px #00000040,inset 3px 6px 0 -2px #ffebc80f}.bldg .door.swing{background:repeating-linear-gradient(90deg,#5a3c22 0,#5a3c22 7px,#3a2817 7px,#3a2817 9px)}.bldg .door.swing:before{content:"";position:absolute;left:0;right:0;top:30%;height:2px;background:#241609}.bsign{position:absolute;top:14px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-western);font-size:11px;letter-spacing:.5px;color:#f3e3c3;z-index:2;background:linear-gradient(#3a2817,#241609);border:1px solid #6b4a2c;padding:3px 7px;border-radius:3px;box-shadow:0 2px 4px #00000080}.bsign.saloon-sign{color:#ffd96b;border-color:#caa24a;box-shadow:0 0 8px #caa24a66}.hand{background:linear-gradient(#180e07c7,#0c0703db)!important;border-color:#2e1c10!important}.game-decor.town{background:#c69653 url(/decor/town.jpg) center center / cover no-repeat}.status{gap:7px;background:linear-gradient(#3a2716,#271a0c);border:1px solid #6b4a2c;border-radius:999px;padding:4px 6px 4px 12px;box-shadow:0 3px 10px #00000080,inset 0 1px #ffebc814}.online-pill{background:#5a8f3c47;border:1px solid var(--green);color:#bfe3a0;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}.conn-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#d8c39a;background:#0000004d;border-radius:999px;padding:2px 9px}.conn-chip.off{color:#e8a08a}.user-chip{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--gold);background:#e0a44a29;border:1px solid var(--gold);border-radius:999px;padding:2px 11px 2px 8px;font-size:13px}.user-chip .user-ava{font-size:15px}.quit-btn{background:linear-gradient(#7a2a1d,#5a1d14);border:1px solid #a8412c;color:#ffd9cf;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;box-shadow:inset 0 1px #ffc8b426}.quit-btn:hover:not(:disabled){background:linear-gradient(#9c3525,#6e241a);transform:translateY(-1px)}.decor-cloudshadow{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,rgba(20,12,4,.16),transparent 65%);filter:blur(24px)}.decor-cloudshadow.cs1{top:8%;left:-25%;width:46%;height:38%;animation:cloudshadow 64s linear infinite}.decor-cloudshadow.cs2{top:38%;left:-35%;width:60%;height:46%;opacity:.8;animation:cloudshadow 92s linear infinite 20s}.decor-sunpulse{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 52% 30%,rgba(255,210,130,.08),transparent 62%);animation:sunpulse 14s ease-in-out infinite alternate}@keyframes cloudshadow{0%{transform:translate(0)}to{transform:translate(190vw)}}@keyframes sunpulse{0%{opacity:.5}to{opacity:1}}@media(prefers-reduced-motion:reduce){.decor-cloudshadow,.decor-sunpulse{animation:none}}.decor-fire.town-fire{bottom:15%;left:41%}.decor-cactus{position:absolute;z-index:0;font-size:30px;line-height:1;filter:brightness(.7) saturate(.8) drop-shadow(0 3px 3px rgba(0,0,0,.45))}.decor-cactus.c-a{bottom:9%;left:31%;font-size:34px}.decor-cactus.c-b{bottom:7%;right:33%;font-size:28px}.decor-cactus.c-c{bottom:22%;left:55%;font-size:24px;transform:scaleX(-1)}.decor-sandwave{position:absolute;top:0;bottom:0;left:-45%;width:45%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(216,184,132,.14) 50%,transparent);filter:blur(10px);animation:sandwave 34s ease-in-out infinite}@keyframes sandwave{0%,58%{left:-45%;opacity:0}63%{opacity:1}90%{left:112%;opacity:.8}92%,to{left:112%;opacity:0}}@media(prefers-reduced-motion:reduce){.decor-sandwave{animation:none}}.help-btn{padding:8px 14px}.controls .help-btn+.help-btn{margin-right:12px}.table-wrap{padding-top:6px}@media(max-width:640px){.app{padding:6px;max-width:100%}.game-main{gap:10px}.side-col{width:100%}.table-circle,.table-circle.compact,.table-circle.tiny{height:auto!important;min-height:0!important;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-content:flex-start;padding:6px 2px}.seat-pos,.table-circle.compact .seat-pos,.table-circle.tiny .seat-pos{position:static!important;transform:none!important;width:47%!important}.dist-svg,.dist-badge{display:none!important}.deck-corner{position:static!important;order:-1;align-self:flex-start;top:auto;left:auto}.center-abs{position:static!important;transform:none!important;width:100%;order:90;display:flex;justify-content:center;align-items:center;gap:16px;margin:4px 0}.seat{font-size:11px;padding:6px 7px!important}.char-ability{font-size:9px}.sheriff-badge{width:36px;height:36px;top:-8px;right:-8px}.sheriff-badge .sb-text{font-size:6.5px}.hand{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:8px;padding:8px;margin-top:8px;-webkit-overflow-scrolling:touch}.hand .card{flex:0 0 auto}.controls{margin:12px 0 6px;gap:8px}.controls button,button{padding:7px 11px;font-size:13px}.my-range-bar{margin:6px 0}.side-col .game-log{height:160px}.respond-panel .respond-actions{flex-wrap:wrap}.topbar{padding-bottom:4px}.status{flex-wrap:wrap;gap:5px;padding:4px 8px;font-size:11px}.user-chip,.online-pill,.conn-chip,.quit-btn{font-size:11px}.card-panel{width:100%!important}.hub-grid{grid-template-columns:1fr!important}}