.game-wrap{background:#05070c;position:fixed;inset:0;overflow:clip}.stage{transform-origin:0 0;--play:#58c8ff;--sel:#ffd257;--atk:#ff5a4a;--blk:#ffa13a;--tgt:#ffb347;-webkit-user-select:none;user-select:none;background:radial-gradient(80% 70% at 50% 46%,#22365f 0%,#111b3a 55%,#070b1a 100%);width:1600px;height:1000px;position:absolute;overflow:clip}.layer{pointer-events:none;position:absolute;inset:0}.layer>*{pointer-events:auto}.layer.under>*{pointer-events:none}.under{z-index:0}.bf{z-index:1}.ui{z-index:4}.arrows{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:visible}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pod{background:#0a102452;border-radius:16px;position:absolute;box-shadow:inset 0 0 0 1px #7896dc24}.pod.you{background:#0c122838;box-shadow:inset 0 0 0 1px #c9a45a47}.pod.active{box-shadow:inset 0 0 0 1px #ffd98a8c,0 0 30px -10px #ffc86e8c}.rowband{background:#ffffff06;border-radius:8px;position:absolute}.rowlbl{font:600 9.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#aabef059;writing-mode:vertical-rl;position:absolute;transform:rotate(180deg)}.divider{border-left:1.5px dashed #c9a45a73;width:0;position:absolute}.divider:after{content:"planeswalkers";font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#c9a45ab3;white-space:nowrap;position:absolute;top:-13px;left:4px}.card{cursor:pointer;transition:left var(--sp-move-d,.38s) var(--sp-move,cubic-bezier(.3, .7, .25, 1)), top var(--sp-move-d,.38s) var(--sp-move,cubic-bezier(.3, .7, .25, 1)), width .38s, height .38s, transform var(--sp-tap-d,.38s) var(--sp-tap,cubic-bezier(.3, .7, .25, 1)), box-shadow .25s;background:#1b1b1b;border-radius:6%/4.3%;position:absolute;overflow:hidden;box-shadow:0 6px 14px #0000008c}.card img,.hc img,.pile img,.oh img,.dc img,.sc img,.pcard img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.card.tapped{filter:saturate(.7)brightness(.82)}.card.grp{box-shadow:3px 3px 0 -1px #0009,6px 6px 0 -2px #0006,0 4px 10px #00000080}.card.tile{background:#0d1220;border-radius:7px;box-shadow:0 0 0 1px #8caae64d,0 5px 12px #00000080}.card.tile img,.card.tile .drawn{height:calc(100% - 20px)}.card.tile .tb{height:20px;font:600 11px var(--body);color:#e9eefb;background:linear-gradient(#18213d,#0d1220);align-items:center;gap:6px;padding:0 6px;display:flex;position:absolute;bottom:0;left:0;right:0}.card.tile .tb span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.card.tile .tb b{font:700 11px var(--mono);color:#fff}.card.tile .tb b.loy{color:#ffd98a}.drawn{color:#e9eefb;width:100%;height:100%;font:600 11px/1.2 var(--body);background:linear-gradient(160deg,#2b3350,#161b2c);flex-direction:column;gap:4px;padding:8% 7%;display:flex;box-shadow:inset 0 0 0 3px #0b0f1c}.drawn b{font:700 12px/1.15 var(--body)}.drawn span{color:#9fb0dc;font-size:10px}.drawn i{font:700 12px var(--mono);background:#101318;border-radius:5px;align-self:flex-end;margin-top:auto;padding:0 5px;font-style:normal}.drawn.token{background:linear-gradient(160deg,#2f4a3a,#15261c)}.drawn.back,.bk{background:radial-gradient(#c69a54 0 22%,#6b4424 23% 60%,#3a2412 61%);box-shadow:inset 0 0 0 2px #2a1a0c}.bk{position:absolute;inset:0}.g-play{--gc:var(--play);animation:1.4s ease-in-out infinite pulse}.g-pick{--gc:var(--tgt);animation:1.1s ease-in-out infinite pulse}.g-atk{box-shadow:0 0 0 3px var(--atk), 0 0 22px 4px var(--atk)!important}.g-blk{box-shadow:0 0 0 3px var(--blk), 0 0 18px 3px var(--blk)!important}@keyframes pulse{0%,to{box-shadow:0 0 0 2px var(--gc), 0 0 10px 1px var(--gc)}50%{box-shadow:0 0 0 2px var(--gc), 0 0 24px 6px var(--gc)}}.bdg{transition:left var(--sp-move-d,.38s) var(--sp-move,cubic-bezier(.3, .7, .25, 1)), top var(--sp-move-d,.38s) var(--sp-move,cubic-bezier(.3, .7, .25, 1)), width .38s, height .38s;position:absolute;pointer-events:none!important}.bdg>*{white-space:nowrap;position:absolute}.bdg .pt{font:800 14px var(--mono);color:#fff;z-index:2;background:#101318;border:1.5px solid #6a7486;border-radius:6px;padding:0 6px;line-height:20px;top:-10px;right:-6px;box-shadow:0 3px 8px #0000008c}.bdg.tile .pt{font-size:13px;line-height:18px;top:auto;bottom:23px;right:3px}.bdg .loy{font:700 12px var(--mono);color:#ffd98a;background:#3a2a08;border:1px solid #c9a45a;border-radius:5px;padding:0 6px;line-height:18px;bottom:-4px;right:-4px}.bdg .ctr{font:700 11px var(--mono);color:#05230f;background:#3fbf73;border-radius:9px;padding:0 5px;line-height:16px;right:-4px}.bdg .grpn{font:700 11px var(--mono);color:#fff;background:#101318;border:1px solid #4a5260;border-radius:5px;padding:0 5px;line-height:17px;bottom:-4px;left:-4px}.bdg .tk{font:700 9px var(--mono);color:#cdd6ee;letter-spacing:.06em;background:#1c2a55;border-radius:4px;padding:0 4px;line-height:14px;bottom:18px;left:2px}.bdg .zz{font:700 10px var(--mono);color:#bcd3ff;background:#141e3cd9;border-radius:4px;padding:0 4px;line-height:15px;top:14px;right:2px}.bdg .cm{font:700 9.5px var(--mono);color:#221400;background:#c9a45a;border-radius:4px;padding:0 4px;line-height:15px;top:2px;left:2px}.bdg .dmg{font:800 14px var(--mono);color:#fff;background:#7a1010;border-radius:10px;padding:0 7px;line-height:20px;top:40%;left:50%;transform:translate(-50%)}.bdg .attn{font:700 10.5px var(--mono);color:#dfe6fb;background:#1c2a55;border:1px solid #c9a45a;border-radius:9px;padding:0 7px;line-height:16px;bottom:-9px;left:50%;transform:translate(-50%)}.bdg .mk{font:700 10px var(--mono);letter-spacing:.06em;border-radius:9px;padding:0 7px;line-height:17px;top:-11px;left:50%;transform:translate(-50%)}.bdg .mk.a{background:var(--atk);color:#fff}.bdg .mk.b{background:var(--blk);color:#2a1500}.plate{background:#101628eb;border-radius:14px;align-items:center;gap:12px;padding:0 14px 0 10px;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #8ca0d238,0 6px 18px #00000059}.plate.active{box-shadow:inset 0 0 0 1px #ffd98a99,0 6px 18px #00000059}.plate.prio{box-shadow:inset 0 0 0 2px #58c8ff,0 0 20px -2px #58c8ff8c}.plate.g-pick{cursor:pointer}.plate .ava{background:#24336a 50% 30%/cover;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 0 0 2px #c9a45a}.plate .ini{font:700 18px var(--display);color:#e9eefb}.plate .ab{border-radius:50%;width:15px;height:15px;position:absolute;bottom:-3px;right:-3px;box-shadow:0 0 0 2px #10162a}.plate .ab.on{background:#3fbf73}.plate .ab.left{background:#8a8f9c}.pmeta{flex-direction:column;gap:2px;min-width:0;display:flex}.pnm{font:700 14px var(--body);color:#e9eefb;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.turntag{font:700 9px var(--mono);letter-spacing:.08em;color:#241900;vertical-align:2px;background:#ffd98a;border-radius:4px;margin-left:7px;padding:1px 5px}.pline{align-items:center;gap:10px;display:flex}.lifev{font:700 24px var(--display);color:#f5e6c8;align-items:center;gap:5px;line-height:1;display:inline-flex}.lifev svg{width:15px;height:15px}.clock{font:600 12px var(--mono);color:#cdd6ee;font-variant-numeric:tabular-nums;border:1px solid #a0b4e659;border-radius:7px;align-items:center;gap:5px;padding:2px 7px;display:inline-flex}.clock svg{width:12px;height:12px}.clock.run{color:#fff;border-color:#58c8ff}.clock.low{color:#ffb0a6;border-color:#ff6a5a}.plate.mini .lifev{font-size:19px}.plate.mini .pnm{font-size:12.5px}.plate.mini .pline{gap:7px}.plate.mini .clock{padding:1px 5px;font-size:11px}.stats{flex-wrap:wrap;gap:5px;display:flex;position:absolute}.sb{height:22px;font:700 11.5px var(--mono);color:#e9eefb;background:#0a0e1cd9;border-radius:11px;align-items:center;gap:4px;padding:0 7px 0 5px;display:inline-flex;box-shadow:inset 0 0 0 1px #a0b4e64d}.sb svg{width:13px;height:13px}.sb.poison{color:#b8ffd2;box-shadow:inset 0 0 0 1px #6fce98}.sb.monarch,.sb.initiative{color:#ffe9a8;box-shadow:inset 0 0 0 1px #ffd257}.sb.energy{color:#bfe9ff;box-shadow:inset 0 0 0 1px #58c8ff}.zrow{gap:5px;display:flex;position:absolute}.zc{flex-direction:column;align-items:center;gap:3px;display:flex}.zc label{font:600 9px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#8ea2d6}.pile{cursor:pointer;background:#00000059;border-radius:5px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.pile b{font:700 11px var(--mono);color:#fff;background:#000000d1;border-radius:4px;padding:0 4px;line-height:15px;position:absolute;bottom:2px;right:2px}.pile.empty{cursor:default;background:0 0;box-shadow:inset 0 0 0 1.5px #ffffff47}.pile.empty b{color:#fff9;background:0 0}.ohand{position:absolute}.oh{border-radius:5px;position:absolute;top:2px;overflow:hidden;box-shadow:0 3px 8px #00000080}.ohn{font:600 10.5px var(--mono);color:#9fb0dc;white-space:nowrap;position:absolute;left:0}.hc{cursor:pointer;transition:transform .22s, box-shadow .22s, left var(--sp-move-d,.3s) var(--sp-move,ease), top var(--sp-move-d,.3s) var(--sp-move,ease);border-radius:6%/4.3%;position:absolute;overflow:hidden;box-shadow:0 6px 14px #0000008c}.hc:hover{transform:translate(-50%, -50%) translateY(-80px) scale(1.12) rotate(0deg) perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))!important;z-index:40!important}.hc.tilt:hover{box-shadow:var(--sx) calc(var(--sy) + 16px) 34px #000000b3}.pview{background:#080c1c80;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #8caae638}.pcard{transition:transform .5s var(--sp-move,ease), box-shadow .3s;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000080}.pcard.tilt{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.02);box-shadow:var(--sx) calc(var(--sy) + 8px) 36px #000000a6;transition:transform .12s ease-out,box-shadow .2s}.pview .ph{font:500 12.5px var(--body);color:#5d6d98;text-align:center;padding:14px}.lanebar{background:#080c1cb8;border-radius:12px;align-items:center;gap:18px;padding:0 10px 0 14px;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #8caae633}.lanebar .lt{font:600 12px var(--mono);color:#9fb0dc;white-space:nowrap}.tord{align-items:center;gap:6px;display:flex}.tord-item{align-items:center;gap:6px;display:inline-flex}.tord em{color:#5d6d98;font-style:normal}.tord b{font:700 12px var(--body);color:#ffe3a6;white-space:nowrap}.to{background:#24336a 50% 30%/cover;border-radius:50%;width:22px;height:22px;display:inline-block;position:relative;box-shadow:0 0 0 1.5px #a0b4e666}.to.act{width:26px;height:26px;box-shadow:0 0 0 2.5px #ffd98a,0 0 12px #ffc86e99}.to.pri{box-shadow:0 0 0 2.5px #58c8ff,0 0 12px #58c8ff99}.to.act.pri{box-shadow:0 0 0 2.5px #ffd98a,0 0 0 5px #58c8ff}.sphs{gap:3px;display:flex}.sphs i{font:700 11px var(--mono);color:#7385b8;text-align:center;background:#ffffff08;border-radius:6px;width:30px;padding:3px 0;font-style:normal;position:relative}.sphs i.on{color:#1a1204;background:#ffb347}.plab{font:600 12px var(--body);color:#bfe9ff;white-space:nowrap}.lane-end{gap:6px;margin-left:auto;display:flex}.lane-btn{font:600 11.5px var(--body);color:#cdd6ee;background:#1a2448;border:1px solid #3d5190;border-radius:8px;padding:4px 10px}.lane-btn.warn{color:#ffb0a6;border-color:#ff6a5a}.lane-btn.on{color:#fff;background:#2d4a8a;border-color:#58c8ff}.lane-btn:disabled{opacity:.45;cursor:default}[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);color:#fff;font:500 11.5px var(--body);white-space:nowrap;z-index:80;pointer-events:none;background:#0b1020;border-radius:6px;padding:4px 8px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #3d5190,0 6px 14px #00000080}.ctrls{flex-direction:column;gap:9px;display:flex;position:absolute}.ctrls p{font:500 13px var(--body);color:#dfe6fb;min-height:54px;max-height:110px;margin:0;overflow:auto}.ctrls .pass{font:700 19px var(--display);color:#2b1600;background:radial-gradient(circle at 50% 35%,#ffcf78,#e08a1d);border:0;border-radius:30px;padding:11px 20px;box-shadow:0 0 0 3px #3a2408,0 0 24px 4px #ffaa3c73}.ctrls .pass:disabled{filter:grayscale(.8)brightness(.6);cursor:default;box-shadow:0 0 0 3px #1c2238}.ctrls .skips{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ctrls .skips button{font:600 11.5px var(--body);color:#cdd6ee;background:#1a2448;border:1px solid #3d5190;border-radius:8px;padding:6px}.ctrls .skips button.on{color:#fff;background:#2d4a8a;border-color:#58c8ff}.poolline{font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8ea2d6;align-items:center;gap:6px;display:flex}.mp{width:22px;height:22px;font:700 11px var(--mono);color:#101318;border:0;border-radius:50%;padding:0;box-shadow:inset 0 0 0 1px #00000059,0 0 8px #ffffff40}.mp:disabled{cursor:default}.mp.W{background:#f6f0d0}.mp.U{background:#6fb0ee}.mp.B{background:#a99fb0}.mp.R{background:#f08a6c}.mp.G{background:#6fce98}.mp.C{background:#cfc9c2}.nopool{text-transform:none;letter-spacing:0;font:500 11px var(--body);color:#5d6d98}.phs{justify-content:center;align-items:center;display:flex;position:absolute}.phs .turn{font:500 11px var(--mono);color:#7385b8}.ibar{z-index:30;justify-content:center;align-items:center;display:flex;position:absolute}.ibar .msg{font:600 13.5px var(--body);color:#fff;background:#080c1cf2;border:1px solid #ffb347;border-radius:22px;align-items:center;gap:10px;max-width:100%;padding:4px 8px 4px 16px;display:flex;box-shadow:0 0 22px #ffb34759}.ibar .mtext{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ibar button,.strip button{font:700 12.5px var(--body);color:#e9eefb;white-space:nowrap;background:#24336a;border:0;border-radius:16px;padding:5px 13px;box-shadow:inset 0 0 0 1px #4a5d99}.ibar button.pri,.strip button.pri{color:#2b1600;background:radial-gradient(circle at 50% 35%,#ffcf78,#e08a1d);box-shadow:0 0 0 2px #3a2408}.ibar button:disabled{opacity:.45;cursor:default}.amt{font:500 12px var(--body);align-items:center;gap:6px;display:inline-flex}.amt input{width:64px;padding:3px 6px}.strip{z-index:35;background:#080c1cf0;border-radius:14px;flex-direction:column;gap:8px;max-height:330px;padding:10px 14px 12px;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #ffb347,0 10px 30px #00000080}.strip-head{font:600 13px var(--body);color:#fff;align-items:center;gap:10px;display:flex}.strip-head button{margin-left:auto}.strip-texts{flex-wrap:wrap;gap:6px;max-height:240px;display:flex;overflow:auto}.strip-groups{gap:18px;display:flex;overflow-x:auto}.strip-group{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.strip-cards{gap:8px;display:flex}.dc{cursor:pointer;border-radius:6px;flex:none;width:104px;height:145px;position:relative;overflow:hidden;box-shadow:0 6px 14px #00000080}.stackfloat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#0a1024db;border-radius:14px;position:absolute;box-shadow:inset 0 0 0 1px #c9a45a73,0 14px 40px #00000080}.sfh{padding:9px 12px 0}.rcol-h{font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8ea2d6}.si{cursor:pointer;align-items:flex-start;gap:8px;transition:top .35s;display:flex;position:absolute;left:10px;right:10px}.si .sc{border-radius:6px;flex:none;width:60px;height:84px;overflow:hidden;box-shadow:0 0 0 2px #58c8ff,0 0 14px #58c8ffb3,0 8px 18px #0009}.si.ab .sc{box-shadow:0 0 0 2px #c9a45a,0 0 14px #c9a45ab3}.si.top .sc{animation:1.4s ease-in-out infinite resolve}.si .tx{font:500 11.5px var(--body);color:#dfe6fb;background:#080c1ce0;border:1px solid #3d5190;border-radius:8px;flex:1;padding:5px 8px;line-height:1.3}.si .tx b{color:#ffcf8a;letter-spacing:.05em;text-transform:uppercase;font-size:10px;display:block}.si .tx em{color:#9fb0dc;font-size:10.5px;font-style:normal;display:block}@keyframes resolve{0%,to{box-shadow:0 0 0 2px #ffd257,0 0 12px #ffd257}50%{box-shadow:0 0 0 3px #fff2b0,0 0 26px 6px #ffd257}}.arrows .dash{animation:.9s linear infinite dash}@keyframes dash{0%{stroke-dashoffset:34px}to{stroke-dashoffset:0}}.fx-gl{z-index:7;pointer-events:none;width:1600px;height:1000px;position:absolute;top:0;left:0}.fx-dom{z-index:8;pointer-events:none;position:absolute;inset:0}.float{font:800 28px var(--mono);color:#fff;text-shadow:0 2px #000,0 0 12px #000c;white-space:nowrap;position:absolute;transform:translate(-50%,-50%)}.float.dmg{color:#ff6a5a}.float.heal{color:#6cf29b}.float.ctr{color:#b8ffd2;font-size:18px}.float.ctrd{color:#b4c6ff;letter-spacing:.08em;text-transform:uppercase;font-size:22px}.banner{background:linear-gradient(90deg,#0000,#080c1ce0 22% 78%,#0000);flex-direction:column;justify-content:center;align-items:center;gap:4px;height:130px;display:flex;position:absolute;top:392px;left:0;right:0;box-shadow:inset 0 1px #ffd27859,inset 0 -1px #ffd27859}.banner b{font:700 58px var(--display);color:#ffe3a6;letter-spacing:.04em;text-shadow:0 0 26px #ffbe5aa6;white-space:nowrap}.banner span{font:600 13px var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#9fb0dc}.banner.opp{height:96px;top:412px;box-shadow:inset 0 1px #78beff4d,inset 0 -1px #78beff4d}.banner.opp b{color:#cfe6ff;text-shadow:0 0 22px #58c8ff80;font-size:40px}.glide{mix-blend-mode:screen;background:#ffb347;border-radius:6px;position:absolute;box-shadow:0 0 16px 2px #ffb347cc}.ghost{background:#1b1b1b;border-radius:6%/4.3%;position:absolute;overflow:hidden;box-shadow:0 10px 24px #0000008c}.ghost img{object-fit:cover;width:100%;height:100%;display:block}.attpop{z-index:60;background:#0a0e1ef5;border-radius:14px;gap:14px;padding:12px;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #c9a45a,0 18px 50px #0009}.attx{font:700 16px var(--mono);color:#e9eefb;cursor:pointer;background:#1c2748;border:0;border-radius:8px;flex:none;width:28px;height:26px;margin-left:auto;line-height:1}.attx:hover{background:#2c3d70}.attsub{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#98a6c8;align-items:baseline;gap:8px;margin-top:2px;display:flex}.attsub em{font:500 11px var(--body);letter-spacing:0;text-transform:none;color:#7d8aad;font-style:normal}.bdg .attn{pointer-events:auto;cursor:pointer}.bdg .attn:hover{background:#2c3d70}.attpop .hostimg{aspect-ratio:.716;border-radius:8px;flex:none;height:100%;overflow:hidden}.attpop .hostimg img{object-fit:cover;width:100%;height:100%;display:block}.attinfo{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.attname{font:700 16px var(--display);color:#fff;align-items:baseline;gap:10px;display:flex}.attpt{font:700 26px var(--mono);color:#b8ffd2;line-height:1}.attpt small{font:500 11px var(--body);color:#8ea2d6;margin-top:3px;display:block}.attkw{flex-wrap:wrap;gap:4px;display:flex}.attkw span{font:600 11px var(--body);color:#e9eefb;background:#24336a;border-radius:10px;padding:2px 8px}.attkw .ctrk{color:#b8ffd2;background:#123d24}.attlist{scrollbar-width:thin;flex-direction:column;flex:1;gap:5px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.attrow{cursor:pointer;background:#1c27488c;border-radius:8px;flex:none;align-items:flex-start;gap:8px;padding:5px;display:flex}.attrow:hover{background:#2c3d70cc}.atttx{flex-direction:column;gap:2px;min-width:0;display:flex}.atttx b{font:600 12.5px var(--body);color:#fff;align-items:center;gap:6px;display:flex}.atttx span{font:12px/1.35 var(--body);color:#c8d2ea;display:block}.attart{border-radius:4px;flex:none;width:46px;height:34px;overflow:hidden}.attart img,.attart .drawn{object-fit:cover;width:100%;height:100%}.sb .cav{background:#24336a 50% 30%/cover;border-radius:50%;width:15px;height:15px}.sb.commanderDamage{color:#ffc6b8;box-shadow:inset 0 0 0 1px #ff8a6a}.sb.tax{color:#ffe3a6;box-shadow:inset 0 0 0 1px #c9a45a}.pile b.tax{color:#221400;background:#c9a45a}.pile.g-play{cursor:pointer}.over-back{z-index:90;background:#03061099;place-items:center;display:grid;position:absolute;inset:0}.over-back.soft{pointer-events:none;background:#03061040}.over-back.soft .over{pointer-events:auto}.over{background:var(--panel);border:1px solid var(--gold);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;max-width:520px;padding:28px 32px;display:flex}.over h2{font:700 30px var(--display);margin:0}.over p{margin:0}.card.tilt:not(.tapped){--tilt:perspective(700px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.04);transition:left var(--sp-move-d,.38s) var(--sp-move,cubic-bezier(.3, .7, .25, 1)), top var(--sp-move-d,.38s) var(--sp-move,cubic-bezier(.3, .7, .25, 1)), width .38s, height .38s, transform .14s ease-out, box-shadow .25s;box-shadow:var(--sx) var(--sy) 22px #0009}.card:after,.hc:after,.pcard:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(farthest-corner circle at var(--mx,50%) var(--my,50%), #ffffff80 0%, #ffffff24 28%, #00000038 90%);mix-blend-mode:overlay;transition:opacity .3s;position:absolute;inset:0}.card.tilt:after,.hc.tilt:after,.pcard.tilt:after{opacity:1}.foil:before{content:"";z-index:2;border-radius:inherit;pointer-events:none;mix-blend-mode:color-dodge;opacity:.14;background:repeating-linear-gradient(115deg,#ee2b2b 0%,#eede2b 7%,#2bee4b 14%,#2bbdee 21%,#8b42f0 28%,#ee2b8c 35%,#ee2b2b 42%) 0 0/260% 260%;background-position:var(--mx,30%) var(--my,30%);filter:brightness(.65);transition:opacity .3s;position:absolute;inset:0}.foil.tilt:before{opacity:.38}@media (prefers-reduced-motion:reduce){.card,.bdg,.hc,.si,.pcard{transition:none}.g-play,.g-pick,.si.top .sc,.arrows .dash{animation:none}.card:after,.hc:after,.pcard:after{display:none}}.lanebar [data-tip]:hover:after{top:calc(100% + 8px);bottom:auto}.plate{overflow:hidden}.pmeta,.pline{min-width:0}.plate.mini .clock svg{display:none}.plate.mini{gap:9px;padding-right:10px}.ms{vertical-align:-3px;border-radius:50%;flex:none;display:inline-block;box-shadow:0 1px 1px #00000073}.ms.txt{color:#111;font:700 9px var(--mono);text-align:center;background:#cac5c0;line-height:1.5}.ms.anym{background:conic-gradient(#f8f6d8 0 20%, #c1d7e9 0 40%, #bab1ab 0 60%, #e49977 0 80%, #a3c095 0)}.mcost{vertical-align:middle;align-items:center;gap:1px;display:inline-flex}.or{color:#9fb0dc;margin:0 1px;font-size:10px;font-style:normal}.bdg .prod{background:#080c1cd9;border-radius:10px;align-items:center;gap:1px;padding:2px 5px 2px 3px;display:inline-flex;top:3px;left:3px;box-shadow:0 0 0 1px #fff3}.bdg .prod.low{top:21px}.bdg .prod b{font:700 10.5px var(--mono);color:#fff;margin-left:3px}.oc{font:700 11px var(--mono);color:#e9eefb;letter-spacing:0;text-transform:none;align-items:center;gap:1px;display:inline-flex}.ot{font:700 12px var(--mono);color:#fff;letter-spacing:0}.openline{color:#b8ffd2;flex-wrap:wrap;row-gap:3px}.mp{color:#fff;background:#080c1cb3;border-radius:10px;align-items:center;gap:2px;width:auto;height:auto;padding:1px 6px 1px 2px;display:inline-flex;box-shadow:inset 0 0 0 1px #fff3}.mp:not(:disabled){box-shadow:0 0 0 2px var(--play);cursor:pointer}.sb.open{color:#cfe6ff;gap:3px;box-shadow:inset 0 0 0 1px #6fb0ee}.hcost{z-index:45;transform-origin:100%;pointer-events:none;background:#080c1ce0;border-radius:10px;padding:2px 3px;display:flex;position:absolute;box-shadow:0 0 0 1px #ffffff38,0 3px 8px #00000080}.hcost.poor{opacity:.8;box-shadow:0 0 0 1px #ff6a5a,0 3px 8px #00000080}.hc.poor{filter:brightness(.55)saturate(.6)}.hc.poor:hover{filter:none}.card.tile .tb .mcost{flex:none}.si .tx .mcost{margin-left:2px}.amtpick{background:#ffffff0f;border-radius:16px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffb34780}.amtpick .alabel{font:600 12px var(--body);color:#dfe6fb;text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.ibar .amtpick .astep{width:30px;height:30px;font:700 18px var(--body);border-radius:50%;padding:0;line-height:1}.amtpick .aval{text-align:center;width:64px;height:34px;font:700 22px var(--mono);color:#fff;-moz-appearance:textfield;background:#0b1020;border:2px solid #ffb347;border-radius:10px;padding:0 4px}.amtpick .aval::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amtpick .aval::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amtpick .arange{font:600 11px var(--mono);color:#8ea2d6}.ibar .amtpick .amm{padding:4px 10px;font-size:11.5px}.hpill{z-index:60;color:#e9eefb;height:32px;font:700 12px var(--mono);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#0a0e1ef2;border-radius:16px;align-items:center;gap:9px;padding:0 12px 0 10px;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #7fb4e673,0 8px 24px #00000080}.hpill svg{width:14px;height:14px}.hpill span{align-items:center;gap:3px;display:inline-flex}.hpill i{font:700 10.5px var(--mono);color:#fff;background:#c0473c;border-radius:9px;padding:1px 6px;font-style:normal}.hpanel{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e1ef2;border-radius:14px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #7fb4e673,0 18px 50px #0009}.hhead{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid #8ca0d22e;align-items:center;gap:6px;padding:8px 8px 6px 12px;display:flex}.hhead .ht{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#98a6c8;margin-right:auto}.htab{font:600 12px var(--body);color:#c8d2ea;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:4px 10px}.htab.on{color:#fff;background:#24336a}.hx{font:700 13px var(--mono);color:#e9eefb;cursor:pointer;background:#1c2748;border:0;border-radius:7px;width:26px;height:24px}.hbar{flex-wrap:wrap;gap:5px;padding:7px 10px;display:flex}.hchip{font:600 11.5px var(--body);color:#c8d2ea;cursor:pointer;background:#161f3a;border:0;border-radius:11px;padding:3px 9px}.hchip.on{color:#0b1320;background:#7fb4e6}.hlist{scrollbar-width:thin;flex:1;padding:0 10px 10px;overflow-y:auto}.hturn{z-index:1;font:700 11px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#98a6c8;background:#121a34f7;margin:8px -10px 4px;padding:5px 10px;position:sticky;top:0}.hline{font:13px/1.35 var(--body);color:#dfe5f5;gap:8px;padding:3px 0;display:flex}.hline .ph{width:24px;font:600 10px var(--mono);color:#7d8aad;flex:none;padding-top:2px}.hline.new{animation:1.4s ease-out hnew}@keyframes hnew{0%{background:#7fb4e647}to{background:0 0}}.lc{color:#9fd0ff;cursor:help;border-bottom:1px dotted #9fd0ff99;font-weight:600}.pn{color:#f0c27a;font-weight:700}.pn.you{color:#8fe3b0}.hst{border-collapse:collapse;width:100%;font:13px var(--body);color:#dfe5f5}.hst th{font:600 11px var(--body);color:#98a6c8;text-align:center;padding:4px 2px}.hst th div{flex-direction:column;align-items:center;gap:3px;display:flex}.hst th .cav{background:#24336a 50% 30%/cover;border-radius:50%;width:22px;height:22px}.hst td{text-align:center;border-top:1px solid #8ca0d21f;padding:5px 2px}.hst td:first-child{text-align:left;white-space:nowrap;color:#c8d2ea}.hst td:first-child span{align-items:center;gap:6px;display:inline-flex}.hst td:first-child svg{width:14px;height:14px}.hst button{font:700 13px var(--mono);color:#fff;cursor:pointer;background:#1c2748;border:0;border-radius:7px;min-width:28px;padding:2px 6px}.hst button.on{color:#0b1320;background:#7fb4e6}.hst .z{color:#56607a;font:13px var(--mono)}.hpick{font:12.5px/1.45 var(--body);color:#dfe5f5;background:#141c36;border-radius:9px;margin:8px 0 2px;padding:8px 10px}.hpick>b{color:#98a6c8;font-weight:600}.hsec{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#98a6c8;margin:12px 0 6px}.hcmd{font:12.5px var(--body);color:#dfe5f5;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;display:flex}.hcmd .sb{height:24px}.hcmd .sb .cn{font:600 11.5px var(--body);color:#ffd9cf}.hcmd .sb .of{color:#b38b80;font-weight:500}.hcmd .dt{font:700 11px var(--mono);color:#ff9f86}.dab{cursor:pointer;background:#141c38e6;border-radius:10px;gap:10px;width:330px;padding:6px;display:flex;box-shadow:inset 0 0 0 1px #8ca0d24d}.dab .dc{flex:none}.dab .abtx{font:13px/1.35 var(--body);color:#dfe5f5;flex-direction:column;gap:4px;max-height:180px;display:flex;overflow:auto}.dab .abtx b{font:700 13px var(--body);color:#fff}.dab .abtx p{margin:0}.bdg .pt.up{color:#b8ffd2;background:#0f3d22;border-color:#3fbf73}.bdg .pt.down{color:#ffc2c2;background:#4a1212;border-color:#e0474c}.bdg .pt.mixed{color:#ffe9a8;background:#3d3208;border-color:#e0b64a}.attpt.up{color:#b8ffd2}.attpt.down{color:#ffb0b0}.attpt.mixed{color:#ffe9a8}.bdg .cicons{pointer-events:auto;flex-direction:column;gap:2px;display:flex;top:22px;left:3px}.bdg .cicons.row{flex-direction:row;top:3px;left:3px}.cicons i{background:#0a0e1ce0;border-radius:50%;width:17px;height:17px;font-style:normal;display:block;position:relative;box-shadow:inset 0 0 0 1px #a0b4e673}.cicons i .g{background:#e9eefb;position:absolute;inset:3px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cicons i b{font:700 8.5px var(--mono);color:#fff;background:#24336a;border-radius:5px;padding:0 2px;line-height:10px;position:absolute;bottom:-4px;right:-5px}.cicons i.more{width:auto;min-width:17px;font:700 9.5px/17px var(--mono);color:#e9eefb;text-align:center;padding:0 3px}.bdg .ptd{font:800 11px var(--mono);color:#8a93a8;z-index:2;background:#080c18eb;border-radius:5px;padding:0 4px;line-height:15px;top:-27px;right:-4px}.bdg.tile .ptd{top:auto;bottom:44px;right:3px}.ptd i{font-style:normal}.ptd .plus{color:#6ff0a2}.ptd .minus{color:#ff8a8a}.ptd .same{color:#8a93a8}.depth{z-index:1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .25s;position:absolute;top:0;left:0}.tilt>.depth.on,.depth.on.pop{opacity:1}.card.tile>.depth{height:calc(100% - 20px)}.lane-watch{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#bfe9ff;background:#58c8ff24;border:1px solid #58c8ff80;border-radius:8px;padding:4px 10px}.watchpanel select{font:600 12.5px var(--body);color:#e9eefb;text-transform:none;letter-spacing:0;background:#1a2448;border:1px solid #3d5190;border-radius:8px;margin-left:8px;padding:4px 8px}.whand{place-items:center;display:grid;position:absolute}.whand span{font:600 13px var(--body);color:#9fb0dc;background:#080c1c99;border:1px dashed #8caae659;border-radius:12px;padding:10px 18px}.over-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070b1a;--panel:#101628eb;--ink:#e9eefb;--muted:#8ea2d6;--line:#8ca0d240;--gold:#c9a45a;--accent:#58c8ff;--warn:#ff6a5a;--body:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--display:"Cinzel", Georgia, serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(ellipse 80% 70% at 50% 40%, #22365f 0%, #111b3a 55%, var(--bg) 100%) fixed;color:var(--ink);font:15px/1.5 var(--body)}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit;color:var(--ink);border:1px solid var(--line);background:#060a18cc;border-radius:8px;width:100%;padding:8px 10px}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{font-family:var(--mono);font-size:.9em}h1{font:700 28px/1.1 var(--display);letter-spacing:.01em;margin:0}.muted{color:var(--muted)}.error{color:#ffb0a6;margin:0}.splash{height:100%;color:var(--muted);place-items:center;display:grid}button.primary{font:700 17px var(--display);color:#2b1600;background:radial-gradient(circle at 50% 35%,#ffcf78,#e08a1d);border:0;border-radius:26px;padding:10px 26px;box-shadow:0 0 0 3px #3a2408,0 0 20px 2px #ffaa3c66}button.primary:disabled{opacity:.6;cursor:default}button.link{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.login{place-items:center;min-height:100%;padding:16px;display:grid}.login-card{background:var(--panel);border:1px solid var(--gold);border-radius:16px;flex-direction:column;gap:10px;width:min(380px,100%);padding:24px;display:flex;box-shadow:0 20px 60px #00000080}.login-card h1{margin-bottom:8px}.login-card label{font:600 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.login-card .link{align-self:flex-start;font-size:13px}.login-card label.check{font:500 13px var(--body);letter-spacing:0;text-transform:none;color:var(--text,#e9eefb);cursor:pointer;align-items:center;gap:8px;margin-top:6px;display:flex}.login-card .hint{color:var(--muted);margin:0;font-size:12px}.server-settings{flex-direction:column;gap:8px;display:flex}.server-settings .row{grid-template-columns:1fr 96px;gap:8px;display:grid}.lobby{flex-direction:column;gap:16px;max-width:1100px;margin:0 auto;padding:20px 16px;display:flex}.lobby-bar{align-items:center;gap:16px;display:flex}.lobby-bar .who{color:var(--muted);font-family:var(--mono);margin-left:auto;font-size:13px}.lobby-actions{align-items:center;gap:14px;display:flex}.lobby h2,.modal h2{font:700 20px var(--display);margin:0 0 8px}.table-wrap{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow-x:auto}table.tables{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}table.tables th,table.tables td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 12px}table.tables th{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono)}.small-btn{font:600 12px var(--body);background:#24336a;border:1px solid #4a5d99;border-radius:8px;padding:4px 12px}.modal-back{z-index:50;background:#03061099;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--gold);border-radius:16px;flex-direction:column;gap:14px;width:min(520px,100%);padding:22px 24px;display:flex;box-shadow:0 20px 60px #00000080}.modal fieldset{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.modal legend{font:600 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.modal select{font:inherit;color:var(--ink);border:1px solid var(--line);background:#060a18cc;border-radius:8px;padding:8px 10px}.modal-btns{justify-content:flex-end;align-items:center;gap:16px;display:flex}.seg{border:1px solid var(--line);background:#060a1899;border-radius:10px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.seg button{background:0 0;border:0;border-radius:7px;flex:1;padding:7px 10px;font-size:13.5px}.seg button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent);background:#2d4a8a}.file-btn{font:600 13px var(--body);color:var(--muted);cursor:pointer;text-underline-offset:3px;align-self:flex-start;text-decoration:underline}.file-btn input{display:none}.seats{flex-direction:column;gap:6px;margin-top:4px;display:flex}.seat-row{align-items:center;gap:12px;display:flex}.seat-row>span{flex:none;width:86px}.seat-row .seg{flex:1}.waiting{background:var(--panel);border:1px solid var(--gold);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.waiting h2{margin:0}.waiting-head{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.waiting-head .link{margin-left:auto}.seat-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.seat-list li{background:#24336a;border:1px solid #4a5d99;border-radius:16px;padding:5px 12px;font-size:13.5px}.seat-list li.open{color:var(--muted);background:0 0;border-style:dashed}.invite{border:1px solid var(--line);color:var(--muted);background:#060a1880;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;font-size:13.5px;display:flex}.invite-url{align-items:center;gap:8px;display:inline-flex}.invite code{font:600 13.5px var(--mono);color:var(--ink);-webkit-user-select:all;user-select:all}table.tables tr.mine td{background:#c9a45a14}.seat{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:8px 0;display:flex}.seat:first-child{border-top:0}.seat .deck-select,.seat .seat-note{margin-left:98px}.seat .seat-note{margin-top:0;margin-bottom:0}.deck-select{flex-direction:column;gap:6px;display:flex}.deck-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.deck-line select{flex:1;min-width:0}.deck-select .muted.small{margin:0}@media (width<=520px){.seat .deck-select,.seat .seat-note{margin-left:0}}.notice{flex-direction:column;gap:10px;max-width:560px;margin:12vh auto 0;padding-inline:16px;display:flex}.notice h1,.notice p{margin:0}.notice a,.back-to-game a{color:var(--accent,#58c8ff);font-weight:600}.back-to-game{border:1px solid var(--gold);background:var(--panel);border-radius:10px;align-items:center;gap:14px;padding:10px 14px;display:flex}.table-page .lobby-bar .back{color:var(--muted);font-size:14px;text-decoration:none}.table-page .lobby-bar .back:hover{color:var(--ink)}.join-box{flex-direction:column;gap:10px;max-width:520px;display:flex}.join-box .primary{align-self:flex-start}.share{flex-direction:column;gap:6px;display:flex}table.tables td a{color:var(--ink);font-weight:600;text-decoration:none}table.tables td a:hover{text-decoration:underline}.watch-btn{align-self:flex-start}.results .rgame{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.rhead{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.rhead h2{margin:0}.rplayers{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.rplayer{border:1px solid var(--line);background:#060a1880;border-radius:12px;gap:12px;padding:10px;display:flex}.rplayer.won{border-color:var(--gold);box-shadow:0 0 22px -8px #c9a45ab3}.rplayer.out .rcard{filter:grayscale(.7)brightness(.75)}.rcard{aspect-ratio:1.37;background:#0d1220;border-radius:8px;flex:none;width:110px;overflow:hidden}.rcard img,.rcard .drawn{object-fit:cover;width:100%;height:100%;display:block}.rinfo{flex-direction:column;gap:4px;min-width:0;display:flex}.rinfo b{flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;display:flex}.rinfo .ai{font:700 9.5px var(--mono);letter-spacing:.08em;color:#cdd6ee;background:#24336a;border-radius:4px;padding:1px 5px}.rinfo .win{font:700 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:#221400;border-radius:4px;padding:1px 6px}.rnums{color:#c8d2ea;flex-wrap:wrap;gap:4px 12px;font-size:13px;display:flex}.rlog summary{cursor:pointer;color:var(--muted);font-size:13.5px}.rlog{max-height:480px;overflow:auto}.recent{flex-direction:column;gap:6px;display:flex}.recent ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.recent li{font-size:14px}.recent li a{color:var(--ink);font-weight:600}.tcard{background:var(--panel);border:1px solid var(--gold);border-radius:16px;flex-direction:column;gap:16px;padding:18px 20px;display:flex;box-shadow:0 18px 50px #00000059}.tcard-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tcard-head h2{margin:0 0 2px}.tchip{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:14px;padding:5px 11px}.tchip.wait{color:#c8d2ea;background:#8ca0d224;box-shadow:inset 0 0 0 1px #8ca0d259}.tchip.ready{color:#b8ffd2;background:#3fbf7329;box-shadow:inset 0 0 0 1px #3fbf73}.tchip.go{color:#ffe3a6;background:#ffb3472e;box-shadow:inset 0 0 0 1px #ffb347}.seats-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.seatcard{border:1px solid var(--line);background:#060a188c;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:12px 14px;transition:box-shadow .4s,border-color .4s;display:grid}.seatcard .sava{width:38px;height:38px;font:700 17px var(--display);color:#e9eefb;background:#24336a;border-radius:50%;grid-row:span 2;place-items:center;display:grid;box-shadow:0 0 0 2px #c9a45a}.seatcard .sname{font:600 15px var(--body);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seatcard .sbadges{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.seatcard .sbadges i{font:700 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#cdd6ee;background:#24336a;border-radius:4px;padding:1px 6px;font-style:normal}.seatcard .sbadges i.host{background:var(--gold);color:#221400}.seatcard .sbadges i.you{color:#fff;background:#2d4a8a;box-shadow:inset 0 0 0 1px #58c8ff}.seatcard.me{border-color:#58c8ff8c}.seatcard.open{background:0 0;border-style:dashed;animation:2.2s ease-in-out infinite seatwait}.seatcard.open .sava{box-shadow:0 0 0 2px dashed #8ca0d266;color:var(--muted);background:0 0;border:2px dashed #8ca0d273}.seatcard.open .sname{color:var(--muted)}.seatcard.fresh{border-color:#3fbf73;box-shadow:0 0 0 2px #3fbf73,0 0 28px -4px #3fbf73cc}@keyframes seatwait{0%,to{border-color:#8ca0d24d}50%{border-color:#8ca0d2b3}}.tjoin{border-top:1px solid var(--line);flex-direction:column;gap:10px;max-width:560px;padding-top:6px;display:flex}.tjoin h3{font:700 16px var(--display);margin:6px 0 0}.tactions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.tyou{font:600 15px var(--body);color:#b8ffd2;margin:0}button.primary.big{align-self:flex-start;padding:12px 26px;font-size:17px}button.primary.big:disabled{filter:grayscale(.7)brightness(.7);cursor:default}.tcard .share{background:#58c8ff12;border:1px solid #58c8ff4d;border-radius:12px;padding:12px 14px}.tcard .share code{word-break:break-all;font-size:14px}@media (prefers-reduced-motion:reduce){.seatcard.open{animation:none}}.tjoin select{font:inherit;color:var(--ink);border:1px solid var(--line);background:#060a18cc;border-radius:8px;padding:8px 10px}