:root{--bg:#171310;--panel:#221c16;--panel2:#2b241c;--line:#3d3327;--ink:#e8ddcc;--dim:#9c8f7c;--gold:#c9a227;--c-syndicate:#c9a227;--c-legion:#c0392b;--c-circle:#2e9e57;--c-hand:#8e44ad;--c-tide:#2e86c1;--c-forge:#d35400;--c-coven:#b5487a;--c-comet:#45b39d;--c-grave:#a2a875;--c-storm:#5c6bc0;--c-neutral:#7f8c8d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -100px,#2a2119,var(--bg));color:var(--ink);font:14px/1.35 Georgia,Times New Roman,serif;min-height:100vh}header{display:flex;align-items:center;gap:14px;padding:8px 16px;border-bottom:1px solid var(--line);background:#1c1712}header h1{font-size:19px;margin:0;color:var(--gold);letter-spacing:1px}header .sub{color:var(--dim);font-size:12px;font-style:italic}header .spacer{flex:1}button{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px 12px;font:inherit;cursor:pointer;touch-action:manipulation}.card,.patron,.ftile{touch-action:manipulation}button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--gold);color:#1c1712;border-color:var(--gold);font-weight:700}button.primary:hover:not(:disabled){color:#000}input{background:#181410;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font:inherit;text-align:center}input:focus{outline:none;border-color:var(--gold)}main{display:block;max-width:960px;margin:0 auto;padding:6px 10px 20px}.table{display:flex;flex-direction:column;gap:4px;min-width:0}.zone{background:transparent;border:none;padding:2px 0}.zone h3{margin:0 0 3px;font-size:10.5px;color:#6f6454;text-transform:uppercase;letter-spacing:2px;font-weight:400;text-align:center}.zone h3 .hint{text-transform:none;letter-spacing:0;font-style:italic;color:#5a5044;margin-left:8px}#ticker{max-width:960px;margin:0 auto;padding:3px 12px;height:22px;font-size:12px;color:var(--dim);font-style:italic;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#connBanner{display:none;max-width:960px;margin:2px auto;padding:6px 12px;text-align:center;background:#3a2020;border:1px solid #a04a40;border-radius:8px;color:#f0c9c2;font-size:13px}#connBanner.show{display:block}.statsbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;font-size:13.5px}.statsbar .who{font-weight:700;font-size:14px;letter-spacing:1px}.statsbar .res{background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:1px 8px;white-space:nowrap}.statsbar .piles{color:var(--dim);font-size:11.5px}.coin{color:#e7c14a}.force{color:#e06a50}.ren{color:#7ec8ff}.renbar{height:5px;background:#161210;border:1px solid var(--line);border-radius:4px;margin-top:4px;overflow:hidden}.renbar i{display:block;height:100%;background:linear-gradient(90deg,#3d6a99,#7ec8ff);transition:width .3s}.renbar.enemy i{background:linear-gradient(90deg,#8a3a30,#e06a50)}.cardrow{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:5px 2px 6px;align-items:flex-start}.cardrow>*:first-child{margin-left:auto}.cardrow>*:last-child{margin-right:auto}.cardrow::-webkit-scrollbar{height:7px}.cardrow::-webkit-scrollbar-track{background:transparent}.cardrow::-webkit-scrollbar-thumb{background:#33291e;border-radius:4px}#marketRow,#hand{height:178px}#aiBoard,#pBoard{height:168px}.card{width:138px;min-width:138px;min-height:150px;background:var(--panel2);border:1px solid var(--line);border-top:4px solid var(--fc,var(--c-neutral));border-radius:8px;padding:7px;position:relative;cursor:pointer;transition:transform .08s,box-shadow .08s;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent;overflow:hidden}@media (hover:none){.card:hover{transform:none;box-shadow:none}}.cmini{display:none}.cmini b{font-weight:400}.i-coin{color:#e7c14a}.i-force{color:#f08a5c}.i-ren{color:#7ec8ff}.i-draw{color:#cfc5b4}.i-bad{color:#ff8a7a}.i-steal{color:#c39be0}.i-mut{color:#9c8f7c}.i-heal{color:#8fe0ae}.cmini .cb{color:#d6b04c;border-left:1px dotted #4a3f30;padding-left:3px;margin-left:1px}.card:hover{transform:translateY(-3px);box-shadow:0 5px 14px #0000008c;z-index:5}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.88)}}.card.deal-in{animation:cardIn .3s ease backwards}@media (prefers-reduced-motion: reduce){.card.deal-in{animation:none}}.card.stacked+.card.stacked{margin-left:-110px}.card.stacked{box-shadow:-3px 0 8px #00000073}.card.stacked:hover{z-index:6;transform:translateY(-3px)}.card .chead{display:flex;align-items:baseline;gap:5px;margin-bottom:3px}.card .cicon{font-size:14px;color:var(--fc,var(--c-neutral))}.card .cname{font-weight:700;font-size:13px;flex:1}.card .ccost{background:#e7c14a;color:#221c16;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.card .cfaction{font-size:9.5px;color:var(--fc,var(--c-neutral));text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.card .ctext{font-size:11.5px;line-height:1.42;color:var(--ink);flex:1}.card .ctext>div{margin-bottom:2px}.card .ctext .combo-line{color:#d6b04c;font-style:italic}.card .ctext .agent-line{color:#a8d5b5}.card .hpbadge{position:absolute;bottom:5px;right:5px;background:#5b2320;border:1px solid #a04a40;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:700}.card.guardmark:after{content:"GUARD";position:absolute;bottom:6px;left:6px;font-size:9px;color:#e0b45c;border:1px solid #7a6330;border-radius:4px;padding:0 3px;letter-spacing:1px}.card.targetable{outline:2px solid #e06a50;outline-offset:2px}.card.trashable{outline:2px solid #d6b04c;outline-offset:2px}.card.buyable{box-shadow:0 0 0 1px #e7c14a80}.card.dim{opacity:.5}.card.disabled{opacity:.45;cursor:default}.card.disabled:hover{transform:none;box-shadow:none}.agentcard{min-height:132px;width:126px;min-width:126px}.card.inert{cursor:default}.card.inert:hover:not(.stacked){transform:none;box-shadow:none}.rowdiv{align-self:stretch;display:flex;align-items:center;justify-content:center;flex-shrink:0;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:var(--dim);text-transform:uppercase;border-left:1px dashed var(--line);padding:4px 3px;margin-left:2px}.emptyslot{width:120px;min-width:120px;min-height:44px;border:1px dashed var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#55493b;font-size:11px;align-self:center}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:6px}.combobar{font-size:12px;color:var(--dim)}.combobar b{font-size:13px}aside{display:none}body.sideopen aside{display:flex;flex-direction:column;gap:8px;position:fixed;top:10px;right:10px;bottom:10px;width:min(430px,94vw);z-index:90;background:var(--bg);border:1px solid var(--gold);border-radius:12px;padding:10px;box-shadow:0 8px 30px #0009}body.sideopen #sideClose{display:block}.patronrow{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.patron{display:flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:4px 10px 4px 5px;-webkit-tap-highlight-color:transparent}.patron.usable{border-color:var(--gold);cursor:pointer}.patron.usable:hover{box-shadow:0 0 10px #c9a22759}.patron.unusable{opacity:.55}.patron .pic{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;border:2px solid var(--line);flex-shrink:0}.patron .pshort{font-weight:700;font-size:11.5px}.patron .pcost{background:#3a2f14;border:1px solid #7a6330;color:#e0b45c;border-radius:5px;padding:0 5px;font-size:10px;font-weight:400;white-space:nowrap}.ftrack{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.ftrack .dots{display:flex;gap:3px}.ftrack .dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--line);background:#181410}.ftrack .dot.on-ai{background:#c0392b;border-color:#e06a50}.ftrack .dot.on-n{background:#6f6454;border-color:#9c8f7c}.ftrack .dot.on-p{background:#2e9e57;border-color:#8fe0ae}.ftrack .flabel{font-size:7.5px;color:var(--dim);letter-spacing:1px;text-transform:uppercase}#log{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;flex:1;overflow-y:auto;font-size:12px}#log div{padding:1px 0;border-bottom:1px dotted #2c251d}#log .l-p{color:#a9c8e8}#log .l-a{color:#e0a49a}#log .l-sys{color:var(--dim);font-style:italic}#log .l-combo{color:#d6b04c}#log .l-win{color:var(--gold);font-weight:700}#ptip{position:fixed;z-index:95;display:none;max-width:250px;background:#1c1712;border:1px solid var(--gold);border-radius:8px;padding:8px 10px;font-size:12px;pointer-events:none;box-shadow:0 6px 18px #0009}#ptip .tname{font-weight:700;color:var(--gold);margin-bottom:2px}#ptip .tdesc{color:var(--ink)}#ptip .tstate{color:var(--dim);font-size:11px;margin-top:4px;font-style:italic}#pendingBanner{position:fixed;top:52px;left:50%;transform:translate(-50%);background:#3a2f14;border:1px solid var(--gold);color:#e9d9a8;border-radius:8px;padding:8px 14px;z-index:50;display:none;box-shadow:0 4px 16px #0009}#toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#3a2020;border:1px solid #a04a40;color:#f0c9c2;border-radius:8px;padding:8px 16px;z-index:60;display:none;max-width:90vw}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0806de;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.overlay.show{display:flex}.dialog{background:var(--panel);border:1px solid var(--gold);border-radius:12px;padding:22px;max-width:860px;max-height:90vh;overflow-y:auto}.dialog h2{color:var(--gold);margin-top:0}#menuOverlay{background:#0c0916;padding:0}#menuArt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.menudialog{position:relative;z-index:2;background:#1a1410e0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 10px 40px #000000a6}.menudialog h2{letter-spacing:4px;text-shadow:0 2px 8px rgba(0,0,0,.8)}.menubtns{display:flex;flex-direction:column;gap:10px;align-items:stretch}.menubtns button{padding:11px}.joinrow{display:flex;gap:8px}.joinrow input{width:90px;text-transform:uppercase;letter-spacing:3px;font-weight:700}.joinrow button{flex:1}#nameInput{width:100%;max-width:260px}.lobbytop{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}#roomCodeBig{font-size:26px;font-weight:700;color:var(--gold);letter-spacing:6px}#lobbyPlayers .lp{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:4px 10px;margin-left:8px;font-size:13px}#lobbyPlayers .lp .rdy{color:#8fe0ae}#lobbyPlayers .lp .notrdy{color:var(--dim);font-style:italic}.ftiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:10px 0}.ftile{background:var(--panel2);border:2px solid var(--line);border-radius:10px;padding:10px;cursor:pointer;text-align:center}.ftile:hover{border-color:var(--dim)}.ftile.sel{border-color:var(--gold);box-shadow:0 0 12px #c9a22759}.ftile.taken{opacity:.4;cursor:default}.ftile.taken:hover{border-color:var(--line)}.ftile .fi{font-size:24px}.ftile .fn{font-weight:700;margin:3px 0;font-size:13px}.ftile .fd{font-size:10.5px;color:var(--dim)}.ftile .fp{font-size:10px;color:#d6b04c;margin-top:5px;font-style:italic}.helptext{font-size:13px}.helptext h4{color:var(--gold);margin:14px 0 4px}.gmcards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0;max-height:52vh;overflow-y:auto;padding:4px}.gmcards .cwrap{display:flex;flex-direction:column;align-items:center;gap:3px}.gmcards .card{cursor:default}.gmcards .card:hover{transform:none;box-shadow:none}.gmcards .cnote{font-size:10px;color:var(--dim)}.gmpatron{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:12.5px;margin-top:6px}.gmpatron b{color:#d6b04c}#turnbadge{font-size:13px;color:var(--gold);border:1px solid var(--line);border-radius:6px;padding:4px 10px;background:var(--panel2)}#soundMenu{position:fixed;top:44px;right:10px;z-index:80;display:none;background:var(--panel);border:1px solid var(--gold);border-radius:8px;padding:10px 12px;font-size:12px;color:var(--dim);box-shadow:0 6px 20px #0000008c}#soundMenu.show{display:block}#soundMenu input[type=range]{width:140px;vertical-align:middle;margin-left:6px}input[type=range]{accent-color:var(--gold)}#sideClose{display:none}@media (max-width:1000px){main{padding:4px 6px 88px}body.sideopen aside{top:8px;right:8px;bottom:8px;left:8px;width:auto}.actions{position:fixed;left:0;right:0;bottom:0;margin:0;background:#1c1712;border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:70;flex-wrap:nowrap;overflow-x:auto}.combobar{display:none}header{padding:6px 10px;gap:8px}header .sub{display:none}header h1{font-size:15px}#turnbadge{font-size:11px;padding:3px 7px}.zone h3 .hint{display:none}button{padding:8px 12px}input{font-size:16px}#soundMenu{right:6px}}.playchip{display:none}#inspect{position:fixed;left:0;right:0;bottom:60px;z-index:75;display:none;justify-content:center;align-items:center;gap:12px;padding:10px;background:#120d0af7;border-top:1px solid var(--gold);box-shadow:0 -6px 20px #00000080}#inspect.show{display:flex}#inspect .card{width:172px;min-width:172px;min-height:172px;cursor:default}#inspect .card .ctext{display:block;font-size:11.5px}#inspect .card .cfaction{display:block}#inspect .ibtns{display:flex;flex-direction:column;gap:8px}@media (max-width:740px){html,body{height:100dvh;overflow:hidden}main{height:calc(100dvh - 100px);overflow:hidden;padding:0 4px}.table{gap:3px;height:100%;justify-content:space-evenly}.zone{padding:1px 0}.zone h3{display:none}#ticker{height:16px;font-size:10.5px;padding:1px 8px}header{padding:4px 8px;gap:6px}header h1{font-size:13px;letter-spacing:0}#turnbadge{font-size:10px;padding:2px 6px}.statsbar{font-size:11px;gap:5px}.statsbar .who{font-size:11.5px}.statsbar .res{padding:0 6px}.statsbar .piles{font-size:9.5px}.renbar{height:4px;margin-top:2px}#marketRow,#hand,#aiBoard,#pBoard{height:auto;padding:2px 1px}.card,.agentcard{width:70px;min-width:70px;min-height:92px;padding:4px;border-top-width:3px}.card .ctext,.card .cfaction{display:none}.card .cmini{display:block;font-size:9px;line-height:1.45;margin-top:2px;word-spacing:1px}.card.deal-in{animation:none}.gmcards .card,#inspect .card{width:150px;min-width:150px;min-height:158px;padding:7px}.gmcards .card .ctext,#inspect .card .ctext{display:block;font-size:11px}.gmcards .card .cfaction,#inspect .card .cfaction{display:block}.gmcards .card .cname,#inspect .card .cname{font-size:12px}.gmcards .card .ccost,#inspect .card .ccost{width:18px;height:18px;font-size:11px}.gmcards .card .cicon,#inspect .card .cicon{font-size:13px}.gmcards{gap:8px;max-height:56vh}.gmcards .card .cmini,#inspect .card .cmini{display:none}.cardrow{gap:5px}.card .chead{margin-bottom:0}.card .cname{font-size:9px;line-height:1.15;white-space:normal}.card .cicon{font-size:10px}.card .ccost{width:15px;height:15px;font-size:9.5px}.card .hpbadge{font-size:8.5px;padding:0 3px;bottom:2px;right:2px;border-radius:4px}.card.guardmark:after{font-size:6.5px;bottom:2px;left:2px;padding:0 2px}.card.stacked,.rowdiv{display:none}.playchip{display:inline-flex;align-items:center;align-self:center;white-space:nowrap;font-size:9.5px;color:var(--dim);border:1px dashed var(--line);border-radius:10px;padding:2px 8px;margin-left:4px}.emptyslot{min-height:34px;width:90px;min-width:90px;font-size:9.5px}.patronrow{gap:5px;flex-wrap:nowrap}.patron{padding:3px 6px 3px 4px;gap:4px}.patron .pshort{display:none}.patron .pic{width:22px;height:22px;font-size:12px}.patron .pcost{font-size:9px;padding:0 4px}.ftrack .flabel{display:none}.actions{padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.actions button{padding:7px 10px;font-size:12.5px}}