:root{--felt:#141a33;--felt2:#1d2650;--ink:#f3efe6;--muted:#9aa3c7;--line:#ffffff1f;--paper:#f5f0e3;--paperInk:#22212b;--spider:#c8263a;--justice:#e7b416;--basic:#8e95ad;--enc:#56634f;--villain:#3d4a57;--alter:#2f5f8f;--threat:#ff8a3d;--heal:#4fd18b;--dmg:#ff4d5e;--play:#59e08a;--drop:#7fd3ff;--gold:#ffd166;--display:"Bangers", "Back Issues", "Anton", Impact, "Arial Narrow", sans-serif;--body:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--cw:100px;--hover-grow:2.2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{background:var(--felt);color:var(--ink);font-family:var(--body);-webkit-user-select:none;user-select:none;background-image:radial-gradient(circle, #ffffff0b 1px, transparent 1.7px), radial-gradient(ellipse at 50% 45%, var(--felt2), var(--felt) 70%);background-size:10px 10px,100% 100%;margin:0;font-size:15px;overflow:hidden}*{box-sizing:border-box}button{font-family:var(--body);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;color:var(--ink);background:#2a3566;border:0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700}button:hover:not(:disabled){background:#35428a}button:focus-visible{outline:2px solid var(--drop);outline-offset:2px}.table{position:fixed;inset:0}.zone{min-width:0;position:absolute}.row{justify-content:center;align-items:center;gap:calc(var(--cw) * .12);padding-block:4px;display:flex}.villain-row{border-bottom:1px dashed var(--line)}.middle{border-bottom:1px dashed var(--line);flex-wrap:wrap;align-content:center}.hero-row{justify-content:center}.piles{gap:calc(var(--cw) * .12);margin-left:calc(var(--cw) * .3);display:flex}.hand-zone{pointer-events:none;overflow:visible}.hand-zone>*{pointer-events:auto}.rail-left{flex-direction:column;gap:4px;padding:8px;display:flex;overflow-y:auto}.rail-left button{text-align:left;padding:4px 6px;font-size:10.5px}.demo-title{font-family:var(--display);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:14px}.rail-right{flex-direction:column;justify-content:center;align-items:stretch;gap:14px;padding:12px;display:flex}.round{font-family:var(--display);text-align:center;font-size:clamp(20px,2.2vw,30px);line-height:1}.phase{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-top:-8px;font-size:12px;font-weight:700}#endturn{font-family:var(--display);color:#2a1a00;letter-spacing:.03em;background:linear-gradient(#f3c443,#c88a12);border-radius:999px;padding:14px 10px;font-size:clamp(17px,1.9vw,24px);font-weight:400;box-shadow:0 4px #7a4f00,0 8px 18px #00000073}#endturn:hover:not(:disabled){background:linear-gradient(#ffd45a,#d99914)}#endturn.ready{color:#062a14;background:linear-gradient(#7af0a5,#2fb866);animation:1.4s ease-in-out infinite breathe;box-shadow:0 4px #13703a,0 0 24px #59e08ab3}@keyframes breathe{50%{scale:1.04}}.card{--w:var(--cw);--frame:var(--basic);width:var(--w);height:calc(var(--w) * 88 / 63);border-radius:calc(var(--w) * .07);background:var(--paper);color:var(--paperInk);border:calc(var(--w) * .03) solid var(--frame);font-size:calc(var(--w) * .083);flex-direction:column;flex:none;line-height:1.12;transition:scale .12s,box-shadow .12s,rotate .2s,filter .2s;display:flex;position:relative;box-shadow:0 4px 10px #00000073}.card .hd{background:var(--frame);color:#fff;padding:calc(var(--w) * .05) calc(var(--w) * .06) calc(var(--w) * .04) calc(var(--w) * .22);border-radius:calc(var(--w) * .04) calc(var(--w) * .04) 0 0}.card .nm{font-family:var(--display);font-size:calc(var(--w) * .088);letter-spacing:.02em;text-wrap:balance;line-height:1.05}.card .ty{text-transform:uppercase;letter-spacing:.07em;opacity:.7;padding:calc(var(--w) * .03) calc(var(--w) * .06) 0;font-size:.78em;font-weight:700}.card .tx{padding:calc(var(--w) * .04) calc(var(--w) * .06);flex:1;font-weight:600;overflow:hidden}.card .ft{padding:0 calc(var(--w) * .06) calc(var(--w) * .05);justify-content:space-between;align-items:center;font-size:.85em;font-weight:700;display:flex}.card .res{color:var(--frame);letter-spacing:.05em;filter:brightness(.8)}.card .cost{left:calc(var(--w) * -.07);top:calc(var(--w) * -.07);width:calc(var(--w) * .3);height:calc(var(--w) * .3);color:#fff;font-family:var(--display);font-size:calc(var(--w) * .17);border:calc(var(--w) * .025) solid #fff;z-index:2;font-variant-numeric:tabular-nums;background:#1d2244;border-radius:50%;place-items:center;display:grid;position:absolute}.card .hp{right:calc(var(--w) * -.07);bottom:calc(var(--w) * -.07);width:calc(var(--w) * .3);height:calc(var(--w) * .3);background:var(--dmg);color:#fff;font-family:var(--display);font-size:calc(var(--w) * .16);border:calc(var(--w) * .025) solid #fff;z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute}.card .vst{gap:calc(var(--w) * .05);padding:calc(var(--w) * .04) calc(var(--w) * .06) 0;flex-wrap:wrap;font-size:.85em;font-weight:700;display:flex}.card .vst span{background:#00000012;border-radius:4px;padding:1px 4px}.card .vst b{font-family:var(--display);margin-left:3px;font-size:1.35em;font-weight:400}.card .chips{padding:0 calc(var(--w) * .06) calc(var(--w) * .04);flex-wrap:wrap;gap:3px;display:flex}.card .chips i{text-transform:uppercase;letter-spacing:.05em;background:var(--frame);color:#fff;border-radius:3px;padding:1px 4px;font-size:.72em;font-style:normal;font-weight:700}.card [hidden]{display:none!important}.a-hero{--frame:var(--spider)}.a-justice{--frame:var(--justice)}.a-justice .hd{color:#2a2000}.a-basic{--frame:var(--basic)}.a-encounter{--frame:var(--enc)}.k-villain{--frame:var(--villain)}.k-hero{--frame:var(--spider)}.k-alter{--frame:var(--alter)}.k-resource .tx{text-align:center;place-items:center;display:grid}.k-mainScheme,.k-sideScheme{--frame:var(--villain)}.wide{width:calc(var(--w) * 88 / 63);height:var(--w)}.tbl{--w:calc(var(--cw) * .8)}.vcard,.herocard{--w:calc(var(--cw) * 1.02)}.mini{height:calc(var(--w) * .62)}.mini .tx{display:none}.k-mainScheme .thr,.k-sideScheme .thr{right:calc(var(--w) * .06);bottom:calc(var(--w) * .05);font-family:var(--display);font-size:calc(var(--w) * .3);color:var(--threat);font-variant-numeric:tabular-nums;line-height:1;position:absolute}.thr small{color:var(--paperInk);opacity:.55;font-size:.45em}.card.exh{filter:saturate(.35)brightness(.7);rotate:12deg}.card.unsupported{filter:grayscale()brightness(.8)}.card.unsupported.payable{filter:grayscale(.6)}.card.playable{box-shadow:0 0 0 calc(var(--w) * .025) var(--play), 0 0 18px #59e08a8c}.hero-row .card:hover,.villain-row .card:hover,.middle .card:hover{scale:var(--hover-grow);z-index:50;box-shadow:0 18px 30px #0009}.villain-row .card{transform-origin:50% 0}.hero-row .card{transform-origin:50% 100%}.card.hand{left:50%;top:calc(var(--cw) * .05);margin-left:calc(var(--cw) * -.5);translate:var(--x,0) var(--y,0);rotate:var(--r,0deg);transform-origin:50% 100%;cursor:grab;transition:translate .16s ease-out,rotate .16s ease-out,scale .16s ease-out,box-shadow .16s;position:absolute}.card.hand.lifted{rotate:0deg;translate:var(--x,0) calc(var(--y,0px) * 0 - var(--cw) * .55);scale:var(--hover-grow);box-shadow:0 18px 30px #0009}.card.hand.playable.lifted{box-shadow:0 0 0 calc(var(--w) * .03) var(--play), 0 0 26px #59e08acc, 0 18px 30px #0009}.pile{--w:calc(var(--cw) * .62);width:var(--w);height:calc(var(--w) * 88 / 63);border-radius:calc(var(--w) * .08);color:#fff;border:2px solid #ffffffb3;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:2px 2px #0b0f22,4px 4px #ffffff40,6px 6px #0b0f22}.pile b{font-family:var(--display);font-size:calc(var(--w) * .34);text-shadow:0 2px #00000080;font-variant-numeric:tabular-nums;font-weight:400}.pile small{text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:calc(var(--w) * .13)}.pile.empty{box-shadow:none;opacity:.5;border-style:dashed;background:0 0!important}.pile.deck{background:repeating-radial-gradient(circle at 50% 50%, transparent 0 7px, #ffffff47 7px 8px), repeating-conic-gradient(from 0deg at 50% 50%, transparent 0 14deg, #ffffff47 14deg 15deg), var(--spider)}.pile.discard{background:#5d2430}.pile.enc-deck{background:repeating-linear-gradient(45deg, #0000002e 0 6px, transparent 6px 12px), var(--enc)}.pile.enc-discard{background:#353f32}.tray{pointer-events:none;z-index:3;--tk:calc(var(--w) * .22);position:absolute}.tray.dm{--tk:calc(var(--w) * .27);left:calc(var(--w) * .03);bottom:calc(var(--w) * .03);width:calc(var(--w) * .7);height:calc(var(--w) * .5)}.tray.th{--tk:calc(var(--w) * .25);left:calc(var(--w) * .04);bottom:calc(var(--w) * .04);width:calc(var(--w) * 1);height:calc(var(--w) * .5)}.tray.wb{--tk:calc(var(--w) * .26);right:calc(var(--w) * .03);bottom:calc(var(--w) * .03);width:calc(var(--w) * .6);height:calc(var(--w) * .4)}.tray.st{--tk:calc(var(--w) * .3);right:calc(var(--w) * -.1);top:calc(var(--w) * -.1);width:calc(var(--w) * .3);height:calc(var(--w) * .3);z-index:4}.tray.ac{--tk:calc(var(--w) * .27);right:calc(var(--w) * -.22);top:calc(var(--w) * -.2);width:calc(var(--w) * .6);height:calc(var(--w) * .5);z-index:4}.tk{left:var(--px,50%);top:var(--py,50%);translate:-50% -50%;rotate:var(--rot,0deg);width:var(--tk);height:var(--tk);margin:0;display:block;position:absolute}.tk.v3{width:calc(var(--tk) * 1.13);height:calc(var(--tk) * 1.13)}.tk.v5{width:calc(var(--tk) * 1.27);height:calc(var(--tk) * 1.27)}.tk svg{width:100%;height:100%;filter:drop-shadow(0 calc(var(--tk) * .07) 0 #0009) drop-shadow(0 2px 3px #00000059);display:block;overflow:visible}.t-stun svg{animation:1.4s ease-in-out infinite dizzy}@keyframes dizzy{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.first-token{--tk:calc(var(--w) * .34);left:calc(var(--w) * -.14);top:calc(var(--w) * -.14);z-index:5;margin:0;position:absolute;translate:none;rotate:-8deg}.first-token[hidden]{display:none}.has-dial{margin-bottom:calc(var(--w) * .31)}.dial{left:50%;bottom:calc(var(--w) * -.35);width:calc(var(--w) * .96);height:calc(var(--w) * .4);z-index:3;justify-content:center;align-items:center;gap:calc(var(--w) * .07);background:radial-gradient(ellipse at 50% 50%, #ffffff4d, transparent 58%), repeating-conic-gradient(from 2deg at 50% 50%, #2c2c33 0 1.5deg, #5d5d68 1.5deg 2.2deg, #393942 2.2deg 3.5deg, #6c6c77 3.5deg 3.9deg), #3a3a43;border:calc(var(--w) * .025) solid #efebe3;box-shadow:0 0 0 calc(var(--w) * .032) var(--spider), 0 calc(var(--w) * .05) calc(var(--w) * .09) #0009;border-radius:999px;display:flex;position:absolute;translate:-50%}.k-villain .dial{box-shadow:0 0 0 calc(var(--w) * .032) var(--spider), 0 calc(var(--w) * .05) calc(var(--w) * .09) #0009}.dial .peg{width:calc(var(--w) * .085);height:calc(var(--w) * .085);margin-inline:calc(var(--w) * .025);background:radial-gradient(circle at 35% 30%,#5a5a5a,#050505 70%);border-radius:50%;flex:none;box-shadow:0 1px 1px #ffffff4d}.dw{width:calc(var(--w) * .16);height:calc(var(--w) * .22);border-radius:calc(var(--w) * .04);box-shadow:0 0 0 calc(var(--w) * .02) #fff, 0 0 0 calc(var(--w) * .03) #1b1b1f;background:linear-gradient(#9e111c,#e3303e 32% 68%,#9e111c);flex:none;position:relative;overflow:hidden}.dw:after{content:"";pointer-events:none;background:linear-gradient(#00000073,#0000 28% 72%,#00000073);position:absolute;inset:0}.strip{transform:translateY(calc(var(--w) * -.22 * var(--p,10)))}.strip span{height:calc(var(--w) * .22);font-family:var(--display);font-size:calc(var(--w) * .17);color:#fff;-webkit-text-stroke:calc(var(--w) * .012) #3a0008;paint-order:stroke fill;place-items:center;font-style:italic;line-height:1;display:grid}@media (prefers-reduced-motion:reduce){.t-stun svg{animation:none}}.rail-left{gap:6px}.rail-title{font-family:var(--display);letter-spacing:.02em;font-size:16px;line-height:1}.gamelog{color:var(--muted);flex-direction:column;flex:1;gap:5px;min-height:0;margin:4px 0 0;padding:0;font-size:12px;list-style:none;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.gamelog li:first-child{color:var(--ink)}.herobtn{padding:8px 10px;font-size:12px}button:disabled{opacity:.35;cursor:default}.table .card{cursor:default}.card.can-act{box-shadow:0 0 0 calc(var(--w) * .03) var(--play), 0 0 20px #59e08a99;cursor:grab}.card.payable{box-shadow:0 0 0 calc(var(--w) * .03) var(--gold), 0 0 18px #ffd16699;cursor:pointer}.table.paying .card.hand.payable.lifted{translate:var(--x,0) calc(var(--cw) * -.28);scale:1.12}.card.droppable{box-shadow:0 0 0 calc(var(--w,100px) * .03) var(--drop), 0 0 22px #7fd3ff99}.card.hotc{box-shadow:0 0 0 calc(var(--w,100px) * .05) #fff, 0 0 34px var(--drop);transition:scale .1s;scale:1.05}.zone.droppable{background:#7fd3ff0f;border-radius:14px;box-shadow:inset 0 0 0 2px #7fd3ff59}.zone.hot{box-shadow:inset 0 0 0 3px var(--drop);background:#7fd3ff24;border-radius:14px}body.dragging .card.hand.lifted{scale:1}.dragging-card{z-index:90;pointer-events:none;margin:0;transition:none;position:fixed;box-shadow:0 26px 40px #0009}.ghost{z-index:85;pointer-events:none;margin:0;position:fixed}.card.hand,.card.dragging-card{-webkit-user-select:none;user-select:none}.table.locked .card.hand{cursor:default}.card.zoomed{box-shadow:0 30px 60px #000000b3;scale:1!important}.float{z-index:98;pointer-events:none;font-family:var(--display);-webkit-text-stroke:1.5px #0009;paint-order:stroke fill;text-shadow:0 3px 6px #00000080;font-size:30px;position:fixed}#aimg .strand{filter:none}#aimg.hot .strand{filter:drop-shadow(0 0 5px #a9e2ff)}#arrow{pointer-events:none;z-index:89;width:100vw;height:100vh;position:fixed;inset:0}#stage{left:var(--stage-x,50%);top:var(--stage-y,44%);z-index:60;pointer-events:none;align-items:center;gap:18px;display:flex;position:fixed;translate:-50% -50%}#stage .card.staged{--w:calc(var(--cw) * var(--stage-scale,1.55));position:relative}#stage .paybox{pointer-events:auto;border:1px solid var(--line);background:#0e1226f0;border-radius:12px;flex-direction:column;gap:8px;max-width:230px;padding:14px;display:flex}.paybox h3{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:24px;font-weight:400}.paybox .need{gap:5px;display:flex}.paybox .need i{border:2px solid var(--gold);border-radius:50%;width:16px;height:16px}.paybox .need i.on{background:var(--gold)}.paybox p{color:var(--muted);margin:0;font-size:13px}.paybox .btns{gap:6px;display:flex}#stage .card{pointer-events:none}#pick{z-index:60;pointer-events:none;position:fixed;top:44%;left:50%;translate:-50% -50%}#pick[hidden]{display:none}#pick .paybox{pointer-events:auto;border:1px solid var(--line);background:#0e1226f0;border-radius:12px;flex-direction:column;gap:8px;width:min(300px,100vw - 32px);padding:14px;display:flex}#pick button:disabled{opacity:.5}.card.picked{box-shadow:0 0 0 calc(var(--w) * .04) #fff, 0 0 22px #ffffffbf;filter:brightness(.8)saturate(.6)}#reveal{z-index:70;perspective:900px;pointer-events:none;background:#0508148c;place-items:center;display:grid;position:fixed;inset:0}#reveal .card{--w:calc(var(--cw) * 1.85);position:relative}#aiplay{z-index:68;pointer-events:none;background:#05081459;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}#aiplay .card{--w:calc(var(--cw) * 1.7);position:relative}.aiplay-caption{border:1px solid var(--line);text-align:center;background:#0e1226eb;border-radius:10px;max-width:min(520px,100vw - 32px);margin:0;padding:6px 14px;font-weight:700}.boostcard{z-index:65;pointer-events:none;margin:0;position:fixed}#modal,#ask,#fixit,#deckpanel,#tablepanel,#onlinepanel,#feedbackpanel{z-index:95;background:#05081480;place-items:center;display:grid;position:fixed;inset:0}#modal[hidden],#ask[hidden],#fixit[hidden],#deckpanel[hidden],#tablepanel[hidden],#onlinepanel[hidden],#feedbackpanel[hidden],#end[hidden],#stage[hidden],#reveal[hidden],#aiplay[hidden],#inspect[hidden],#hint[hidden]{display:none}.modalbox{border:1px solid var(--line);background:#10152e;border-radius:14px;flex-direction:column;gap:8px;width:min(340px,100vw - 32px);padding:18px;display:flex;box-shadow:0 20px 50px #0009}.modalbox h3{font-family:var(--display);letter-spacing:.02em;margin:0 0 4px;font-size:26px;font-weight:400}.modalbox h3 b{color:var(--dmg);font-weight:400}.modalbox button{text-align:left;flex-direction:column;gap:2px;padding:10px 12px;font-size:15px;display:flex}.modalbox button small{text-transform:none;letter-spacing:0;color:var(--muted);font-size:13px;font-weight:500}#end{z-index:100;background:#050814bf;place-items:center;display:grid;position:fixed;inset:0}#end .modalbox{text-align:center;align-items:center}#end h2{font-family:var(--display);margin:0;font-size:clamp(40px,8vw,72px);font-weight:400;line-height:1}#end p{color:var(--muted);margin:0}#end button{align-items:center}#toast{z-index:99;border:1px solid var(--line);color:var(--ink);opacity:0;pointer-events:none;text-align:center;background:#0b0f22;border-radius:10px;max-width:min(520px,90vw);padding:10px 16px;font-size:16px;font-weight:700;position:fixed;top:38%;left:50%;translate:-50%}#banner{left:0;right:0;top:calc(var(--stage-y,44%) - .5em);z-index:97;text-align:center;font-family:var(--display);color:#fff;letter-spacing:.03em;opacity:0;pointer-events:none;-webkit-text-stroke:3px #1b1b30;paint-order:stroke fill;text-shadow:0 8px #00000059;font-size:clamp(36px,7vw,84px);position:fixed}#hint{left:50%;bottom:calc(var(--cw) * 1.05);z-index:96;background:var(--gold);color:#2a1a00;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;animation:1.2s ease-in-out infinite breathe;position:fixed;translate:-50%;box-shadow:0 6px 18px #00000080}#inspect{z-index:94;cursor:zoom-out;background:#0508149e;grid-auto-flow:row;align-content:center;place-items:center;gap:14px;display:grid;position:fixed;inset:0}#inspect button{cursor:pointer}#inspect .card{cursor:zoom-out}#inspect .k-hero,#inspect .k-alter{cursor:pointer}.big-res{font-family:var(--display);font-size:calc(var(--w) * .34);color:var(--frame);line-height:1}.k-resource .tx>div{text-align:center}.help{color:var(--muted);font-size:12px;line-height:1.3}.modalbox .asknote{color:var(--muted);margin:0;font-size:13px}.modalbox ol{margin:0;padding-left:20px;font-size:14px}.modalbox .asktotal{color:var(--gold);font-size:14px}.modalbox .askrow{align-items:center;gap:8px;font-size:14px;display:flex}.modalbox .askrow span{flex:1}.modalbox .askrow b{text-align:center;min-width:18px}.modalbox .askrow button.step{padding:2px 10px;font-size:18px;display:block}.modalbox button:disabled{opacity:.5}.actionlist{flex-direction:column;gap:6px;display:flex}.actionlist button{padding:6px 8px;font-size:11px}.actionlist button.forced{border-color:var(--dmg)}#fixit{z-index:96}#fixit .modalbox{width:min(420px,100vw - 32px);max-height:90vh;overflow-y:auto}#fixit [hidden]{display:none!important}#fixit label{color:var(--muted);flex-direction:column;gap:3px;font-size:12px;display:flex}#fixit select,#fixit input{color:var(--ink);border:1px solid var(--line);background:#0a0e22;border-radius:6px;padding:6px;font-size:14px}#fixit .row{gap:8px;display:flex}#fixit .row button{flex:1;justify-content:center;align-items:center}#deckpanel,#tablepanel,#onlinepanel{z-index:96}#onlinepanel .modalbox{flex-direction:column;gap:8px;width:min(460px,100vw - 32px);max-height:90vh;display:flex;overflow-y:auto}#onlinepanel input{font:inherit;color:#fff;background:#0d1226;border:1px solid #556;border-radius:8px;padding:8px 10px}#onlinepanel .row{gap:8px;display:flex}#onlinepanel .row button{flex:1;justify-content:center}#onlinepanel .joincode{letter-spacing:4px;text-align:center;-webkit-user-select:all;user-select:all;padding:6px;font-size:34px;font-weight:700}#onlinepanel .onlineerror{color:#ff9a8a}#onlinepanel .online-here{color:#8fe39a}#tablepanel .modalbox{width:min(460px,100vw - 32px);max-height:90vh;overflow-y:auto}.tablerows{flex-direction:column;gap:10px;margin:6px 0;display:flex}.tablerow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tablerow b{width:52px}.tablerow select{min-width:0;color:var(--ink);border:1px solid var(--line);background:#0a0e22;border-radius:6px;flex:160px;padding:5px}.tablekinds{gap:4px;display:flex}.tablekinds button{padding:4px 10px}.tablekinds button.on{background:var(--gold);color:#2a1a00}#tablepanel .row{gap:8px;margin-top:8px;display:flex}#tablepanel .row button{flex:1;justify-content:center}#deckpanel .modalbox{width:min(480px,100vw - 32px);max-height:90vh;overflow-y:auto}#deckpanel textarea{box-sizing:border-box;width:100%;color:var(--ink);border:1px solid var(--line);resize:vertical;background:#0a0e22;border-radius:6px;padding:8px;font:13px/1.35 ui-monospace,monospace}#deckpanel .row{gap:8px;margin-top:8px;display:flex}#deckpanel .row button{flex:1;justify-content:center;align-items:center}#deckpanel .deckline{margin:6px 0;font-size:13px}#deckpanel .deckerror{color:var(--dmg);margin:6px 0;font-size:13px}#ask.reacting{pointer-events:none;background:0 0;place-items:center end;padding-right:3vw}#ask .modalbox.react{pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px solid var(--gold);background:#0e1228c7;width:min(340px,100vw - 32px);padding:12px 14px;box-shadow:0 0 28px #ffc83c4d,0 14px 40px #00000080}#ask .react h3{font-family:var(--display);letter-spacing:.02em;color:var(--gold);margin:0 0 2px;font-size:26px}#ask .react .reactlead{margin:2px 0;font-size:15px;font-weight:700}#ask .react .asknote{margin:2px 0;font-size:12px}#ask .reactcards{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0;display:flex}#ask .reactcard{flex-direction:column;align-items:center;gap:8px;display:flex}#ask .reactcard .card{--w:112px;width:112px;height:157px;position:relative;top:auto;left:auto}#ask .react button.play{background:var(--gold);color:#1a1205;border-color:var(--gold);padding:7px 14px;font-size:15px}#ask .react button.pass{margin:2px auto 0;padding:6px 14px;font-size:14px}#ask .modalbox.react.arrange{width:min(640px,100vw - 32px)}#ask .arrange .places{gap:4px;display:flex}#ask .arrange .places button{padding:4px 7px;font-size:12px}#ask .arrange .places button.on{background:var(--gold);color:#1a1205;border-color:var(--gold)}#ask{z-index:98}.card.striking,.card.striking:hover{scale:none!important}#deckbuilder{z-index:96;background:#050814b8;place-items:center;display:grid;position:fixed;inset:0}#deckbuilder[hidden]{display:none}#deckbuilder .dbbox{border:1px solid var(--line);background:#10152e;border-radius:14px;flex-direction:column;gap:10px;width:min(1180px,100vw - 24px);height:min(860px,100vh - 24px);padding:14px;display:flex;box-shadow:0 20px 50px #0009}#deckbuilder .dbhead{align-items:center;gap:14px;display:flex}#deckbuilder h3{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:28px;font-weight:400}#deckbuilder h4{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:14px}#deckbuilder .dbmsg{color:var(--gold);flex:1;font-size:14px}#deckbuilder .dbcols{flex:1;grid-template-columns:250px minmax(0,1.25fr) minmax(0,1fr);gap:14px;min-height:0;display:grid}#deckbuilder .dbleft,#deckbuilder .dbmid,#deckbuilder .dbright{flex-direction:column;gap:6px;min-height:0;display:flex}#deckbuilder .dbleft{padding-right:4px;overflow-y:auto}#deckbuilder label{color:var(--muted);margin-top:4px;font-size:12px}#deckbuilder select,#deckbuilder input[type=text],#deckbuilder input[type=search],#deckbuilder textarea{color:var(--ink);border:1px solid var(--line);box-sizing:border-box;background:#0a0e22;border-radius:6px;width:100%;padding:6px;font-size:14px}#deckbuilder textarea{resize:vertical;font:12px/1.35 ui-monospace,monospace}#deckbuilder .dbrow{gap:6px;display:flex}#deckbuilder .dbrow button{flex:1}#deckbuilder button{padding:6px 10px;font-size:13px}#deckbuilder button:disabled{opacity:.4;cursor:not-allowed}#deckbuilder button.primary{background:var(--gold);color:#2a1a00;margin-top:8px;padding:10px;font-weight:700}#deckbuilder .dbbar{align-items:center;gap:8px;display:flex}#deckbuilder .dbbar input,#deckbuilder .dbbar select{flex:1;width:auto}#deckbuilder .dbcheck{white-space:nowrap;align-items:center;gap:4px;margin:0;display:flex}#deckbuilder .dbcheck input{width:auto}#deckbuilder .dblist{border:1px solid var(--line);background:#0a0e22;border-radius:8px;flex:1;min-height:0;padding:4px 8px;overflow-y:auto}#deckbuilder .dbgroup{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;margin:8px 0 3px;font-size:12px;font-weight:700}#deckbuilder .dbcard{align-items:center;gap:8px;padding:3px 0;font-size:14px;display:flex}#deckbuilder .dbcard button{flex:none;width:28px;padding:2px 0}#deckbuilder .dbname{font-weight:700}#deckbuilder .dbmeta{color:var(--muted);flex:1;font-size:12px}#deckbuilder .dbn{text-align:right;min-width:26px;font-weight:700}#deckbuilder .dbtext{color:var(--muted);margin:0 0 4px 36px;font-size:12px;line-height:1.3}#deckbuilder .unsupported .dbname{color:#8a90a8;font-style:italic}#deckbuilder .dbsize{font-family:var(--display);font-size:24px}#deckbuilder .dbsize.ok{color:#7ee08a}#deckbuilder .dbsize.bad{color:var(--dmg)}#deckbuilder .dbproblems p{margin:2px 0;font-size:13px}#deckbuilder .deckerror{color:var(--dmg)}#deckbuilder .dbwarn{color:var(--gold)}#deckbuilder .asknote{color:var(--muted);margin:4px 0;font-size:13px}@media (width<=900px){#deckbuilder .dbcols{grid-template-columns:1fr;overflow-y:auto}#deckbuilder .dblist{max-height:50vh}}.seatboard{z-index:5;border:1px solid var(--line);background:#ffffff09;border-radius:10px;flex-direction:column;min-width:0;transition:box-shadow .2s,border-color .2s,opacity .2s;display:flex}.seatboard:hover{z-index:30}.seatboard.holds{border-color:var(--gold);box-shadow:0 0 0 2px #ffd16659,0 0 18px #ffd1664d}.seatboard.done{opacity:.82}.seatboard.out{opacity:.5;filter:grayscale()}.sb-head{height:var(--head,24px);white-space:nowrap;flex-wrap:wrap;flex:none;align-content:center;align-items:center;column-gap:8px;padding:0 6px;font-size:12px;display:flex;overflow:hidden}.seatboard.tall .sb-badges{flex:1 0 100%;order:5}.sb-head b{font-family:var(--display);letter-spacing:.02em;font-size:15px;font-weight:400}.sb-counts{color:var(--muted);flex:none;font-weight:600}.sb-head b{flex:none}.sb-badges{flex:1 1 0;gap:5px;min-width:0;display:flex;overflow:hidden}.sb-badge{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.05em;text-transform:uppercase;background:#ffffff24;border-radius:999px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700;overflow:hidden}.sb-badge.holds{background:var(--gold);color:#2a1a00}.sb-badge.ai{color:#fff;background:#3b6fd8}.sb-badge.away{color:#fff;background:#8a5a12}.seatboard.away .sb-body{opacity:.55}.ghost.sent{opacity:.6;filter:saturate(.5)}.sb-btns{flex:none;gap:4px;margin-left:auto;display:flex}.sb-btn{border-radius:6px;padding:2px 6px;font-size:10px}.sb-body{align-items:flex-start;gap:calc(var(--cw) * .1);flex:1;min-height:0;padding:2px 6px 0;display:flex}.seatboard .card{cursor:pointer}.sb-body>.card:not(:first-child){margin-left:calc(var(--lap,0px) * -1)}.seatboard .card:hover{z-index:60;transform-origin:50% 0;scale:2.6;box-shadow:0 18px 30px #0009}.seatboard .card.payable{cursor:pointer}.claimbar{z-index:20;letter-spacing:.05em;text-transform:uppercase;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:700;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 14px #00000073}.claimbar[hidden]{display:none}.claimbar.theirs{background:var(--gold);color:#2a1a00}.claimbar.mine{color:#eafff2;background:#1f6b43}.claimbar.peril{background:var(--dmg);color:#fff;animation:1.1s ease-in-out infinite breathe}.mehead{z-index:6;color:var(--muted);letter-spacing:.04em;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;padding-left:4px;font-size:12px;font-weight:700;overflow:hidden}.mehead[hidden]{display:none}.mehead.holds{color:var(--gold)}.turnnote{color:var(--gold);text-align:center;font-size:12px;font-weight:700;line-height:1.25}.turnnote[hidden]{display:none}.table.multi .villain-row,.table.multi .middle{border-bottom-style:dashed}#watch{z-index:93;background:#050814f5;flex-direction:column;align-items:center;padding:16px 16px 0;display:flex;position:fixed;inset:0;overflow:hidden}#watch[hidden]{display:none}#watch .w-title{text-align:center}#watch h2{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:clamp(28px,4vw,44px);font-weight:400;line-height:1}#watch p{color:var(--muted);margin:4px 0 0;font-weight:600}#watch .w-badges{justify-content:center;gap:6px;min-height:18px;display:flex}#watch .w-btns{justify-content:center;gap:8px;margin-top:8px;display:flex}#watch .w-btns button.primary{background:var(--gold);color:#2a1a00}#watch .w-board{justify-content:center;align-items:flex-start;gap:calc(var(--cw) * .12);padding-bottom:calc(var(--cw) * .4);flex-wrap:wrap;margin-top:18px;display:flex}#watch .w-board .card{cursor:default}#watch .w-board .card:hover{z-index:20;scale:1.5}#watch.watching .w-board .card:hover{scale:1.8}#watch .watch-hand{z-index:2}#watch .watch-hand .card.hand{cursor:default}#watch .w-empty{text-align:center;font-size:18px;position:absolute;bottom:18%;left:0;right:0}#onlinepanel .modalbox.wide{width:min(560px,100vw - 32px)}#onlinepanel .onchoices{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=560px){#onlinepanel .onchoices{grid-template-columns:1fr}}#onlinepanel .onchoice{border:1px solid var(--line);background:#ffffff08;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}#onlinepanel .onchoice h4{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:20px;font-weight:400}#onlinepanel .onchoice button{justify-content:center;align-items:center}#onlinepanel .codebox{text-transform:uppercase;letter-spacing:2px}#onlinepanel .filebtn{cursor:pointer;border:1px solid var(--line);text-align:center;border-radius:8px;flex:1;padding:10px 12px;font-size:15px}#onlinepanel .door{border:1px solid var(--gold);background:#ffc83c14;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}#onlinepanel .door b{flex:140px}#onlinepanel .door button{flex:none;padding:6px 14px;display:block}#onlinepanel .seatlist{gap:6px;margin:4px 0}#onlinepanel .seatrow{background:#ffffff0a;border:1px solid #0000;border-radius:10px;flex-wrap:nowrap;gap:10px;padding:6px 8px}#onlinepanel .seatrow.mine{border-color:var(--gold)}#onlinepanel .seatrow .herolabel{flex:0 0 200px;width:auto}#onlinepanel .seatrow select{flex:0 0 200px;min-width:0}#onlinepanel .seatrow .who{flex-direction:column;flex:1 1 0;min-width:0;font-size:14px;display:flex}#onlinepanel .seatrow .who small{color:var(--muted);font-size:12px}#onlinepanel .seatrow .who.away{color:#f0b35a}#onlinepanel .seatrow .who.ai{color:#8fb4ff}#onlinepanel .seatrow .who.open{color:var(--muted)}#onlinepanel .seatrow button{flex:none;padding:5px 10px;font-size:13px;display:block}.conn-dot{background:#6b7390;border-radius:50%;flex:none;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 2px #ffffff1f}.conn-dot.here{background:#3fd16f}.conn-dot.away{background:#f0a030;animation:1.2s ease-in-out infinite connpulse}.conn-dot.ai{background:#5b8cff}.conn-dot.open{background:0 0;box-shadow:inset 0 0 0 2px #6b7390}.conn-dot[hidden]{display:none}@keyframes connpulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.conn-dot.away{animation:none}}#onlinepanel .settings{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.switch{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch .track{background:#3a4262;border-radius:999px;flex:none;width:36px;height:20px;transition:background .15s;position:relative}.switch .track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px}.switch input:checked+.track{background:#3fa05c}.switch input:checked+.track:after{left:18px}.switch input:focus-visible+.track{outline:2px solid var(--gold);outline-offset:2px}body.no-reveal #reveal{display:none}#watch .w-pointer{z-index:5;background:var(--gold);pointer-events:none;border-radius:50% 50% 50% 0;width:16px;height:16px;margin:-3px 0 0 -3px;transition:left 80ms linear,top 80ms linear;position:absolute;rotate:-45deg;box-shadow:0 0 10px #ffc83ccc}#watch .w-pointer.on-card{background:#fff}#watch .w-drag{z-index:6;pointer-events:none;transition:left 80ms linear,top 80ms linear;position:absolute;translate:-50% -50%;scale:1.12;box-shadow:0 0 22px #ffc83c99}#watch .watch-hand .card.hand.drag-away{opacity:.25}#feedbackpanel{z-index:97}#feedbackpanel .modalbox{width:min(480px,100vw - 32px)}#feedbackpanel textarea{font:inherit;color:#fff;resize:vertical;background:#0d1226;border:1px solid #556;border-radius:8px;padding:8px 10px}#feedbackpanel .row{gap:8px;display:flex}#feedbackpanel .row button{flex:1;justify-content:center;align-items:center}