:root{--bg:#0b1a14;--felt1:#14402c;--felt2:#0c2a1e;--panel:#14281f;--panel2:#1d392c;--line:#2f5a45;--text:#eef5ef;--muted:#9bb5a6;--accent:#f2c616;--red:#e5483a;--green:#3fcf5d;--blue:#3d92e0;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:15px;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}textarea,input{-webkit-user-select:text;user-select:text}.app{height:100vh;width:100vw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;overflow:hidden}.muted{color:var(--muted)}.small{font-size:12.5px}.grow{flex:1}.pad{padding:8px}.warnc{color:#ff9a8a}.btn{background:var(--panel2);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px 12px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{color:#2b1d00;background:linear-gradient(#f8da55,#e0a915);border-color:#ffe48a}.btn.warn{background:#7c3a22;border-color:#c26a45}.btn.danger{background:#6e2420;border-color:#b04a42}.btn.ghost{background:0 0}.btn .ico{flex:none}.btn.big{border-radius:14px;min-height:52px;font-size:18px}.btn.opt{text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;width:100%}.btn.opt.row{flex-direction:row;justify-content:space-between;align-items:center}.icon-btn{cursor:pointer;background:0 0;border:0;border-radius:10px;min-width:38px;min-height:38px;font-size:20px}.icon-btn:hover{background:#ffffff14}.chip{border:1px solid var(--line);cursor:pointer;background:#00000059;border-radius:999px;padding:3px 10px}select,input:not([type=checkbox]),textarea{border:1px solid var(--line);background:#0f2218;border-radius:8px;min-height:34px;padding:6px 8px}.card{aspect-ratio:63/88;background:#1a1a1a;border-radius:5%/3.6%;flex:none;width:100%;position:relative;overflow:hidden;box-shadow:0 1px 4px #0009}.card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.card.clickable{cursor:pointer}.card.dim{filter:brightness(.55)saturate(.7)}.card.selected{outline:3px solid var(--accent);outline-offset:-1px}.cardback{aspect-ratio:63/88;object-fit:cover;pointer-events:none;border-radius:5%/3.6%;width:100%;height:100%;display:block}.cfallback{color:#222;border:3px solid;border-radius:6%/4%;width:100%;height:100%;padding:6%;font-size:11px;overflow:hidden}.cf-name{font-size:1.15em;font-weight:800}.cf-sub{opacity:.7}.cf-atk{margin-top:3px}.eicon{color:#111;border:1px solid #00000073;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;line-height:1;display:inline-flex;position:relative;box-shadow:inset 0 -2px 3px #00000040}.eicon.real{background-repeat:no-repeat;background-size:100% 100%;border:0;box-shadow:0 1px 2px #0000008c}.eicon.star{background:0 0;border:0;box-shadow:0 1px 2px #0000008c}.eicon b{color:#fff;background:#000c;border-radius:6px;padding:0 3px;font-size:.75em;position:absolute;bottom:-4px;right:-3px}.costrow{align-items:center;gap:2px;display:inline-flex}.screen{background:radial-gradient(120% 80% at 50% 0%, var(--felt1), var(--felt2) 70%);flex-direction:column;flex:1;min-height:0;display:flex}.screen.scroll{overflow:auto}.fill{flex:1;min-height:0}.scroll{-webkit-overflow-scrolling:touch;overflow:auto}.screenhead{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;border-bottom:1px solid var(--line);background:#081811eb;flex:none;align-items:center;gap:8px;padding:6px 10px;display:flex;position:sticky;top:0}.screenhead h2{margin:0;font-size:19px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#00000047;width:min(760px,100% - 20px);margin:10px auto;padding:12px}.panel h3{color:var(--accent);margin:0 0 8px;font-size:16px}.rules p,.rules li{line-height:1.45}.rules ul,.rules ol{padding-left:20px}.field{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.seg{border:1px solid var(--line);border-radius:10px;display:flex;overflow:hidden}.seg button{cursor:pointer;background:0 0;border:0;flex:1;padding:10px 6px;font-weight:600}.seg button.on{background:var(--accent);color:#2b1d00}.stickybar{background:linear-gradient(#0000,#081811f2 40%);flex-wrap:wrap;justify-content:center;gap:8px;padding:10px;display:flex;position:sticky;bottom:0}.stickybar .btn{width:min(420px,100%)}.deckpicker{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.deckopt{text-align:left;background:var(--panel);border:2px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.deckgroups{flex-direction:column;gap:14px;display:flex}.decksection h4{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:13px}.decksection h4.mine{color:var(--accent)}.deckopt.mine{border-color:var(--accent);background:var(--panel2);box-shadow:0 0 0 1px #f2c61640}.deckopt.mine.on{box-shadow:0 0 0 2px var(--accent)}.deckopt.on{border-color:var(--accent);background:var(--panel2)}.deckopt.bad{opacity:.5}.dthumbs{flex:none;width:108px;display:flex}.dthumbs .card{width:44px;margin-right:-20px;box-shadow:2px 0 4px #0009}.dthumbs.rand{justify-content:center;align-items:center;font-size:38px}.home{justify-content:center;align-items:center;gap:14px;padding:10px;overflow:auto}.hero{text-align:center}.hero h1{letter-spacing:1px;color:var(--accent);text-shadow:0 2px #7a5400;margin:4px 0 0;font-size:clamp(26px,6vw,44px)}.hero h1 small{color:var(--text);text-shadow:none;letter-spacing:3px;text-transform:uppercase;font-size:.45em;display:block}.heroimgs{justify-content:center;align-items:center;height:clamp(110px,24dvh,220px);display:flex;position:relative}.hc{border-radius:6px;height:100%;margin:0 -14px;box-shadow:0 6px 16px #000a}.hc0{transform:rotate(-9deg)translateY(6px)}.hc1{z-index:2;transform:translateY(-6px)}.hc2{transform:rotate(9deg)translateY(6px)}.menu{gap:10px;width:min(380px,90vw);display:grid}.credits{text-align:center;max-width:460px;margin:0}.legal summary{cursor:pointer;color:var(--muted);margin-top:4px;text-decoration:underline}.legal .legaltext{text-align:left;background:#00000040;border-radius:8px;max-width:560px;margin:8px auto 0;padding:8px 12px;line-height:1.4}.legal .legaltext p{margin:0 0 8px}.stage{--ch:calc(var(--cw) * 1.397);--hh:calc(var(--hw) * 1.397);background:radial-gradient(90% 60% at 50% 50%, #ffffff0d, transparent 70%), linear-gradient(var(--felt1), var(--felt2));flex-direction:column;flex:1;justify-content:space-between;gap:3px;width:100%;min-height:0;padding:2px 4px;font-size:13px;display:flex;position:relative;overflow:hidden}.topbar{flex:none;grid-area:top;align-items:center;gap:6px;height:34px;display:flex}.topbar .turninfo{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.turninfo.mine b{color:var(--accent)}.side{flex-direction:column;flex:none;align-items:center;gap:3px;display:flex}.bench{justify-content:center;gap:4px;display:flex}.front{width:calc(var(--cw) * 5 + 16px);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.front>.piles{justify-self:start}.front>.prizes{justify-self:end}.pslot{width:var(--cw);cursor:pointer;font-size:max(8px, calc(var(--cw) * .15));--w:var(--cw);--pkh:calc(var(--w) * 1.397 * var(--pk,.2));padding-top:var(--pkh);flex:none;position:relative}.pslot.big{--w:var(--aw);width:var(--aw)}.pslot .main{z-index:20;position:relative}.estack{height:var(--pkh);pointer-events:none;position:absolute;top:0;left:0;right:0}.ecard{left:calc(3% + var(--i) * 1.5%);aspect-ratio:63/88;width:94%;top:calc(var(--pkh) - (var(--i) + 1) * var(--pkh) / var(--m));position:absolute}.ecard .card{box-shadow:0 -1px 3px #000000b3}.ecard.asen .card{filter:hue-rotate(40deg)brightness(.9)}.emore{z-index:30;color:#fff;font-weight:800;font-size:max(8px, calc(var(--cw) * .15));background:#000c;border-radius:6px;padding:0 4px;position:absolute;top:0;right:2px}.pslot.empty{height:calc(var(--w) * 1.397 * (1 + var(--pk,.2)));cursor:default;color:#ffffff4d;border:2px dashed #ffffff2e;border-radius:6%/4%;justify-content:center;align-items:center;padding-top:0;display:flex}.hpwrap{z-index:25;background:#000000b8;border-radius:0 0 4px 4px;flex-direction:column;gap:1px;padding:1px 3px 2px;display:flex;position:absolute;bottom:0;left:0;right:0}.hpbar{height:max(3px, calc(var(--cw) * .05));background:#333;border-radius:3px;overflow:hidden}.hpbar i{height:100%;display:block}.hptxt{text-align:center;color:#fff;font-weight:800;line-height:1.05}.pslot .eicon{width:max(11px, calc(var(--cw) * .19));height:max(11px, calc(var(--cw) * .19));font-size:max(7px, calc(var(--cw) * .11))}.badges{right:1px;top:calc(var(--pkh) + 1px);z-index:25;font-size:max(11px, calc(var(--cw) * .22));filter:drop-shadow(0 1px 1px #000);flex-direction:column;gap:1px;display:flex;position:absolute}.tools{left:1px;top:calc(var(--pkh) + 1px);z-index:25;font-size:max(10px, calc(var(--cw) * .2));filter:drop-shadow(0 1px 1px #000);flex-direction:column;gap:1px;display:flex;position:absolute}.pslot.hl:after{content:"";border:3px solid var(--accent);pointer-events:none;border-radius:8px;animation:1s ease-in-out infinite pulse;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.pslot.sel .card{outline:3px solid var(--accent)}.pslot.st-asleep .main:after,.pslot.st-confused .main:after,.pslot.st-paralyzed .main:after{content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.pslot.st-asleep .main:after{background:#2846c847}.pslot.st-confused .main:after{background:#c828c840}.pslot.st-paralyzed .main:after{background:#f0d21e4d}@keyframes pulse{50%{opacity:.35;transform:scale(1.02)}}.float{text-shadow:0 0 3px #000,0 2px 2px #000;pointer-events:none;z-index:6;white-space:nowrap;font-weight:900;font-size:max(15px, calc(var(--cw) * .38));animation:1.3s ease-out forwards floatup;position:absolute;top:25%;left:50%;transform:translate(-50%)}.float.dmg{color:#ff5a4a}.float.heal{color:#5dff7e}.float.status{color:#ffe45a;font-size:max(11px, calc(var(--cw) * .22))}.float.ko{color:#fff;font-size:max(20px, calc(var(--cw) * .5));animation-duration:1.6s}@keyframes floatup{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-48px)scale(1)}}.piles{width:calc(var(--cw) * .62);flex-direction:column;gap:3px;display:flex}.pile{font-size:max(8px, calc(var(--cw) * .14));position:relative}.pile.clickable{cursor:pointer}.pile small{display:none}.pile .cnt{background:#000c;border-radius:6px;padding:0 4px;position:absolute;bottom:2px;right:2px}.pile-empty{aspect-ratio:63/88;border:2px dashed #fff3;border-radius:6%/4%}.prizes{width:calc(var(--cw) * .8);font-size:max(8px, calc(var(--cw) * .14));flex-direction:column;align-items:center;gap:2px;display:flex}.prizegrid{grid-template-columns:repeat(2,1fr);gap:2px;width:100%;display:grid}.prize{width:100%}.prize.gone{opacity:.12}.actionbar{flex:none;grid-area:act;justify-content:center;align-items:center;gap:6px;min-width:0;height:46px;display:flex}.actionbar .btn{min-height:36px;padding:5px 10px;font-size:14px}.hint{color:var(--accent);text-align:center;max-width:100%;font-size:13px;font-weight:700;line-height:1.2}.hand{height:calc(var(--hh) + 22px);scrollbar-width:none;flex:none;grid-area:hand;justify-content:safe center;align-items:flex-end;gap:0;padding:20px 4px 2px;display:flex;overflow:auto hidden}.hand::-webkit-scrollbar{display:none}.hcard{width:var(--hw);flex:none;transition:transform .14s;position:relative}.hcard+.hcard{margin-left:calc(var(--step,var(--hw)) - var(--hw))}.hcard .card{box-shadow:-3px 0 5px #00000073}.hcard.sel{z-index:10;transform:translateY(-16px)scale(1.06)}.hcard.sel .card{box-shadow:0 6px 14px #0009}.sidebar{border-left:1px solid var(--line);background:#00000047;grid-area:side;min-height:0;padding:6px;display:none;overflow:hidden}.log{height:100%;max-height:100%;font-size:12.5px;line-height:1.35;overflow:auto}.modal .log{max-height:60dvh}.logline{border-bottom:1px solid #ffffff0a;padding:1px 0}.logline.turnline{color:var(--accent);margin-top:4px;font-weight:700}.logline.p0{color:#cfe9ff}.logline.p1{color:#ffd9c9}.stage.landscape{grid-template:"top act""opp opp"minmax(0,1fr)"me me"minmax(0,1fr)"hand hand"/1fr auto;row-gap:3px;display:grid}.stage.landscape.wide{grid-template-columns:1fr auto 300px;grid-template-areas:"top act side""opp opp side""me me side""hand hand side"}.stage.landscape .sidebar{display:block}.stage.landscape .side.opp{grid-area:opp}.stage.landscape .side.me{grid-area:me}.stage.landscape .side{flex-direction:row;justify-content:center;align-items:center;gap:12px}.stage.landscape .side.opp{flex-direction:row-reverse}.stage.landscape .front{gap:8px;width:auto;display:flex}.stage.landscape .front .prizes{order:-1}.stage.landscape .side.opp .front{flex-direction:row}.stage.landscape .actionbar{justify-content:flex-end;height:38px}.stage.landscape .hint{font-size:12.5px}.stage.landscape .topbar{height:38px}.stage.landscape .prizegrid{grid-template-columns:repeat(3,1fr)}.stage.landscape .prizes{width:calc(var(--cw) * .95)}.stage.landscape .hand{justify-content:center}.modal-back{z-index:50;padding:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));background:#0000009e;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:min(480px,100%);max-height:100%;animation:.14s ease-out pop;display:flex;box-shadow:0 10px 40px #000c}.modal.wide{width:min(960px,100%)}@keyframes pop{0%{opacity:0;transform:scale(.94)}}.modal-head{justify-content:space-between;align-items:center;padding:8px 8px 4px 14px;display:flex}.modal-head h3{margin:0;font-size:16px}.modal-body{flex:1;min-height:0;padding:10px 14px;overflow:auto}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding:8px 12px 10px;display:flex}.optlist,.atklist{gap:8px;display:grid}.atkbtn{text-align:left;white-space:normal;flex-direction:column;align-items:stretch;gap:3px;width:100%}.atk-h,.cd-atk-h{align-items:center;gap:8px;display:flex}.atk-h .dmg,.cd-atk-h .dmg{margin-left:auto;font-size:17px;font-weight:900}.pickgrid{grid-template-columns:repeat(auto-fill,minmax(clamp(70px,17vw,118px),1fr));justify-items:center;gap:8px;display:grid}.pickitem{width:100%;position:relative}.pickcard{width:100%}.selmark{background:var(--accent);color:#2b1d00;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:900;display:flex;position:absolute;top:auto;bottom:4px;left:auto;right:4px}.mini-info{cursor:pointer;z-index:2;background:#0009;border:0;border-radius:50%;width:26px;height:26px;font-size:13px;position:absolute;top:2px;right:2px}.zoom-grid{grid-template-columns:minmax(150px,300px) 1fr;align-items:start;gap:14px;display:grid}.zoom-card{width:min(300px,100%);margin:0 auto}.cdetails{gap:8px;min-width:0;display:grid}.cd-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;display:flex}.cd-power{background:#c8282826;border-left:3px solid #d44;border-radius:6px;padding:4px 8px;font-size:13px}.cd-atk{background:#ffffff0d;border-radius:8px;padding:6px 8px}.cd-stats{flex-wrap:wrap;align-items:center;gap:4px 14px;display:flex}.statebox{border:1px solid var(--line);background:#00000040;border-radius:8px;gap:3px;padding:6px 8px;display:grid}.energyrow{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.zoom-actions{flex-wrap:wrap;gap:6px;display:flex}.zoom-actions .btn{white-space:normal;text-align:left}.overlay{z-index:80;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.coinov{background:#00000073}.coinbox{text-align:center;perspective:700px}.coinlabel{color:var(--muted);max-width:80vw;margin-bottom:14px;font-size:15px}.coins{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;max-width:90vw;min-height:150px;display:flex}.coinslot{width:84px;height:84px;animation:.15s both coinfade;animation-delay:var(--d,0s);margin-bottom:18px;position:relative}@keyframes coinfade{0%{opacity:0}}.coin-shadow{height:14px;animation:.95s both coinshadow;animation-delay:var(--d,0s);background:radial-gradient(#000a,#0000 70%);border-radius:50%;position:absolute;bottom:-16px;left:8%;right:8%}@keyframes coinshadow{0%{opacity:.8;transform:scale(1)}45%{opacity:.3;animation-timing-function:ease-in;transform:scale(.45)}78%{opacity:.8;transform:scale(1)}88%{opacity:.6;transform:scale(.85)}to{opacity:.8;transform:scale(1)}}.coin3d{transform-style:preserve-3d;animation:.95s both coinflip;animation-delay:var(--d,0s);position:absolute;top:0;bottom:0;left:0;right:0}.coin3d.to-heads{--end:1800deg}.coin3d.to-tails{--end:1980deg}@keyframes coinflip{0%{animation-timing-function:cubic-bezier(.15,.6,.4,1);transform:translateY(0)rotateX(0)scale(1)}45%{transform:translateY(-135px) rotateX(calc(var(--end) * .62)) scale(1.35);animation-timing-function:cubic-bezier(.6,0,.85,.5)}78%{transform:translateY(0) rotateX(var(--end)) scale(1);animation-timing-function:cubic-bezier(.2,.7,.4,1)}88%{transform:translateY(-16px) rotateX(var(--end)) scale(1.03);animation-timing-function:cubic-bezier(.6,0,.9,.6)}to{transform:translateY(0) rotateX(var(--end)) scale(1)}}.coin-slice{-webkit-backface-visibility:visible;backface-visibility:visible;background:linear-gradient(135deg,#cfd6dd,#7e8892);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.coin-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:3px solid #00000059;border-radius:50%;justify-content:center;align-items:center;font-size:30px;font-weight:900;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateZ(3px)}.coin-face.heads{color:#6b4300;background:radial-gradient(circle at 35% 30%,#fff1a8,#e0a915 70%)}.coin-face.tails{color:#2e3a46;background:radial-gradient(circle at 35% 30%,#f0f3f6,#8e99a6 70%);transform:rotateX(180deg)translateZ(3px)}.coinres{letter-spacing:2px;color:var(--accent);margin-top:16px;font-size:26px;font-weight:900;animation:.2s .8s both fadein}.netbanner{z-index:70;color:#fff;text-align:center;pointer-events:none;background:#96281eeb;border-radius:10px;max-width:92%;padding:6px 12px;font-size:13px;position:absolute;top:52px;left:50%;transform:translate(-50%)}.coinmsg{color:#fff;max-width:80vw;margin-top:8px;font-size:17px;font-weight:700;animation:.2s 1s both fadein}@keyframes fadein{0%{opacity:0}}.bannerov{pointer-events:none}.banner{text-align:center;color:var(--accent);text-shadow:0 2px #000;background:linear-gradient(90deg,#0000,#000000c7 15% 85%,#0000);width:100%;padding:16px 60px;font-size:clamp(22px,6vw,38px);font-weight:900;animation:.95s ease-out both bannerin}.banner small{color:#fff;font-size:.4em;font-weight:600;display:block}@keyframes bannerin{0%{opacity:0;transform:scaleY(.2)}15%{opacity:1;transform:scaleY(1)}80%{opacity:1}to{opacity:0}}.revealov{background:#000000b3}.revealbox{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:14px;width:min(760px,94vw);max-height:92dvh;padding:12px;overflow:auto}.revealbox h3{margin:0 0 10px}.revealbox .btn{margin-top:10px}.passov{z-index:100;background:#06120d}.passbox{text-align:center;padding:20px}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));border:1px solid var(--line);z-index:120;background:#000d;border-radius:999px;padding:8px 14px;position:fixed;transform:translate(-50%)}.pool{padding:6px 8px 14px}.filters{z-index:3;background:#0a1c14f2;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;padding:4px 0;display:flex;position:sticky;top:0}.filters .search{flex:140px;min-width:110px}.poolgrid{grid-template-columns:repeat(auto-fill,minmax(clamp(84px,22vw,130px),1fr));gap:8px;display:grid}.poolitem{position:relative}.poolitem.in .card{outline:2px solid var(--accent)}.cnt-badge{background:var(--accent);color:#2b1d00;z-index:2;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:13px;font-weight:900;display:flex;position:absolute;top:3px;left:3px}.poolctl{z-index:2;justify-content:space-between;padding:3px;display:flex;position:absolute;bottom:0;left:0;right:0}.poolctl button,.dctl button{color:#fff;cursor:pointer;background:#000000bf;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;font-weight:700}.poolctl button:disabled{opacity:.3}.poolmeta{background:#000a;border-radius:6px;align-items:center;gap:2px;padding:0 4px;font-size:11px;display:flex;position:absolute;bottom:3px;left:3px}.builder .bgrid{flex:1;grid-template-columns:minmax(0,1fr) 380px;min-height:0;display:grid}.tabs2{display:none}.hidden-narrow{display:block}.bdeck{border-left:1px solid var(--line);background:#0003;padding:8px}.deckhead{align-items:center;gap:8px;display:flex}.deckhead input{flex:1;font-weight:700}.count{font-size:18px;font-weight:900}.count.ok{color:var(--green)}.count.bad{color:var(--red)}.statline{flex-wrap:wrap;gap:12px;margin:6px 0;display:flex}.errs{color:#ff9a8a;margin:4px 0;padding-left:18px;font-size:12.5px}.btnrow{flex-wrap:wrap;gap:6px;margin:6px 0 10px;display:flex}.btnrow .btn{min-height:34px;padding:4px 10px;font-size:13.5px}.decklist{gap:4px;display:grid}.dsec{letter-spacing:.08em;text-transform:uppercase;opacity:.85;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:baseline;margin:10px 2px 2px;padding-bottom:3px;font-size:12px;font-weight:700;display:flex}.dsec:first-child{margin-top:0}.drow{background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:3px 6px 3px 3px;display:flex}.drow-img{cursor:pointer;background:0 0;border:0;flex:none;width:34px;padding:0}.dname{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.dctl{align-items:center;gap:6px;display:flex}.dctl button{background:var(--panel2);width:30px;height:30px}.iobox{width:100%;font-family:monospace;font-size:12px}.pickitem .mini-info{opacity:.85}@media (max-width:820px){.builder .bgrid{grid-template-columns:1fr}.tabs2{flex:none;display:flex}.tabs2 button{cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:1;padding:9px;font-weight:700}.tabs2 button.on{border-color:var(--accent);color:var(--accent)}.hidden-narrow{display:none}.bdeck{border-left:0}}@media (max-aspect-ratio:1){.zoom-grid{grid-template-columns:1fr}.zoom-card{width:min(300px,62vw,31.504dvh)}}@media (max-height:520px) and (min-aspect-ratio:6/5){.modal-head{padding-top:2px}.zoom-card{width:min(300px,34vw,55.848dvh)}.home{flex-direction:row;gap:24px}.heroimgs{height:120px}.menu{gap:6px}.btn.big{min-height:42px;font-size:16px}.credits{display:none}}@media (hover:hover){.pslot:hover .card{filter:brightness(1.08)}}.drawfx{pointer-events:none;z-index:70;position:fixed;top:0;bottom:0;left:0;right:0}.flycard{filter:drop-shadow(0 4px 6px #000a);position:fixed;top:0;left:0}.playedov{background:#0000008c}.playedbox{text-align:center;max-width:92vw;animation:.2s ease-out pop}.playedcap{text-shadow:0 2px 3px #000;margin-bottom:10px;font-size:clamp(15px,4vw,20px)}.playedcap b{color:var(--accent)}.playedcard{width:min(300px,62vw,42.96dvh);margin:0 auto;box-shadow:0 8px 30px #000}.playedname{margin-top:8px;font-size:18px;font-weight:800}.energycards{flex-wrap:wrap;gap:4px;display:flex}.energycards .card{cursor:pointer;width:58px}.mydecks{gap:8px;display:grid}.mydeck{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.mydeck:hover{border-color:var(--accent)}.emptydecks{text-align:center;padding:16px 0}.dctl button.rm{background:#6e2420;font-size:14px}.toast{align-items:center;display:flex}.handstrip{grid-template-columns:repeat(auto-fill,minmax(clamp(72px,21vw,130px),1fr));gap:8px;padding:4px 2px 10px;display:grid}.stripitem{width:100%;position:relative}.stripitem.notpick .card{filter:brightness(.6)saturate(.7)}.coin-img{object-fit:cover;border-radius:50%;width:calc(100% + 6px);height:calc(100% + 6px);position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.hcard{touch-action:pan-x;-webkit-touch-callout:none;cursor:grab}.hcard.dragging{opacity:.35}.dragghost{z-index:95;pointer-events:none;filter:drop-shadow(0 10px 14px #000c);opacity:.95;position:fixed;transform:translate(-50%,-62%)rotate(-3deg)scale(1.12)}.side.dropon{outline:3px dashed var(--accent);outline-offset:2px;border-radius:12px;animation:1s ease-in-out infinite pulse}.rowbetween{justify-content:space-between;align-items:center;gap:10px;display:flex}.btnrow{gap:8px;display:flex}.btnrow .btn{flex:1}.joinrow{gap:8px;margin-top:10px;display:flex}.joinrow input{flex:1;min-width:0}.roomlist{flex-direction:column;gap:6px;display:flex}.roomrow{background:var(--panel2);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.roomcode{letter-spacing:6px;color:var(--accent);font-size:30px;font-weight:900}.chatlog{background:#00000040;border-radius:8px;max-height:160px;padding:6px 10px;font-size:14px;overflow-y:auto}.err{color:var(--red);margin:6px 0}.okk{color:var(--green);font-weight:700}.linkbtn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 0;text-decoration:underline}.netdot{font-size:12px}.netdot.online{color:var(--green)}.netdot.connecting,.netdot.offline{color:var(--accent)}.friendrow{background:var(--panel2);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.friendrow .who{flex:1;min-width:0}.pdot{background:#667;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.pdot.idle,.pdot.room{background:var(--green)}.pdot.playing{background:var(--accent)}.invitebar{z-index:500;flex-direction:column;gap:6px;width:min(440px,94vw);display:flex;position:fixed;top:8px;left:50%;transform:translate(-50%)}.invitecard{background:var(--panel);border:2px solid var(--accent);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex;box-shadow:0 6px 20px #00000080}.invitecard span{flex:1}.authpage{-webkit-overflow-scrolling:touch;background:radial-gradient(120% 80% at 50% 0%, var(--felt1), var(--felt2) 70%);flex:1;justify-content:center;min-height:0;padding:18px 14px;display:flex;overflow:auto}.authwrap{flex-direction:column;gap:14px;width:min(400px,100%);margin:auto 0;display:flex}.authpage .heroimgs{height:clamp(90px,17dvh,170px)}.authcard{border:1px solid var(--line);background:#00000057;border-radius:16px;padding:14px;box-shadow:0 10px 30px #00000059}.authtabs{background:#00000059;border-radius:12px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.authtabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:9px 6px;font-weight:700}.authtabs button.on{background:var(--accent);color:#2b1d00}.afield{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.afield>span{color:var(--muted);font-size:13px;font-weight:600}.afield>span em{opacity:.8;font-style:normal;font-weight:400}.afield input{border-radius:10px;width:100%;min-height:44px;padding:8px 12px;font-size:16px}.afield small{color:var(--muted);opacity:.85;font-size:12px}.afield.invite input{letter-spacing:2px;text-transform:uppercase;border-color:var(--accent)}.pwrow{display:flex;position:relative}.pwrow input{padding-right:64px}.pwtoggle{background:var(--panel2);color:var(--muted);cursor:pointer;border:0;border-radius:8px;padding:0 10px;font-size:12px;font-weight:700;position:absolute;top:4px;bottom:4px;right:4px}.autherr{color:#ffb4ac;background:#e5483a29;border:1px solid #e5483a99;border-radius:10px;margin:0 0 12px;padding:8px 12px;font-size:14px}.authsubmit{width:100%}.authserver{margin:12px auto 0;display:block}.authnote{text-align:center;margin:0}.authpage .legal{max-width:none}select,input:not([type=checkbox]),textarea{min-height:44px;font-size:16px}:where(.screen,.modal,.authpage,.invitebar) .btn{min-height:44px}:where(.screen,.modal,.authpage) .icon-btn{min-width:44px;min-height:44px}.chip{min-height:36px;padding:5px 12px}.linkbtn{align-items:center;min-height:40px;padding:8px 6px;display:inline-flex}.linkbtn.xbtn{justify-content:center;min-width:44px;font-size:16px;text-decoration:none}.friendrow .btn{min-height:40px;padding:4px 12px}.friendrow{flex-wrap:wrap}.mini-info:after{content:"";position:absolute;top:-9px;bottom:-9px;left:-9px;right:-9px}.deckcurrent{width:100%;position:relative}.deckcurrent .chg{color:var(--accent);flex:none;margin-left:auto;font-size:13px;font-weight:700}@media (pointer:fine){select,input:not([type=checkbox]),textarea{min-height:34px;font-size:14px}:where(.screen,.modal) .btn{min-height:38px}.friendrow .btn{min-height:34px}}@media (max-height:760px){.authpage{padding-top:10px;padding-bottom:10px}.authpage .heroimgs{height:64px}.authpage .hero h1{font-size:26px}.authpage .hero h1 small{display:none}.afield{margin-bottom:9px}.authtabs{margin-bottom:10px}}@media (max-height:620px){.authpage .heroimgs,.authpage .legal,.authnote{display:none}}.authpage.compact .heroimgs{height:64px}.authpage.compact .hero h1{font-size:26px}.authpage.compact .hero h1 small{display:none}.authserver{justify-content:center;width:100%;margin:8px 0 0;display:flex}.stickybar{gap:8px;margin-top:auto}.stickybar .btn{flex:200px;width:auto;max-width:420px}.hero h1{white-space:nowrap}@media (max-height:520px) and (min-aspect-ratio:6/5){.hero h1{font-size:30px}.hero h1 small{letter-spacing:2px;font-size:12px}}.modal{position:relative}.modal-x{z-index:5;color:#fff;background:#000000b8;border-radius:50%;min-width:44px;min-height:44px;font-size:20px;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #0009}
