:root{--bg:#0b0a14;--bg2:#151226;--panel:#161228db;--panel2:#231c3ee6;--line:#ffdc962e;--text:#f3eeff;--muted:#a99fc8;--gold:#ffd36b;--gold2:#e6a52e;--red:#ff4d3d;--green:#3fd46b;--blue:#4aa3ff;--purple:#a05cff;--W:#f7e7a6;--U:#4aa3ff;--B:#a05cff;--R:#ff5a2c;--G:#3fd46b;--M:#ffcf4a;--C:#b9c2cf;--strip:clamp(46px, 13.5vh, 66px);--hand:clamp(74px, 25vh, 160px);--rail:clamp(108px, 17vw, 176px);--r:10px;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0;font-family:Inter,system-ui,sans-serif;overflow:clip}body{-webkit-user-select:none;user-select:none;touch-action:manipulation}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select,textarea{font:inherit;color:var(--text);border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#00000059;border-radius:8px;outline:none;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px #ffd36b33}select option{background:var(--bg2)}h1,h2,h3,h4{letter-spacing:.02em;margin:0 0 .4em;font-family:Cinzel,Georgia,serif}.muted{color:var(--muted)}.hint{color:var(--muted);margin:4px 0;font-size:13px}.hint.tiny{font-size:11px}.ok{color:var(--green)}.bad{color:#ff7a6b}.warn{color:#ffc35c}.row{align-items:center;display:flex}.row.gap{flex-wrap:wrap;gap:8px}.row.center{justify-content:center}.center-screen{text-align:center;background:radial-gradient(circle at 50% 40%, #2b1d55, var(--bg));flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:fixed;inset:0}.btn{letter-spacing:.01em;background:var(--panel2);border:1px solid var(--line);white-space:nowrap;border-radius:12px;padding:10px 18px;font-weight:700;transition:transform .12s,filter .2s,box-shadow .2s;position:relative;box-shadow:0 4px 14px #00000059,inset 0 1px #ffffff14}.btn:active{transform:translateY(1px)scale(.97)}.btn:disabled{opacity:.45;filter:grayscale(.6);pointer-events:none}.btn.gold{color:#2a1600;text-shadow:0 1px #fff6;background:linear-gradient(#ffe39a,#e6a52e 55%,#b8741a);border-color:#ffe7a6;box-shadow:0 6px 22px #e6a52e59,inset 0 1px #fff9}.btn.blue{background:linear-gradient(#7cc0ff,#2a6cff);border-color:#9fd0ff;box-shadow:0 6px 22px #2a6cff59}.btn.red{background:linear-gradient(#ff8a6b,#d62f1f);border-color:#ffb3a1;box-shadow:0 6px 22px #d62f1f66}.btn.green{color:#032;background:linear-gradient(#7dffa8,#159447);border-color:#a6ffc4}.btn.ghost{background:#ffffff0f}.btn.ghost.on{background:#ffd36b40}.btn.danger{color:#ff9c8f}.btn.xl{border-radius:14px;padding:14px 26px;font-size:18px}.btn.small{border-radius:10px;padding:7px 12px;font-size:13px}.btn.tiny{border-radius:8px;padding:4px 9px;font-size:12px}.btn.chip{white-space:normal;text-align:left;background:#ffffff14;border-color:#ffffff2e;padding:8px 12px;font-size:13px}.btn.chip.done{opacity:.5}.icon{background:#ffffff12;border-radius:8px;width:28px;height:28px;font-weight:800}.x{background:#ffffff14;border-radius:50%;flex:none;width:32px;height:32px;font-size:15px}.spinner{border:3px solid #ffffff26;border-top-color:var(--gold);border-radius:50%;width:36px;height:36px;margin:10px auto;animation:.8s linear infinite spin}.spinner.small{width:20px;height:20px}@keyframes spin{to{transform:rotate(360deg)}}.switch{appearance:none;background:#ffffff26;border:0;border-radius:13px;flex:none;width:46px;height:26px;padding:0;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--gold2)}.switch:checked:after{transform:translate(20px)}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:1px solid var(--line);background:#ffffff0f;border-radius:10px;flex-direction:column;flex:1;gap:2px;min-width:90px;padding:10px;display:flex}.seg button small{color:var(--muted);font-size:11px}.seg button.on{border-color:var(--gold);background:linear-gradient(#ffd36b59,#e6a52e2e)}.seg.small button{min-width:0;padding:6px 10px;font-size:13px}.stepper{align-items:center;gap:8px;display:flex}.stepper button{background:#ffffff1a;border-radius:10px;width:36px;height:36px;font-size:16px;font-weight:800}.stepper span{text-align:center;min-width:44px;font-weight:800}.stepper.big span{min-width:80px;font-family:Cinzel,serif;font-size:34px}.stepper.big button{width:52px;height:52px;font-size:24px}.mana{vertical-align:middle;gap:2px;margin-left:4px;display:inline-flex}.ms{color:#111;background:#cfc9c2;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;font-style:normal;font-weight:800;display:inline-grid;box-shadow:inset 0 -1px #00000059,0 1px 1px #00000080}.mana.sm .ms{width:14px;height:14px;font-size:9px}.mana.inline{margin:0 1px}.mana.inline .ms{width:14px;height:14px;font-size:9px}.ms.w{background:radial-gradient(circle at 35% 30%,#fffbe6,#f2e3a0)}.ms.u{background:radial-gradient(circle at 35% 30%,#c9ecff,#3d9be9)}.ms.b{background:radial-gradient(circle at 35% 30%,#c9b8d6,#4a3a55)}.ms.r{background:radial-gradient(circle at 35% 30%,#ffc7a8,#e5532e)}.ms.g{background:radial-gradient(circle at 35% 30%,#c9f5cf,#2f9a4f)}.ms.c,.ms.n,.ms.x,.ms.s{background:radial-gradient(circle at 35% 30%,#f1eeea,#b4ada6)}.ms.t,.ms.q{background:#ddd}.ms.hy{background:conic-gradient(var(--a,#ccc) 0 50%, var(--b,#999) 50% 100%);font-size:7px}.ms.hy-wu{--a:#f2e3a0;--b:#3d9be9}.ms.hy-ub{--a:#3d9be9;--b:#4a3a55}.ms.hy-br{--a:#4a3a55;--b:#e5532e}.ms.hy-rg{--a:#e5532e;--b:#2f9a4f}.ms.hy-gw{--a:#2f9a4f;--b:#f2e3a0}.ms.hy-wb{--a:#f2e3a0;--b:#4a3a55}.ms.hy-ur{--a:#3d9be9;--b:#e5532e}.ms.hy-bg{--a:#4a3a55;--b:#2f9a4f}.ms.hy-rw{--a:#e5532e;--b:#f2e3a0}.ms.hy-gu{--a:#2f9a4f;--b:#3d9be9}.rules p{margin:0 0 6px;font-size:13.5px;line-height:1.38}.rules em{color:var(--muted);font-size:12px}.cardimg{aspect-ratio:488/680;background:#1b1830 url(/art/cardback.webp) 50%/cover;border-radius:4.5%/3.3%;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000080}.cardimg img{object-fit:cover;width:100%;height:100%;display:block}.cardimg.back{background:url(/art/cardback.webp) 50%/cover}.tokenface{border-radius:inherit;background:linear-gradient(160deg,#2a2346,#12101f);border:3px solid #4a3f75;flex-direction:column;padding:8%;font-size:11px;display:flex;position:absolute;inset:0}.tf-name{font-family:Cinzel,serif;font-size:1.2em;font-weight:700}.tf-art{color:var(--gold);opacity:.6;flex:1;place-items:center;font-size:3em;display:grid}.tf-type{color:var(--muted);font-size:.9em}.tf-text{font-size:.9em}.tf-pt{align-self:flex-end;font-size:1.3em;font-weight:800}.toast{z-index:1000;background:var(--panel2);border:1px solid var(--line);text-align:center;border-radius:12px;max-width:min(92vw,640px);padding:11px 18px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.2,1.4,.4,1) toastIn;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}.toast-bad{background:linear-gradient(#4a1717,#2a0e12);border-color:#ff4d3d99}.toast-good{background:linear-gradient(#123d22,#0b2414);border-color:#3fd46b99}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,30px)}}.offline{z-index:1001;background:#6b1f1f;border-radius:10px;padding:4px 14px;font-size:12px;font-weight:700;animation:1s infinite alternate pulse;position:fixed;top:6px;left:50%;transform:translate(-50%)}.rotate{z-index:2000;text-align:center;background:radial-gradient(circle at 50% 40%,#2b1d55,#07060d);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex;position:fixed;inset:0}.rotate-phone{border:4px solid var(--gold);border-radius:12px;width:60px;height:100px;margin-bottom:20px;animation:2s ease-in-out infinite rot}@keyframes rot{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.fx-canvas{pointer-events:none;z-index:900;position:fixed;inset:0}.fx-flash{z-index:899;pointer-events:none;opacity:0;animation:.7s ease-out flash;position:fixed;inset:0}@keyframes flash{10%{opacity:var(--a)}to{opacity:0}}.home{padding:0 max(28px, var(--safe-r)) 0 max(28px, var(--safe-l));grid-template-columns:1.15fr 1fr;align-items:center;display:grid;position:fixed;inset:0;overflow:clip}.home-bg,.lobby-bg{z-index:-1;background:linear-gradient(90deg,#07060deb 0%,#07060d73 45%,#07060dbf 100%),url(/art/title.webp) 50%/cover;animation:40s ease-in-out infinite alternate drift;position:absolute;inset:-4%}@keyframes drift{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.1)translate(-2%,-1%)}}.home-motes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-motes i{left:calc(var(--i) * 4.2%);background:var(--gold);width:4px;height:4px;animation:mote calc(7s + var(--i) * .37s) linear infinite;animation-delay:calc(var(--i) * -.83s);opacity:.7;z-index:0;border-radius:50%;position:absolute;bottom:-10px;box-shadow:0 0 10px 3px #ffd36b99}.home-motes i:nth-child(5n){background:#4aa3ff;box-shadow:0 0 10px 3px #4aa3ff99}.home-motes i:nth-child(5n+1){background:#a05cff;box-shadow:0 0 10px 3px #a05cff99}.home-motes i:nth-child(5n+2){background:#ff5a2c;box-shadow:0 0 10px 3px #ff5a2c99}.home-motes i:nth-child(5n+3){background:#3fd46b;box-shadow:0 0 10px 3px #3fd46b99}@keyframes mote{to{transform:translate(calc(sin(var(--i)) * 60px), -110vh);opacity:0}}.home-left,.home-right{z-index:1;position:relative}.logo{filter:drop-shadow(0 6px 24px #000c);flex-direction:column;margin:0 0 10px;font-family:Cinzel Decorative,Cinzel,serif;line-height:.95;display:flex}.logo-mtg{letter-spacing:.5em;color:var(--muted);font-family:Cinzel,serif;font-size:clamp(14px,3.4vh,22px)}.logo-main{background:linear-gradient(#fff6d5 10%,#ffd36b 45%,#b8741a 90%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,10.5vh,76px);font-weight:900}.logo-party{background:linear-gradient(90deg,#ff5a2c,#ffcf4a,#3fd46b,#4aa3ff,#a05cff);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,8vh,58px);font-weight:900;animation:6s linear infinite shimmer}.logo.small{flex-direction:row;gap:12px}.logo.small .logo-main{font-size:44px}.logo.small .logo-party{font-size:36px}@keyframes shimmer{to{background-position:200% 0}}.tagline{color:#e8ddff;text-shadow:0 2px 8px #000;margin:0 0 16px;font-size:clamp(13px,3.2vh,17px)}.profile-chip{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:40px;align-items:center;gap:10px;padding:5px 14px 5px 5px;font-weight:700;display:inline-flex}.profile-chip em{opacity:.6;font-style:normal}.avatar{object-fit:cover;background:#222;border:2px solid #0000;border-radius:50%;flex:none}.menu{flex-direction:column;gap:10px;max-width:380px;margin-left:auto;display:flex}.menu.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;max-height:92vh;padding:16px;overflow:auto;box-shadow:0 20px 60px #0009}.code-input{letter-spacing:.4em;text-align:center;text-transform:uppercase;padding:8px;font-family:Cinzel,serif;font-size:34px;font-weight:900}.name-input{padding:10px 12px;font-size:18px}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.avatar-grid button{border:2px solid #0000;border-radius:50%;padding:2px;transition:transform .15s}.avatar-grid button.on{border-color:var(--gold);transform:scale(1.08);box-shadow:0 0 16px #ffd36b99}.avatar-grid .avatar{aspect-ratio:1;width:100%!important;height:auto!important}.home-foot{text-align:center;color:#ffffff59;font-size:10px;position:absolute;bottom:6px;left:0;right:0}.lobby{grid-template-columns:clamp(170px,26vw,260px) 1fr;display:grid;position:fixed;inset:0;overflow:clip}.lobby-bg{filter:blur(3px)brightness(.55)}.lobby-side{border-right:1px solid var(--line);padding:12px 12px 12px max(12px, var(--safe-l));background:#080610bf;flex-direction:column;align-items:stretch;gap:8px;display:flex;overflow:auto}.room-code{text-align:center}.room-code small{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;font-size:11px;display:block}.room-code b{letter-spacing:.15em;color:var(--gold);text-shadow:0 0 20px #ffd36b80;font-family:Cinzel,serif;font-size:clamp(30px,9vh,52px)}.qr{background:#fff;border-radius:10px;width:min(100%,26vh);margin:0 auto;padding:4px}.qr svg{width:100%;height:auto;display:block}.qr.big{width:34vh}.fmt-badge{text-align:center;color:var(--gold);border:1px solid var(--line);border-radius:10px;padding:4px;font-family:Cinzel,serif;font-weight:700}.rules-mini{color:#d9d0f5;flex-direction:column;gap:3px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.lobby-main{padding:12px max(14px, var(--safe-r)) 12px 14px;flex-direction:column;gap:10px;display:flex;overflow:auto}.lobby-title{align-items:baseline;gap:10px;margin:0;display:flex}.lobby-title span{color:var(--muted);font-size:14px}.seats{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:8px;display:grid}.seat{background:var(--panel);border:1px solid #ffffff14;border-left:4px solid var(--pc);border-radius:14px;align-items:center;gap:10px;padding:8px 10px;animation:.4s cubic-bezier(.2,1.3,.4,1) seatIn;display:flex;position:relative;overflow:hidden}@keyframes seatIn{0%{opacity:0;transform:translateY(12px)scale(.96)}}.seat.ready{box-shadow:0 0 0 1px #3fd46b80,0 0 20px #3fd46b33}.seat.away{opacity:.55}.seat.me{background:linear-gradient(90deg, #ffd36b1f, var(--panel))}.seat-info{flex-direction:column;flex:1;min-width:0;display:flex}.seat-info b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.seat-info small{color:#cfc6ea;font-size:11.5px}.seat-cmdr{gap:3px;display:flex}.seat-cmdr img{object-fit:cover;border:1px solid var(--gold);border-radius:6px;width:44px;height:32px}.seat-state{color:var(--green);font-size:12px;font-weight:800}.seat-x{opacity:.5;font-size:12px;position:absolute;top:4px;right:6px}.crown{color:var(--gold)}.lobby-me{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;margin-top:auto;padding:10px;display:flex}.deck-pick{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.deck-pick label{color:var(--muted);font-size:13px;font-weight:700}.deck-pick select{flex:1;min-width:160px}.recap{background:linear-gradient(180deg, #ffd36b1f, var(--panel));border:1px solid var(--gold);border-radius:16px;padding:10px 12px}.recap h3{color:var(--gold);font-size:15px}.standings{flex-wrap:wrap;gap:4px 14px;margin:0 0 8px;padding-left:0;font-size:13px;list-style:none;display:flex}.awards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.award{background:#0000004d;border-radius:10px;flex-direction:column;padding:6px 8px;display:flex}.award span{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-family:Cinzel,serif;font-size:11px}.award b{font-size:14px}.award small{color:var(--muted);font-size:11px}.recap.big{max-width:900px;margin:10px auto}.recap.big .award b{font-size:18px}.modal-back{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04030ab8;justify-content:center;align-items:center;padding:10px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.modal{border:1px solid var(--line);background:linear-gradient(#221b3d,#15122a);border-radius:18px;flex-direction:column;gap:10px;width:min(560px,96vw);max-height:94vh;padding:14px 16px;animation:.22s cubic-bezier(.2,1.3,.4,1) pop;display:flex;overflow:auto;box-shadow:0 30px 80px #000000b3}.modal.small{text-align:center;align-items:center;width:min(380px,94vw)}.modal.wide{width:min(920px,97vw)}@keyframes pop{0%{opacity:0;transform:scale(.92)}}.modal-text{white-space:pre-line;margin:0;font-size:16px;font-weight:600;line-height:1.45}.setting{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.setting>span{flex-direction:column;font-weight:600;display:flex}.setting small{color:var(--muted);font-size:11.5px;font-weight:400}.choices{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.choice{text-align:center;border:1px solid var(--line);background:#ffffff0d;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;transition:transform .15s,border-color .2s;display:flex}.choice:active{transform:scale(.97)}.choice span{font-size:30px}.choice small{color:var(--muted);font-size:11.5px}.precon-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;max-height:64vh;display:grid;overflow:auto}.precon{text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;padding:0;transition:transform .12s,border-color .12s;display:flex;overflow:hidden}.precon:hover,.precon:focus-visible{border-color:var(--gold);transform:translateY(-2px)}.precon-cover{aspect-ratio:4/3;background:radial-gradient(circle at 50% 40%,#3a2d63,#140f26);justify-content:center;align-items:center;display:flex;position:relative}.precon-cover img{object-fit:cover;width:100%;height:100%;display:block}.precon-cover .mana{background:#0000008c;border-radius:999px;padding:2px 4px;position:absolute;bottom:6px;left:6px}.precon-noart{font-size:34px}.precon-info{flex-direction:column;gap:1px;padding:6px 9px 8px;display:flex}.precon small{color:#cfc6ea;font-size:11px}.precon.random .precon-cover{font-size:44px}.import{width:100%;height:40vh;font-family:ui-monospace,monospace;font-size:13px}.search{flex:1;min-width:160px}.addpanel .search{flex:none}.decks,.builder,.howto{background:radial-gradient(circle at 20% 0%, #2a1d52 0%, var(--bg) 60%);flex-direction:column;display:flex;position:fixed;inset:0}.bar{padding:8px max(12px, var(--safe-r)) 8px max(12px, var(--safe-l));border-bottom:1px solid var(--line);background:#00000059;flex-wrap:nowrap;align-items:center;gap:8px;display:flex;overflow-x:auto}.bar h2{flex:1;margin:0;font-size:20px}.deck-grid{padding:12px max(12px, var(--safe-r)) 12px max(12px, var(--safe-l));flex:1;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-content:start;gap:10px;display:grid;overflow:auto}.deck-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:8px;display:flex;position:relative;overflow:hidden}.deck-art{background:#2a2346 url(/art/cardback.webp) 50%/cover;border-radius:10px;flex:none;width:74px;height:56px}.deck-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.deck-meta b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.deck-meta small{color:#cfc6ea;font-size:11.5px}.progress{background:#ffffff1a;border-radius:3px;height:5px;overflow:hidden}.progress i{background:linear-gradient(90deg, var(--gold2), var(--gold));height:100%;display:block}.deck-card .use{position:absolute;bottom:8px;right:8px}.deck-del{border:1px solid var(--line);color:#fff;background:#00000073;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:15px;display:grid;position:absolute;top:6px;right:6px}.deck-card .deck-meta{padding-right:36px}.builder .bar{flex-wrap:wrap}.empty{text-align:center;color:var(--muted);flex-direction:column;grid-column:1/-1;align-items:center;gap:10px;padding:30px;display:flex}.deck-name{flex:1;min-width:120px;font-family:Cinzel,serif;font-size:16px;font-weight:700}.fmt{width:auto}.count-pill{white-space:nowrap;border:1px solid var(--line);background:#0006;border-radius:20px;padding:6px 10px;font-size:13px}.count-pill b{color:var(--gold)}.builder-body{flex:1;grid-template-columns:1.25fr 1fr;min-height:0;display:grid}.decklist{padding:10px 10px 30px max(12px, var(--safe-l));border-right:1px solid var(--line);overflow:auto}.addpanel{padding:10px max(12px, var(--safe-r)) 30px 10px;flex-direction:column;gap:8px;display:flex;overflow:auto}.validity{border-radius:12px;margin-bottom:8px;padding:8px 10px;font-size:13px}.validity.ok{background:#3fd46b1a;border:1px solid #3fd46b66}.validity.bad{background:#ff4d3d14;border:1px solid #ff4d3d66}.validity ul{margin:4px 0 0;padding-left:18px}.validity li{margin:2px 0}.cmd-slots{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.cmd-slot{background:linear-gradient(90deg,#ffd36b26,#0000);border:1px solid #ffd36b66;border-radius:12px;flex:1;align-items:center;gap:8px;min-width:230px;padding:6px;display:flex}.cmd-slot .cardimg{width:48px}.cmd-slot>div:not(.cardimg){flex-direction:column;flex:1;display:flex}.cmd-slot small{color:var(--muted);font-size:11px}.list-tools{margin:6px 0}.dl-group h4{color:var(--gold);gap:6px;margin:10px 0 4px;font-size:13px;display:flex}.dl-group h4 span{color:var(--muted)}.dl-row{border-radius:8px;align-items:center;gap:6px;padding:3px 4px;font-size:13.5px;display:flex}.dl-row:nth-child(odd){background:#ffffff06}.dl-row.done .dl-name{color:#e9fff0}.dl-count{text-align:right;width:22px;color:var(--gold);font-weight:800}.dl-name{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1;min-width:0;overflow:hidden}.dl-real{color:var(--muted);font-size:11px;display:block}.dl-scan{color:#ffc35c;text-align:center;min-width:30px;font-size:11px}.dl-scan.ok{color:var(--green);font-weight:800}.scan-cta{text-align:left;border:1px solid var(--gold);background:linear-gradient(135deg,#ffd36b40,#a05cff33);border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:14px;display:grid;box-shadow:0 0 30px #ffd36b26}.scan-cta span{grid-row:span 2;font-size:34px}.scan-cta b{font-family:Cinzel,serif;font-size:18px}.scan-cta small{color:#e3d9ff;font-size:12px}.results{flex-direction:column;gap:4px;display:flex}.result{background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;padding:4px;display:flex}.result .cardimg{flex:none;width:40px}.result>div:not(.cardimg){flex-direction:column;flex:1;min-width:0;display:flex}.result small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.preview{border:1px solid var(--line);background:#1a1530;border-radius:18px;gap:14px;max-width:96vw;max-height:92vh;padding:12px;animation:.22s pop;display:flex}.preview .cardimg{flex:none;width:auto;height:min(84vh,420px)}.preview-text{flex-direction:column;gap:6px;width:min(320px,42vw);display:flex;overflow:auto}.scanner{z-index:600;background:#000;position:fixed;inset:0}.scanner video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scan-shade{pointer-events:none;background:radial-gradient(40% 50%,#0000 60%,#0000008c);position:absolute;inset:0}.scan-guide{aspect-ratio:63/88;pointer-events:none;width:min(46vw,62vh);max-height:82vh;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.scan-card-outline{border:2px solid #ffffffb3;border-radius:4.5%/3.3%;position:absolute;inset:0;box-shadow:0 0 0 2000px #00000059}.scan-box{border:3px solid var(--gold);z-index:1;border-radius:8px;height:15%;animation:1.6s ease-in-out infinite scanPulse;position:absolute;top:2%;left:3%;right:3%;box-shadow:0 0 24px #ffd36bcc,inset 0 0 14px #ffd36b66}.scan-box span{color:var(--gold);text-shadow:0 1px 3px #000;white-space:nowrap;text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:11px;font-weight:800;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes scanPulse{50%{box-shadow:0 0 40px #ffd36b,inset 0 0 20px #ffd36b99}}.scan-light{left:max(8px, var(--safe-l));z-index:3;text-align:center;border:1px solid var(--gold);color:#ffe39a;pointer-events:none;background:#141024eb;border-radius:12px;max-width:min(24vw,260px);padding:8px 14px;font-size:14px;font-weight:800;animation:.2s pop;position:absolute;top:40%}.scan-light.dark{color:#cfe0ff;border-color:#7aa7ff}.scan-top{top:8px;left:max(8px, var(--safe-l));right:max(8px, var(--safe-r));z-index:2;align-items:center;gap:8px;display:flex;position:absolute}.scan-status{text-align:center;text-shadow:0 1px 4px #000;flex:1;font-size:14px;font-weight:700}.scan-cands{left:max(8px, var(--safe-l));z-index:3;flex-wrap:wrap;align-items:flex-end;gap:8px;max-width:60vw;display:flex;position:absolute;bottom:8px}.scan-cands small{text-shadow:0 1px 3px #000;width:100%;font-weight:700}.cand{border:1px solid var(--gold);background:#141024e6;border-radius:12px;align-items:center;gap:6px;padding:5px 10px 5px 5px;font-size:13px;font-weight:700;animation:.2s pop;display:flex}.cand .cardimg{width:34px}.scan-flash{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:6px;animation:.9s ease-in forwards scanFlash;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scan-flash .cardimg{height:52vh;box-shadow:0 0 60px #ffd36be6}.scan-flash b{color:var(--gold);background:#000000b3;border-radius:10px;padding:4px 12px}@keyframes scanFlash{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}65%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(30vw,30vh)scale(.2)rotate(15deg)}}.scan-log{right:max(8px, var(--safe-r));z-index:2;pointer-events:none;flex-direction:column;gap:4px;width:200px;display:flex;position:absolute;top:54px;bottom:8px;overflow:hidden}.scan-log-item{white-space:nowrap;text-overflow:ellipsis;background:#0a0814bf;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600;animation:.3s slideIn;overflow:hidden}.scan-log-item span{color:var(--green);margin-right:5px}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}}.game,.table-view{grid-template-rows:var(--strip) 1fr var(--hand);display:grid;position:fixed;inset:0;overflow:clip}.game-bg{z-index:-1;background:radial-gradient(at 50% 60%,#3c287859,#0000 70%),linear-gradient(#08071080,#080710d9),url(/art/table.webp) 50%/cover;position:absolute;inset:0}.opp-strip{padding:5px max(6px, var(--safe-r)) 5px max(6px, var(--safe-l));scrollbar-width:none;background:linear-gradient(#0009,#00000026);border-bottom:1px solid #ffffff0f;align-items:stretch;gap:6px;display:flex;overflow:auto hidden}.opp-strip::-webkit-scrollbar{display:none}.opp{background:var(--panel);border:1px solid #ffffff14;border-bottom:3px solid var(--pc);text-align:left;border-radius:12px;flex:1 0 auto;align-items:center;gap:6px;min-width:clamp(120px,16vw,190px);max-width:240px;padding:3px 6px 3px 4px;transition:transform .15s,box-shadow .25s;display:flex;position:relative}.opp.active{box-shadow:0 0 0 2px var(--gold), 0 0 18px #ffd36b73}.opp.viewing{background:linear-gradient(180deg, #ffffff24, var(--panel))}.opp.dead{opacity:.4;filter:grayscale()}.opp.targetable{animation:.9s ease-in-out infinite targetPulse}.opp.atk-target{box-shadow:0 0 0 2px var(--red), 0 0 20px #ff4d3d99}.opp.under-attack{animation:.6s ease-in-out infinite alternate underAttack}@keyframes underAttack{to{box-shadow:0 0 0 2px var(--red), 0 0 24px #ff4d3dcc}}@keyframes targetPulse{50%{transform:scale(1.03);box-shadow:0 0 0 3px #7dffa8,0 0 24px #7dffa8cc}}.opp-info{flex-direction:column;flex:1;min-width:0;display:flex}.opp-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.opp-stats{color:#cfc6ea;gap:6px;font-size:11px;display:flex}.opp-stats .poison{color:#9cff4a}.opp-stats .cmd{color:var(--gold)}.opp-life{text-align:center;text-shadow:0 2px 6px #000;min-width:1.6em;font-family:Cinzel,serif;font-size:clamp(20px,6vh,30px);font-weight:900}.opp-life.low,.me-life.low b{color:#ffc35c}.opp-life.crit,.me-life.crit b{color:#ff5a4a;animation:.8s infinite alternate pulse}@keyframes pulse{to{opacity:.55}}.opp-swords{background:var(--red);border-radius:8px;padding:0 5px;font-size:11px;font-weight:800;position:absolute;top:-2px;right:-2px}.menu-btn{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex:none;width:44px;font-size:20px}.game-mid{grid-template-columns:1fr var(--rail);min-height:0;display:grid}.board{padding:6px 6px 4px max(6px, var(--safe-l));flex-direction:column;gap:4px;min-width:0;min-height:0;display:flex;position:relative}.board.theirs{background:linear-gradient(#ff5a2c0f,#0000)}.board-label{color:#e8ddff;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.board-zones{gap:4px;margin-left:auto;display:flex}.board-zones button,.board-zones span{background:#ffffff14;border-radius:8px;padding:2px 7px;font-size:11px}.row-front{scrollbar-width:thin;flex:1.35;align-items:stretch;gap:6px;min-height:0;padding:4px 2px;display:flex;overflow:auto visible}.row-back{scrollbar-width:thin;flex:1;align-items:stretch;gap:5px;min-height:0;padding:2px;display:flex;overflow-x:auto}.lands{border-left:1px dashed #ffffff1a;gap:5px;margin-left:auto;padding-left:8px;display:flex}.empty-row{color:#ffffff40;margin:auto;font-family:Cinzel,serif;font-size:13px}.tile-wrap{flex:none;height:100%;display:flex;position:relative}.tile{aspect-ratio:.74;border:2px solid var(--cc,#555);cursor:pointer;background:#1b1830;border-radius:9px;height:100%;transition:transform .3s cubic-bezier(.2,1.2,.4,1),filter .3s,box-shadow .2s;animation:.45s cubic-bezier(.2,1.3,.4,1) tileIn;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000008c}@keyframes tileIn{0%{opacity:0;filter:brightness(3);transform:translateY(-30px)scale(.6)}}.tile.small{aspect-ratio:.8;border-radius:7px}.tile.c-W{--cc:#e8dca0}.tile.c-U{--cc:#3d8fe0}.tile.c-B{--cc:#8d5ad0}.tile.c-R{--cc:#e5532e}.tile.c-G{--cc:#2fb35a}.tile.c-M{--cc:#e6b33a}.tile.c-C{--cc:#9aa5b5}.tile-art{background-position:50% 30%;background-size:cover;position:absolute;inset:0}.tile-glyph{color:var(--gold);opacity:.5;place-items:center;font-size:28px;display:grid;position:absolute;inset:0}.tile:after{content:"";pointer-events:none;background:linear-gradient(#0000000d 40%,#000000d9);position:absolute;inset:0}.tile-name{z-index:1;text-shadow:0 1px 2px #000;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:26px;font-size:clamp(8px,2.2vh,11px);font-weight:700;line-height:1.1;display:-webkit-box;position:absolute;bottom:2px;left:3px;right:3px;overflow:hidden}.tile.small .tile-name{padding-right:2px;font-size:clamp(7px,2vh,10px)}.tile-pt{z-index:2;color:#111;background:linear-gradient(#f6f1e4,#c9bfa6);border-radius:6px;padding:1px 4px;font-family:Cinzel,serif;font-size:clamp(10px,2.8vh,14px);font-weight:900;position:absolute;bottom:2px;right:2px;box-shadow:0 1px 3px #000}.tile-pt.up{background:linear-gradient(#c9ffd6,#48c46b)}.tile-pt.down{background:linear-gradient(#ffc9c0,#e5533e)}.tile-pt.hurt b{color:#c0150a}.tile-loyal{z-index:2;color:#fff;background:radial-gradient(circle,#3a2a66,#1a1033);border:2px solid #c7a8ff;border-radius:8px 8px 12px 12px;padding:0 6px;font-size:clamp(11px,3vh,15px);font-weight:900;position:absolute;bottom:2px;right:2px}.tile-loyal.def{background:radial-gradient(circle,#663a2a,#33150a);border-color:#ff9c6b}.tile-kw{z-index:2;filter:drop-shadow(0 1px 1px #000);gap:1px;font-size:clamp(9px,2.4vh,12px);display:flex;position:absolute;top:2px;left:2px}.tile-counters{z-index:2;flex-direction:column;align-items:flex-end;gap:1px;display:flex;position:absolute;top:2px;right:2px}.tile-counters span{background:#000000bf;border-radius:6px;padding:0 4px;font-size:10px;font-weight:800}.tile-counters .plus{background:#1d7a3a}.tile-counters .minus{background:#7a1d1d}.tile-attached{z-index:2;font-size:11px;position:absolute;top:40%;left:2px}.tile.cmdr{border-color:var(--gold);box-shadow:0 0 14px #ffd36b80,0 4px 12px #0000008c}.crown{font-style:normal}.tile-name .crown{margin-right:2px}.tile.tapped{filter:brightness(.58)saturate(.6);transform:rotate(16deg)scale(.9)}.tile.sick .tile-art{filter:saturate(.7)}.tile.sick:before{content:"💤";z-index:2;opacity:.8;font-size:14px;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.tile.sel{box-shadow:0 0 0 3px var(--gold), 0 0 22px #ffd36bcc;transform:translateY(-6px)scale(1.04)}.tile.glow{border-color:#7dffa8;animation:.9s ease-in-out infinite targetPulse}.tile.dim{filter:brightness(.45)grayscale(.6)}.tile.attacking{box-shadow:0 0 0 2px var(--red), 0 0 22px #ff4d3dcc;transform:translateY(-8px)}.tile.blocking{box-shadow:0 0 0 2px var(--blue), 0 0 22px #4aa3ffcc}.tile.token{border-style:dashed}.stack-count{z-index:3;background:var(--gold);color:#221;border-radius:10px;padding:0 6px;font-size:12px;font-weight:900;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 4px #000}.att-count{z-index:3;background:#555;border-radius:8px;padding:0 4px;font-size:10px;position:absolute;bottom:-4px;left:-4px}.atk-badge{z-index:3;background:var(--red);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;max-width:120%;padding:0 6px;font-size:10px;font-weight:800;animation:.2s pop;position:absolute;top:-6px;left:50%;overflow:hidden;transform:translate(-50%)}.atk-badge.blk{background:var(--blue)}.rail{padding:6px max(6px, var(--safe-r)) 4px 6px;background:linear-gradient(90deg,#00000026,#0000008c);border-left:1px solid #ffffff0f;flex-direction:column;gap:5px;min-height:0;display:flex;overflow:hidden}.me-life{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:6px;padding:3px 6px;display:flex}.me-life b{text-align:center;text-shadow:0 0 14px #ffd36b59;flex:1;font-family:Cinzel,serif;font-size:clamp(22px,7.5vh,36px);line-height:1}.me-sub{flex-direction:column;font-size:10px;font-style:normal;display:flex}.me-sub i{font-style:normal}.me-sub .poison{color:#9cff4a}.me-sub .cmd{color:var(--gold)}.is-targeting .me-life{animation:.9s ease-in-out infinite targetPulse}.phases{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.ph{text-align:center;color:#8f86ad;white-space:nowrap;background:#ffffff0d;border-radius:5px;padding:2px 0;font-size:clamp(7.5px,2vh,10px);font-weight:700;overflow:hidden}.ph.past{color:#b8b0d6}.ph.on{background:linear-gradient(180deg, var(--gold), var(--gold2));color:#2a1600;box-shadow:0 0 10px #ffd36b80}.pool{background:#ffffff0f;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:3px;padding:3px 5px;font-size:11px;font-weight:800;display:flex}.primary-wrap{flex-direction:column;gap:4px;margin-top:auto;display:flex}.btn.primary{color:#2a1600;white-space:normal;background:linear-gradient(#ffe39a,#e6a52e 55%,#b8741a);border-color:#ffe7a6;flex-direction:column;align-items:center;width:100%;padding:clamp(6px,2.6vh,13px) 6px;font-size:clamp(12px,3.6vh,16px);line-height:1.1;display:flex}.btn.primary small{opacity:.8;font-size:10px}.btn.primary.idle{background:var(--panel2);color:var(--muted);opacity:1;border-color:var(--line)}.btn.primary.pulse{animation:1.8s ease-in-out infinite primaryPulse}@keyframes primaryPulse{50%{box-shadow:0 0 0 3px #ffd36b59,0 0 26px #ffd36b99}}.zones{grid-template-columns:repeat(2,1fr);gap:3px;display:grid}.zones button{background:#ffffff12;border-radius:8px;justify-content:center;align-items:center;gap:3px;padding:3px 0;font-size:12px;font-weight:700;display:flex}.zones button.cmd-ready{color:var(--gold);background:#ffd36b2e}.hand{padding:0 var(--rail) 0 max(6px, var(--safe-l));background:linear-gradient(#0000,#000000a6);justify-content:center;align-items:flex-end;display:flex;position:relative}.hand-cards{--cw:calc(var(--hand) * .72 * 1.05);justify-content:center;align-items:flex-end;width:100%;height:100%;padding-top:4px;display:flex}.hand-card{width:var(--cw);margin-left:calc(-1 * clamp(0px, (var(--n) * var(--cw) - (100vw - var(--rail) - 30px)) / max(1, var(--n) - 1), var(--cw) * .78));transform:translateY(14%) rotate(var(--rot));transform-origin:50% 120%;animation:.5s cubic-bezier(.2,1.2,.4,1) backwards drawIn;animation-delay:calc(var(--i) * 30ms);flex:none;transition:transform .25s cubic-bezier(.2,1.3,.4,1),margin .25s}.hand-card:first-child{margin-left:0}.hand-card:hover,.hand-card:active{z-index:5;transform:translateY(-4%)rotate(0)scale(1.08)}.hand-card .cardimg{box-shadow:0 -2px 14px #0009}.hand-card.c-W .cardimg{box-shadow:0 0 10px #f7e7a640,0 -2px 14px #0009}@keyframes drawIn{0%{opacity:0;transform:translate(40vw,30%)rotate(30deg)scale(.6)}}.hand-empty{color:#ffffff4d;align-self:center;font-family:Cinzel,serif}.hand-count{right:calc(var(--rail) + 6px);background:#0009;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:800;position:absolute;bottom:6px}.captions{top:calc(var(--strip) + 6px);z-index:300;pointer-events:none;flex-direction:column;align-items:center;gap:4px;width:min(80vw,640px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.ticker{pointer-events:none;opacity:.92;background:linear-gradient(90deg,#281950f2,#161228f2);border:1px solid #ffd36b80;border-radius:20px;align-items:center;gap:8px;max-width:100%;padding:6px 14px 6px 8px;font-size:clamp(11px,3vh,13px);font-weight:700;animation:5.5s forwards tickerIn;display:flex;position:relative;box-shadow:0 8px 26px #0009}.ticker.loud{opacity:1;font-size:clamp(12px,3.6vh,15px)}.ticker-mic{background:var(--gold);color:#000;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;display:grid}@keyframes tickerIn{0%{opacity:0;transform:translateY(-14px)}6%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.big-banner{z-index:950;pointer-events:none;justify-content:center;animation:2.2s forwards bannerLife;display:flex;position:fixed;top:40%;left:0;right:0}.big-banner span{text-align:center;text-shadow:0 0 20px #fff6;letter-spacing:.04em;background:linear-gradient(90deg,#0000,#0a0816e6 20% 80%,#0000);width:100%;padding:6px 40px;font-family:Cinzel,serif;font-size:clamp(26px,10vh,56px);font-weight:900}.big-banner.gold span{color:var(--gold);text-shadow:0 0 24px #ffd36bcc}.big-banner.red span{color:#ff8b7b;text-shadow:0 0 24px #ff4d3de6}.big-banner.blue span{color:#9fd0ff;text-shadow:0 0 24px #4aa3ffe6}@keyframes bannerLife{0%{opacity:0;transform:scaleY(0)}10%{opacity:1;transform:scaleY(1.1)}18%,80%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.6)}}.cast-splash{z-index:880;aspect-ratio:488/680;pointer-events:none;border-radius:4.5%/3.3%;height:62vh;animation:1.5s cubic-bezier(.2,1,.3,1) forwards castSplash;position:fixed;top:46%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.cast-splash.big{height:76vh;animation-duration:2.3s}.cast-splash img{width:100%;height:100%;display:block}.cast-splash.c-W{box-shadow:0 0 60px 10px #f7e7a6b3}.cast-splash.c-U{box-shadow:0 0 60px 10px #4aa3ffb3}.cast-splash.c-B{box-shadow:0 0 60px 10px #a05cffb3}.cast-splash.c-R{box-shadow:0 0 60px 10px #ff5a2cb3}.cast-splash.c-G{box-shadow:0 0 60px 10px #3fd46bb3}.cast-splash.c-M{box-shadow:0 0 60px 10px #ffcf4acc}.cast-splash.c-C{box-shadow:0 0 60px 10px #c8d2dc99}@keyframes castSplash{0%{opacity:0;transform:translate(-50%,-40%)scale(.3)rotateY(90deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.05)rotateY(0)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(10vw,-60%)scale(.35)}}.emote-float{z-index:960;pointer-events:none;color:var(--gold);text-shadow:0 2px 10px #000;font-family:Cinzel,serif;font-size:42px;font-weight:900;animation:2.2s ease-out forwards emote;position:fixed;transform:translate(-50%,-50%)}@keyframes emote{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}15%{opacity:1;transform:translate(-50%,-80%)scale(1.3)}to{opacity:0;transform:translate(-50%,120%)scale(1)}}.out-banner{bottom:calc(var(--hand) + 4px);z-index:50;background:#3c0a0ae6;border:1px solid #a33;border-radius:12px;padding:6px 14px;font-size:13px;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.stack-panel{z-index:320;right:calc(var(--rail) + 8px);top:calc(var(--strip) + 6px);bottom:calc(var(--hand) * .3);background:#0e0a1ee0;border:1px solid #a05cff80;border-radius:16px;flex-direction:column;gap:6px;width:clamp(150px,26vw,250px);padding:8px;animation:.3s slideIn;display:flex;position:fixed;box-shadow:0 10px 40px #0009,0 0 30px #a05cff40}.stack-items{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow:auto}.stack-item{opacity:.7;align-items:center;gap:6px;display:flex}.stack-item.top{opacity:1}.stack-item .cardimg{flex:none;width:clamp(44px,9vw,70px)}.stack-item.top .cardimg{width:clamp(60px,11vw,90px);box-shadow:0 0 20px #a05cffb3}.stack-cap{flex-direction:column;min-width:0;font-size:12px;display:flex}.stack-cap small{color:#cfc6ea;font-size:11px}.ab-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stack-ctl{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;display:flex}.stack-ctl .btn{flex:1;padding:8px 6px;font-size:13px}.timer{flex:none;width:34px;height:34px;position:relative}.timer svg{width:100%;height:100%;transform:rotate(-90deg)}.timer circle{fill:none;stroke:var(--gold);stroke-width:4px;stroke-dasharray:100.5;stroke-dashoffset:calc(100.5 * (1 - var(--f)));transition:stroke-dashoffset .2s linear}.timer span{place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;inset:0}.holding{color:#ffc35c;text-align:center;width:100%;font-size:12px;font-weight:700}.combat-lane{box-sizing:border-box;z-index:310;left:calc(max(8px, var(--safe-l)));right:calc(var(--rail) + 8px);bottom:calc(var(--hand) + 6px);height:var(--lane-h);--lane-h:calc((100vh - var(--strip) - var(--hand)) * .36);background:linear-gradient(#3c0a0ad9,#1e060699);border:1px solid #ff4d3d73;border-radius:14px;gap:8px;padding:6px;animation:.35s cubic-bezier(.2,1.2,.4,1) laneIn;display:flex;position:fixed;overflow-x:auto}@keyframes laneIn{0%{opacity:0;transform:translateY(30px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}}.lane{border-radius:10px;flex:none;align-items:center;gap:4px;height:100%;padding:3px;display:flex}.lane .tile{height:100%}.lane.vs-me{background:#ff4d3d2e}.lane.pickable{animation:.9s ease-in-out infinite targetPulse}.lane-arrow{color:#ffb3a1;writing-mode:horizontal-tb;text-align:center;max-width:70px;font-size:11px;font-weight:800}.action-bar{z-index:330;left:50%;bottom:calc(var(--hand) + 6px);border:1px solid var(--line);max-width:calc(100vw - var(--rail) - 20px);background:#0e0a1ef2;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:13px;font-weight:600;animation:.25s pop;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #000000b3}.action-bar.attack{border-color:#ff4d3d99}.action-bar.block{border-color:#4aa3ff99}.game:has(.action-bar.block) .combat-lane{padding-top:24px}.game:has(.combat-lane) .action-bar.block{bottom:calc(var(--hand) + 6px + (100vh - var(--strip) - var(--hand)) * .36 - 18px);white-space:nowrap;flex-wrap:nowrap;padding:3px 4px 3px 10px;font-size:12px}.game:has(.combat-lane) .action-bar.block>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.game:has(.combat-lane) .action-bar.block .btn{padding:5px 10px;font-size:12px}.pw-target{max-width:160px;padding:5px;font-size:12px}.target-banner{z-index:340;top:calc(var(--strip) + 4px);max-width:calc(100vw - var(--rail) - 20px);background:linear-gradient(90deg,#0f3d22,#0b2a18);border:1px solid #7dffa8;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:13px;animation:.3s slideDown;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 0 24px #7dffa866}.tb-boards{gap:4px;display:flex;overflow-x:auto}.tb-boards button{white-space:nowrap;background:#ffffff14;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700}.tb-boards button.on{background:#7dffa84d}.sheet{border:1px solid var(--line);background:linear-gradient(#221b3d,#15122a);border-radius:18px;gap:14px;width:min(860px,97vw);max-height:94vh;padding:12px;animation:.22s cubic-bezier(.2,1.3,.4,1) pop;display:flex;position:relative;box-shadow:0 30px 80px #000000b3}.sheet-card{aspect-ratio:488/680;flex:none;height:min(86vh,380px);transition:transform .3s}.sheet-card .cardimg{width:auto;height:100%}.sheet-card.tapped{transform:rotate(8deg)}.sheet-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex;overflow:auto}.sheet-head{align-items:flex-start;gap:8px;display:flex}.sheet-head h3{flex:1;margin:0;font-size:18px}.type{color:var(--muted);font-size:12px}.statline{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pt-big{color:var(--gold);margin-right:6px;font-family:Cinzel,serif;font-size:20px;font-weight:900}.pt-big em{color:#ff8b7b;font-size:12px;font-style:normal}.kw{background:#ffffff14;border-radius:8px;padding:2px 7px;font-size:11.5px}.kw.warn{color:#ffc35c}.kw.ctr{background:#ffd36b26}.sheet-text{background:#00000040;border-radius:10px;padding:8px 10px}.sheet-effects{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.sheet-effects small{width:100%;color:var(--muted)}.actions{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px;display:grid}.act{text-align:left;background:#ffffff12;border:1px solid #ffffff14;border-radius:10px;padding:9px 10px;font-size:13px;font-weight:600;line-height:1.25}.act:active{transform:scale(.97)}.act:disabled{opacity:.4}.act.gold{color:#2a1600;text-align:center;background:linear-gradient(#ffe39a,#e6a52e);grid-column:span 2;font-size:15px;font-weight:800}.act.danger{color:#ffa092}.act.ability{background:#4aa3ff1f;border-color:#4aa3ff59;grid-column:1/-1}.act.loyal{background:#a05cff26;border-color:#a05cff73;grid-column:1/-1}.act.more{text-align:center;color:var(--muted)}.judge{color:var(--gold);align-self:flex-start;padding:4px 0;font-size:12px;text-decoration:underline}.rulings{background:#00000040;border-radius:10px;padding:6px 10px;font-size:12.5px}.rulings p{margin:4px 0}.rulings small{color:var(--muted)}.zoom{z-index:10;background:#000000d9;place-items:center;display:grid;position:fixed;inset:0}.zoom .cardimg{width:auto;height:92vh}.zone-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(80px,13vw,120px),1fr));gap:8px;max-height:66vh;padding:2px;display:grid;overflow:auto}.zone-card{cursor:pointer;flex-direction:column;align-items:center;gap:2px;display:flex}.zone-card .cardimg{width:100%;transition:transform .15s}.zone-card:active .cardimg{transform:scale(.96)}.zone-card small{color:var(--gold);font-size:11px}.scry-row{gap:10px;padding:4px;display:flex;overflow-x:auto}.scry-card{flex-direction:column;flex:none;gap:4px;width:clamp(100px,18vw,150px);display:flex}.scry-btns{flex-wrap:wrap;gap:3px;display:flex}.scry-btns button{background:#ffffff14;border-radius:6px;flex:1;padding:4px;font-size:11px;font-weight:700}.scry-btns button.on{background:var(--gold);color:#221}.scry-move{justify-content:space-between;display:flex}.scry-move button{background:#ffffff0f;border-radius:6px;padding:2px 10px}.tabs{align-items:center;gap:4px;display:flex}.tabs button:not(.x){background:#ffffff0f;border-radius:10px;padding:6px 10px;font-size:13px;font-weight:700}.tabs button.on{color:var(--gold);background:#ffd36b40}.tabs .x{margin-left:auto}.log{flex-direction:column;gap:3px;max-height:66vh;font-size:13px;display:flex;overflow:auto}.log p{background:#ffffff08;border-radius:6px;margin:0;padding:3px 6px}.log-turn{color:var(--gold);font-weight:800;background:#ffd36b14!important}.log-attack,.log-damage{color:#ffb3a1}.log-heal{color:#9cffb9}.log-die,.log-elim{color:#c7a8ff}.log-win{color:var(--gold);font-weight:800}.log-cast{color:#bfe3ff}.emotes{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.emotes button{background:#ffffff0f;border-radius:12px;padding:8px;font-family:Cinzel,serif;font-size:30px;font-weight:900}.lifepad .life-big{font-family:Cinzel,serif;font-size:64px;font-weight:900;line-height:1;position:relative}.life-big small{margin-left:6px;font-size:22px;position:absolute;top:0;left:100%}.life-big .up{color:var(--green)}.life-big .down{color:var(--red)}.life-btns{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.life-btns button{border-radius:12px;padding:14px 0;font-size:20px;font-weight:900}.life-btns .neg{color:#ff9c8f;background:#ff4d3d33}.life-btns .pos{color:#9cffb9;background:#3fd46b33}.cmd-dmg{width:100%;font-size:13px}.cmd-dmg div{justify-content:space-between;display:flex}.mull{z-index:400;text-align:center;background:radial-gradient(circle at 50% 40%,#3c2878d9,#06050cf5);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex;position:fixed;inset:0}.mull h2{margin:0;font-size:clamp(18px,5vh,26px)}.mull-hand{flex-wrap:nowrap;justify-content:center;gap:6px;display:flex}.mull-card{width:clamp(70px,12vw,130px);animation:.5s cubic-bezier(.2,1.2,.4,1) backwards dealIn;animation-delay:calc(var(--i) * 80ms);cursor:pointer;transition:transform .25s cubic-bezier(.2,1.3,.4,1),opacity .25s}.mull-card.down{opacity:.5;transform:translateY(26%)scale(.88)}@keyframes dealIn{0%{opacity:0;transform:translateY(-80vh)rotate(-20deg)}}.mull-hand.small .cardimg{width:clamp(50px,8vw,80px)}.gameover{z-index:700;background:radial-gradient(circle at 50% 35%,#5a3c0ae6,#06050cf7 70%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px;animation:.8s fadeIn;display:flex;position:fixed;inset:0;overflow:auto}.go-rays{background:repeating-conic-gradient(from 0deg, #ffd36b1f 0 8deg, transparent 8deg 20deg);pointer-events:none;animation:30s linear infinite spin;position:absolute;inset:-50%}.go-winner{flex-direction:column;align-items:center;animation:.6s cubic-bezier(.2,1.5,.4,1) pop;display:flex;position:relative}.go-winner h1{background:linear-gradient(#fff6d5,#ffd36b 50%,#b8741a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;font-size:clamp(28px,10vh,64px)}.go-winner p{color:#f3e6c6;margin:0}.go-crown{z-index:1;margin-bottom:-16px;font-size:48px;animation:1.6s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-8px)}}.gameover .recap{width:min(900px,96vw);position:relative}.gameover-reopen{z-index:700;top:calc(var(--strip) + 8px);right:calc(var(--rail) + 8px);position:fixed}.effects-panel{z-index:335;right:calc(var(--rail) + 8px);bottom:calc(var(--hand) + 6px);width:clamp(210px,34vw,330px);max-height:calc((100vh - var(--strip) - var(--hand)) * .92);border:1px solid var(--gold);background:#0e0a1ef2;border-radius:16px;flex-direction:column;gap:6px;padding:8px 10px;animation:.3s cubic-bezier(.2,1.3,.4,1) slideUp;display:flex;position:fixed;overflow:auto;box-shadow:0 10px 30px #000000b3,0 0 26px #ffd36b40}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}}.ep-head{align-items:center;gap:8px;display:flex}.ep-head .cardimg{flex:none;width:40px}.ep-head>div:not(.cardimg){flex-direction:column;flex:1;min-width:0;display:flex}.ep-head small{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.ep-text{color:#d7cff3;margin:0;font-size:12px}.ep-btns{flex-direction:column;gap:4px;display:flex}.notice h3{color:#ffc35c}.table-start{cursor:pointer}.table-lobby{grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:stretch;gap:3vw;padding:4vh 4vw;display:grid;position:fixed;inset:0;overflow:hidden}.tl-join{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08061480;border:1px solid #ffd36b59;border-radius:3vh;flex-direction:column;justify-content:center;align-items:center;gap:2vh;min-height:0;padding:3vh 2vw;display:flex;position:relative;box-shadow:0 2vh 6vh #0000008c}.tl-join .logo{align-items:center;margin:0}.tl-join .logo-mtg{font-size:2.4vh}.tl-join .logo-main{font-size:min(7.5vh,3.5vw)}.tl-join .logo-party{font-size:min(6vh,2.9vw)}.tl-join .qr.big{border-radius:1.6vh;flex:none;width:min(36vh,26vw);padding:.8vh}.tl-url{color:var(--muted);margin:0;font-size:min(2.6vh,1.6vw)}.tl-url b{color:#fff}.tl-code{flex-direction:column;align-items:center;margin:0;line-height:1;display:flex}.tl-code small{text-transform:uppercase;letter-spacing:.3em;color:var(--muted);font-size:min(2vh,1.3vw)}.tl-code b{letter-spacing:.2em;color:var(--gold);text-shadow:0 0 3vh #ffd36b80;font-family:Cinzel,serif;font-size:min(9vh,5.5vw)}.tl-side{border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0806146b;border-radius:3vh;flex-direction:column;gap:2vh;min-height:0;padding:3vh 2vw;display:flex;position:relative}.tl-title{color:var(--gold);margin:0;font-family:Cinzel,serif;font-size:min(4.2vh,2.6vw)}.tl-title span{color:var(--muted);margin-left:.4em;font-size:.7em}.tl-players{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:start;gap:1.4vh;min-height:0;display:grid}.tl-players.n7,.tl-players.n8,.tl-players.n9,.tl-players.n10,.tl-players.n11,.tl-players.n12{grid-template-columns:repeat(3,minmax(0,1fr))}.tl-players.n0,.tl-players.n1,.tl-players.n2,.tl-players.n3,.tl-players.n4{grid-auto-rows:12vh}.tl-players.n5,.tl-players.n6,.tl-players.n7,.tl-players.n8,.tl-players.n9{grid-auto-rows:11vh}.tl-players.n10,.tl-players.n11,.tl-players.n12{grid-auto-rows:9vh}.tl-seat{border-left:.6vh solid var(--pc);background:#ffffff0f;border-radius:1.6vh;align-items:center;gap:1.2vw;min-width:0;padding:0 1.2vw;animation:.5s cubic-bezier(.2,1.3,.4,1) seatIn;display:flex;position:relative;overflow:hidden}.tl-seat .avatar{flex:none;width:7vh!important;height:7vh!important}.tl-players.n10 .avatar,.tl-players.n11 .avatar,.tl-players.n12 .avatar{width:6vh!important;height:6vh!important}.tl-seat>span{flex-direction:column;flex:1;min-width:0;display:flex}.tl-seat b{white-space:nowrap;text-overflow:ellipsis;font-size:min(3vh,1.8vw);overflow:hidden}.tl-seat small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:min(2vh,1.3vw);overflow:hidden}.tl-seat.ready{background:#3fd46b1f}.tl-seat em{background:var(--green);color:#06210f;border-radius:50%;place-items:center;width:3vh;height:3vh;font-size:1.9vh;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:.9vh;left:calc(1.2vw + 4.6vh);box-shadow:0 0 1.4vh #3fd46bb3}.tl-empty{color:var(--muted);grid-column:1/-1;font-size:min(3vh,1.8vw);font-style:italic;animation:2s ease-in-out infinite pulse}.tl-side .recap.big{flex:none;max-width:none;max-height:30vh;margin:0;overflow:auto}.table-view{grid-template-rows:54px 1fr}.tv-head{border-bottom:1px solid var(--line);background:#0009;align-items:center;gap:16px;padding:0 20px;font-size:18px;display:flex}.tv-turn b{color:var(--gold)}.tv-ticker{text-align:center;color:#fff;flex:1;font-size:20px;font-weight:700;animation:.4s fadeIn}.tv-code{color:var(--muted)}.tv-grid{grid-template-columns:repeat(var(--cols), 1fr);grid-auto-rows:1fr;gap:10px;min-height:0;padding:10px;display:grid}.tv-player{border:1px solid #ffffff14;border-top:4px solid var(--pc);background:#0e0a1ebf;border-radius:16px;flex-direction:column;gap:6px;min-height:0;padding:8px;display:flex;position:relative;overflow:hidden}.tv-player.active{box-shadow:0 0 0 2px var(--gold), 0 0 30px #ffd36b59}.tv-player.dead{opacity:.35;filter:grayscale()}.tv-player.under-attack{box-shadow:0 0 0 2px var(--red), 0 0 30px #ff4d3d80}.tvp-head{align-items:center;gap:10px;display:flex}.tvp-name{flex-direction:column;flex:1;min-width:0;display:flex}.tvp-name b{font-size:20px}.tvp-name small{color:var(--muted)}.tvp-life{text-shadow:0 0 20px #ffd36b59;font-family:Cinzel,serif;font-size:54px;font-weight:900;line-height:1}.tvp-life.low{color:#ffc35c}.tvp-life.crit{color:#ff5a4a;animation:.8s infinite alternate pulse}.tvp-board{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.tvp-row{flex-wrap:nowrap;flex:1.3;align-items:center;gap:4px;min-height:0;padding:0 6px;display:flex;container-type:size}.tvp-row.back{flex:1}.tvp-row>.tile,.tvp-row>.tile-wrap{height:clamp(40px,13vh,150px);height:min(92cqh, 17vh, calc((100cqw - 12px - (var(--n) - 1) * 4px) / var(--n) / .8));flex:none}.tvp-row>.tile-wrap>.tile{height:100%}.tvp-cmd{gap:4px;display:flex;position:absolute;bottom:8px;right:8px}.tvp-cmd .cardimg{width:46px}.tv-stack{z-index:50;flex-direction:column;gap:8px;display:flex;position:fixed;top:70px;right:20px}.tv-stack-card{text-align:center;width:220px;animation:.4s slideIn}.tv-stack-card small{font-weight:700}.gameover.tv .recap{width:min(1100px,92vw)}.howto-body{padding:12px max(16px, var(--safe-r)) 30px max(16px, var(--safe-l));flex:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:start;gap:12px;display:grid;overflow:auto}.howto section{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.howto h3{color:var(--gold);font-size:16px}.howto ul{margin:0;padding-left:18px}.howto li{color:#e8e1ff;margin:5px 0;font-size:13.5px;line-height:1.4}@media (height<=360px){.opp-stats,.tile-kw,.rail .zones button span{display:none}}@media (width<=700px) and (orientation:landscape){.choices{grid-template-columns:1fr}}@media (orientation:portrait) and (width>=900px){.game,.table-view{--hand:18vh}}.basics{background:#ffffff0a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.basics small{width:100%;color:var(--muted);font-size:11px}.basic{align-items:center;gap:4px;display:flex}.basic b{text-align:center;min-width:18px}.basic .icon{width:24px;height:24px}.bl-life{color:#ffb3a1}.target-banner .btn.red.tiny{padding:5px 10px}.row-front,.row-back,.combat-lane,.scry-row{scrollbar-width:none;overflow-y:hidden}.row-front::-webkit-scrollbar{display:none}.row-back::-webkit-scrollbar{display:none}.combat-lane::-webkit-scrollbar{display:none}.scry-row::-webkit-scrollbar{display:none}.row-front,.row-back{padding-top:6px;padding-bottom:6px}.gameover{justify-content:safe center;overflow-x:hidden}.go-rays{position:fixed}.gameover .go-winner .avatar{width:clamp(56px,18vh,110px)!important;height:clamp(56px,18vh,110px)!important}.go-crown{font-size:clamp(28px,9vh,48px)}.go-winner h1{font-size:clamp(26px,9vh,64px)}.opp-strip.compact .opp{flex-direction:column;flex:none;align-items:center;gap:0;min-width:74px;padding:2px 4px}.opp-strip.compact .opp .avatar{width:22px!important;height:22px!important}.opp-strip.compact .opp-info{align-items:center}.opp-strip.compact .opp-name{max-width:66px;font-size:10px}.opp-strip.compact .opp-stats{display:none}.opp-strip.compact .opp-life{font-size:clamp(15px,4.6vh,22px);line-height:1}.opp-strip.compact .opp{grid-template-rows:auto auto;grid-template-columns:auto auto;column-gap:4px;display:grid}.opp-strip.compact .opp .avatar{grid-row:span 2;align-self:center}.tv-next{color:var(--muted);font-size:15px}.kw-link{color:#ffe39a;text-underline-offset:3px;font:inherit;cursor:help;padding:0;-webkit-text-decoration:underline dotted #ffd36bb3;text-decoration:underline dotted #ffd36bb3;display:inline}.kw-link.aw{font-style:italic}.kw-link:active{color:#fff}.term-back{z-index:650}.term-pop{text-align:left;align-items:stretch}.term-pop h3{color:var(--gold);margin:0}.term-plain{margin:0;font-size:16px;line-height:1.5}.term-official{background:#0000004d;border-radius:10px;padding:6px 10px}.term-official small,.cp-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.term-official .rules p{color:#d9d0f5;font-size:13px}.cantplay{text-align:left;align-items:stretch}.cantplay h3{color:#ffb36b;margin:0}.cp-why,.cp-how{flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:14.5px;line-height:1.4;display:flex}.cp-how li{color:#c9ffd8}.kw.tap{cursor:help;-webkit-text-decoration:underline dotted #fff6;text-decoration:underline dotted #fff6}.explain{background:#4aa3ff14;border:1px solid #4aa3ff4d;border-radius:12px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.explain p{margin:0;font-size:13.5px;line-height:1.42}.explain p b{color:#9fd0ff;font-weight:700}.playcheck{border-radius:12px;padding:7px 10px;font-size:13px;line-height:1.4}.playcheck.no{background:#ff8c3c1a;border:1px solid #ff8c3c73}.playcheck.yes{color:#c9ffd8;background:#3fd46b14;border:1px solid #3fd46b59}.playcheck ul{margin:2px 0 0;padding-left:16px}.playcheck .how{color:#c9ffd8}.inline-rules .rules,.inline-rules .rules p{font-size:inherit;margin:0;display:inline}.modal.small.cantplay,.modal.small.term-pop{text-align:left;align-items:stretch}.modal.small.cantplay .btn,.modal.small.term-pop .btn{align-self:center}.board.mat{grid-template-columns:var(--side) 1fr;margin:4px 0 4px max(4px, var(--safe-l));--side:clamp(46px, 13vh, 80px);background:linear-gradient(rgba(8,7,16,var(--mat-dim,.5)), rgba(8,7,16,var(--mat-dim,.5))), var(--mat-img) center / cover;border:1px solid color-mix(in srgb, var(--mat-accent,#7d8cff) 45%, transparent);box-shadow:inset 0 0 40px #000000a6, 0 0 18px color-mix(in srgb, var(--mat-accent,#7d8cff) 18%, transparent);border-radius:14px;gap:6px;padding:4px 6px 4px 4px;display:grid}.board.mat.theirs{background:linear-gradient(rgba(30,8,8,var(--mat-dim,.5)), rgba(8,7,16,var(--mat-dim,.5))), var(--mat-img) center / cover}.mat-main{flex-direction:column;gap:3px;min-width:0;min-height:0;display:flex}.zone-row{border-top:1px dashed color-mix(in srgb, var(--mat-accent,#7d8cff) 30%, transparent);border-radius:8px;position:relative}.zone-row:first-of-type{border-top:0}.zone-tag{z-index:0;pointer-events:none;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--mat-accent,#7d8cff) 75%, white);opacity:.55;white-space:nowrap;font-family:Cinzel,serif;font-size:8.5px;position:absolute;top:1px;left:6px}.row-front{flex:1.35;padding-top:12px!important}.row-mid{flex:.75;align-items:stretch;gap:5px;min-height:0;padding:12px 2px 4px;display:flex;overflow-x:auto}.row-mid.none{flex:0 0 14px;padding:0;overflow:hidden}.row-lands{flex:.85;align-items:stretch;gap:5px;min-height:0;padding:12px 2px 4px;display:flex;overflow-x:auto}.row-mid,.row-lands{scrollbar-width:none;overflow-y:hidden}.row-mid::-webkit-scrollbar{display:none}.row-lands::-webkit-scrollbar{display:none}.mat-side{flex-direction:column;justify-content:space-between;gap:3px;min-height:0;display:flex}.slot{border:1px dashed color-mix(in srgb, var(--mat-accent,#7d8cff) 40%, transparent);background:#00000059;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;min-height:0;padding:2px;display:flex;position:relative;overflow:hidden}.slot .cardimg{width:auto;max-width:100%;height:calc(100% - 11px);box-shadow:0 2px 6px #0009}.slot small{letter-spacing:.08em;text-transform:uppercase;color:#d9d0f5;white-space:nowrap;font-family:Cinzel,serif;font-size:7.5px;line-height:1}.slot-empty{opacity:.45;flex:1;place-items:center;font-size:15px;display:grid}.slot-count{background:#000000bf;border-radius:6px;padding:0 4px;font-size:10px;position:absolute;top:2px;right:2px}.slot.cmd.ready{border-style:solid;border-color:var(--gold);box-shadow:0 0 10px #ffd36b59}.slot.lib .cardimg{transform:rotate(-3deg)}.tile-wrap.has-att{padding-right:calc(var(--att) * 13px)}.att-peek{height:92%;top:4%;right:calc((var(--att) - var(--i) - 1) * 13px);z-index:0;filter:brightness(.85);position:absolute;transform:rotate(4deg)}.att-peek .tile{height:100%}.tile-wrap>.tile{z-index:1}.tv-player{background:linear-gradient(rgba(8,7,16,var(--mat-dim,.5)), rgba(8,7,16,calc(var(--mat-dim,.5) + .15))), var(--mat-img) center / cover}.fly-card{z-index:870;pointer-events:none;aspect-ratio:488/680;border-radius:4.5%/3.3%;transition:transform .65s cubic-bezier(.5,0,.3,1),opacity .65s;position:fixed;overflow:hidden;box-shadow:0 6px 20px #0009}.fly-card img{width:100%;height:100%;display:block}.hand-card.playable .cardimg{box-shadow:0 0 0 2px #7dffa8,0 0 16px #7dffa8bf,0 -2px 14px #0009}.hand-card.playable:after{content:"";pointer-events:none;border-radius:8px;animation:1.6s ease-in-out infinite canGlow;position:absolute;inset:-2px;box-shadow:0 0 14px #7dffa899}.hand-card{position:relative}.hand-card.cant .cardimg{filter:brightness(.72)saturate(.75)}@keyframes canGlow{50%{opacity:.35}}.slot.cmd.playable{animation:1.6s ease-in-out infinite canGlow;box-shadow:0 0 0 2px #7dffa8,0 0 16px #7dffa8b3}.respond-hint{text-align:center;color:#c9ffd8;width:100%;font-size:11.5px}.mat-pick{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.seat{background:linear-gradient(90deg, #0e0a1eeb, #0e0a1eb3), var(--mat-img) center / cover}.foot-link{color:#ffffff8c;font-size:10px;text-decoration:underline}.home-foot{padding:0 20px;line-height:1.3}.scan-log{pointer-events:auto}.scan-log-hint{color:#ffe39a;text-shadow:0 1px 3px #000;font-size:11px}.scan-log-item{align-items:center;gap:4px;display:flex}.scan-log-item em{text-overflow:ellipsis;flex:1;font-style:normal;overflow:hidden}.scan-log-item button{background:#ffffff24;border-radius:6px;flex:none;width:28px;height:26px;font-size:14px}.scan-fix,.scan-help{z-index:6;border:1px solid var(--gold);background:#141024f7;border-radius:16px;flex-direction:column;gap:8px;width:min(560px,94vw);max-height:90vh;padding:12px;display:flex;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #000c}.scan-help{width:min(420px,92vw);top:auto;bottom:10px;transform:translate(-50%)}.scan-help small,.scan-fix small{color:#d9d0f5}.fix-list{flex-wrap:wrap;gap:6px;display:flex}.scan-reading{color:#cfc6ea;font-size:11px;font-weight:500;display:block}.btn.dim{opacity:.5}@media (orientation:portrait){.scan-guide{width:min(86vw,58vh);top:45%}.scan-log{top:auto;bottom:max(8px, env(safe-area-inset-bottom));width:auto;max-height:19vh;left:8px;right:8px}.scan-cands{max-width:94vw;bottom:21vh;left:3vw}.scan-light{width:max-content;max-width:92vw;top:auto;bottom:31vh;left:50%;transform:translate(-50%)}.scan-flash .cardimg{height:44vh}.scan-top{flex-wrap:wrap}.scan-status{flex:1 0 100%;order:5}.builder .bar{flex-wrap:wrap}.builder .deck-name{flex-basis:calc(100% - 90px);order:-1}.builder .fmt{flex:1}.builder-body{flex-direction:column;display:flex;overflow:auto}.builder-body>.decklist,.builder-body>.addpanel{padding-left:max(12px, var(--safe-l));padding-right:max(12px, var(--safe-r));border-right:0;overflow:visible}.builder-body>.addpanel{order:-1;padding-bottom:6px}.cmd-slot{min-width:0}}@media (orientation:portrait) and (width<=900px){.home{padding:max(24px, env(safe-area-inset-top)) 20px 20px;grid-template-columns:1fr;align-content:start;gap:18px;overflow-y:auto}.home .logo{text-align:center;align-items:center}.home .logo-main{font-size:10vw}.home .logo-party{font-size:9vw}.home-left,.home-right{width:100%;min-width:0}.home-left{text-align:center;flex-direction:column;align-items:center;display:flex}.home .menu{width:100%;margin:0 auto}.home .menu.panel{max-height:none}.home-foot{margin-top:10px;position:static}}.modal.prints{flex-direction:column;gap:8px;max-width:min(720px,94vw);max-height:88vh;display:flex}.print-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;padding:2px;display:grid;overflow:auto}.print-pick{color:inherit;background:0 0;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:3px;display:flex}.print-pick.on{border-color:var(--gold)}.print-pick small{color:#cfc6ea;text-align:center;font-size:11px}@media (orientation:portrait){.preview{flex-direction:column;width:94vw;overflow:auto}.preview .cardimg{align-self:center;width:min(100%,300px);height:auto}.preview-text{width:auto;overflow:visible}}.zoom-btn{color:#fff;z-index:2;background:#0a0814bf;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:16px;display:grid;position:absolute;bottom:3%;right:4%}.zoom-view{z-index:60;padding:max(10px, env(safe-area-inset-top)) 10px 10px;background:#000000e0;justify-content:center;align-items:center;animation:.18s pop;display:flex;position:fixed;inset:0}.zoom-body{align-items:center;gap:16px;max-width:980px;max-height:100%;display:flex;overflow:auto}.zoom-body>.cardimg{flex:none;width:auto;height:min(88vh,640px)}.zoom-text{flex-direction:column;gap:6px;width:min(360px,40vw);font-size:15px;display:flex}.zoom-text h3{margin:0}@media (orientation:portrait){.zoom-body{flex-direction:column;align-items:stretch;width:100%}.zoom-body>.cardimg{align-self:center;width:min(100%,420px,60vh);height:auto}.zoom-text{width:auto}}@media (orientation:landscape){.zoom-body{grid-template-rows:1fr auto;grid-template-columns:auto 1fr;display:grid}.zoom-body>.cardimg{grid-row:1/3}.zoom-text{align-self:center;width:auto;max-width:380px}}.act.manual{opacity:.9;border-style:dashed}.manual-note{color:#ffc35c;flex-basis:100%;font-size:11px}.tile-type{z-index:2;text-overflow:ellipsis;white-space:nowrap;color:#1a1206;background:#ffd36beb;border-radius:5px;max-width:calc(100% - 6px);padding:1px 4px;font-size:9px;font-weight:800;position:absolute;top:3px;left:3px;overflow:hidden}.modal.choose-type{flex-direction:column;gap:8px;max-width:min(520px,94vw);display:flex}.modal.choose-type .cardimg{align-self:center;width:110px}.type-picks{flex-wrap:wrap;gap:6px;display:flex}.approval.mine{z-index:340;top:calc(var(--strip) + 6px);border:1px solid var(--gold);background:#281c06f2;border-radius:14px;padding:6px 14px;font-size:13px;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.modal.approval-ask{max-width:min(520px,94vw)}.modal.approval-ask blockquote{border-left:3px solid var(--gold);background:#ffffff0d;border-radius:8px;margin:6px 0;padding:8px 12px}.modal.trigger-ask,.modal.modes-pick{flex-direction:column;gap:8px;max-width:min(520px,94vw);display:flex}.modal.trigger-ask .cardimg{align-self:center;width:120px}.modes-pick .mode{text-align:left;border:1px solid var(--line);color:inherit;background:#ffffff0a;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:14px;display:flex}.modes-pick .mode.on{border-color:var(--gold);background:#ffd36b1f}.modes-pick .mode>span{color:var(--gold);font-weight:900}.zone-card.unfit{opacity:.32;filter:grayscale(.7);cursor:default}.tv-spot{grid-template-rows:1fr auto;gap:10px;min-height:0;padding:10px;animation:.45s cubic-bezier(.2,1.1,.4,1) spotIn;display:grid}@keyframes spotIn{0%{opacity:0;transform:scale(.97)}}.tv-spot-main{gap:14px;min-height:0;display:grid}.tv-spot-main.n1{grid-template-columns:minmax(0,1fr)}.tv-spot-main.n2{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch}.tv-spot-main .tv-player{box-shadow:0 0 0 3px var(--pc), 0 0 50px color-mix(in srgb, var(--pc) 45%, transparent)}.tv-spot-main .tvp-name b{font-size:30px}.tv-spot-main .tvp-life{font-size:84px}.tv-vs{color:#ff6a4d;text-shadow:0 0 30px #ff5a3ccc;align-self:center;font-size:64px;animation:1s ease-in-out infinite alternate vsPulse}@keyframes vsPulse{to{transform:scale(1.15)}}.tv-others{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tv-mini{border:1px solid var(--line);border-bottom:3px solid var(--pc);background:#0e0a1ecc;border-radius:30px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:18px;display:flex}.tv-mini .tvp-life{font-size:28px}.tv-mini.dead{opacity:.4;filter:grayscale()}.tv-mini.active{box-shadow:0 0 0 2px var(--gold)}.table-view.spotlit .tv-stack-card{width:300px}.table-view .tile{animation:none}.fx-glow{animation:1.2s ease-out tileGlow}@keyframes tileGlow{0%{box-shadow:0 0 0 0 var(--glow), 0 0 0 0 var(--glow);filter:brightness(1.6)}35%{box-shadow:0 0 0 3px var(--glow), 0 0 28px 8px var(--glow);filter:brightness(1.25)}to{filter:none;box-shadow:0 0 #0000,0 0 #0000}}.fx-hit{animation:.45s cubic-bezier(.36,.07,.19,.97) tileHit}@keyframes tileHit{10%,90%{transform:translate(-2px)}20%,80%{filter:brightness(1.8)saturate(.3)sepia()hue-rotate(-40deg);transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.tile.tapped.fx-hit{animation:none}.fx-tag{z-index:400;border:1px solid var(--glow);color:#fff;white-space:nowrap;box-shadow:0 0 18px var(--glow);pointer-events:none;background:#0a0814e6;border-radius:14px;padding:4px 12px;font-size:13px;font-weight:800;animation:1.9s ease-out forwards tagUp;position:fixed;transform:translate(-50%,-100%)}.fx-tag.trigger{font-size:15px}.table-view~.fx-tag,.fx-tag{text-overflow:ellipsis;max-width:70vw;overflow:hidden}@keyframes tagUp{0%{opacity:0;transform:translate(-50%,-60%)scale(.7)}15%{opacity:1;transform:translate(-50%,-110%)scale(1.05)}80%{opacity:1;transform:translate(-50%,-150%)}to{opacity:0;transform:translate(-50%,-175%)}}.zone-card.picked .cardimg{outline:3px solid var(--red);outline-offset:2px;transform:scale(.94)}.mute-btn{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex:none;width:44px;font-size:18px}.mute-btn.on{border-color:var(--gold);background:#ffd36b26}.mute-btn.floating{z-index:60;top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140e26b3;border-radius:50%;width:40px;height:40px;position:fixed;box-shadow:0 2px 10px #0006}.grow{flex:1}@media (height<=500px){.precon-cover{aspect-ratio:16/7}.precon-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}.lobby-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.lobby-title-row .mute-btn{height:36px}.loading-cards{z-index:500;text-align:center;background:radial-gradient(circle at 50% 40%,#3c2878f5,#06050cfc);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:fixed;inset:0}.loading-cards h2{margin:0;font-size:clamp(20px,6vh,32px)}.loading-cards p{color:var(--muted);margin:0}.load-bar{border:1px solid var(--line);background:#ffffff1a;border-radius:999px;width:min(420px,80vw);height:12px;overflow:hidden}.load-bar i{background:linear-gradient(90deg, var(--gold), #ffe9a8);height:100%;transition:width .3s;display:block}.lobby-load{color:var(--muted);font-size:12px}.bl-turn{color:var(--gold)}.opp-strip>.mute-btn{right:calc(max(6px, var(--safe-r)) + 50px);z-index:2;margin-left:auto;position:sticky}.opp-strip>.menu-btn{right:max(6px, var(--safe-r));z-index:2;position:sticky}.opp-strip>.mute-btn,.opp-strip>.menu-btn{box-shadow:-8px 0 12px #00000073}.vote-wait{z-index:60;border:1px solid var(--gold);text-align:center;background:#140e26e6;border-radius:999px;max-width:90vw;padding:6px 14px;font-size:13px;position:fixed;top:64px;left:50%;transform:translate(-50%)}