:root{--bg0: #010a13;--bg1: #0a1428;--bg2: #0f1d33;--line: rgba(200, 170, 110, .16);--line2: rgba(200, 170, 110, .36);--text: #f0e6d2;--mute: #a09b8c;--blue: #0ac8b9;--violet: #005a82;--gold: #c8aa6e;--gold-hi: #f0e6d2;--gold-lo: #785a28;--teal: #0ac8b9;--red: #e84057;--green: #2dd4a0;--grad: linear-gradient(180deg, #f0e6d2 0%, #c8aa6e 55%, #a8803c 100%);--hex-fill: linear-gradient(180deg, #1e2d3a 0%, #0a1428 60%, #010a13 100%);--cw: 104px;--ch: calc(var(--cw) * 1.4);--font-d: "Cinzel", serif;--font-u: "Manrope", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg0);color:var(--text);font-family:var(--font-u);overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}input{font:inherit;color:inherit}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:auto}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,.selectable{-webkit-user-select:text;user-select:text}.art-guard{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-touch-callout:none}.art-guard>i{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}@media print{body{display:none!important}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(1200px 700px at 50% 120%,rgba(123,47,247,.22),transparent 60%),radial-gradient(900px 600px at 50% -20%,rgba(26,163,255,.18),transparent 60%),radial-gradient(circle at 50% 50%,#0d1130 0%,var(--bg0) 75%)}.backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.rune-ring{position:absolute;left:50%;top:50%;width:900px;height:900px;margin:-450px 0 0 -450px;opacity:.08;animation:spin 240s linear infinite}.app{position:relative;z-index:1;height:100%}.home{height:100%;overflow-y:auto;padding:0 24px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:22px 0}.wordmark{font-family:var(--font-d);font-weight:900;letter-spacing:.08em;font-size:22px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none}.wordmark small{font-family:var(--font-u);font-weight:700;font-size:11px;letter-spacing:.3em;color:var(--mute);-webkit-text-fill-color:var(--mute);margin-left:10px}.toplink{color:var(--mute);text-decoration:none;font-size:14px}.toplink:hover{color:var(--text)}.hero{max-width:1280px;margin:24px auto 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero h1{font-family:var(--font-d);font-weight:900;font-size:clamp(38px,4.6vw,68px);line-height:.95;margin:0 0 18px;letter-spacing:.01em}.hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--mute);font-size:18px;line-height:1.6;max-width:560px;margin:0 0 28px}.hero-fan{position:relative;height:420px}.hero-fan .fan-card{position:absolute;left:50%;top:50%;width:230px;aspect-ratio:5/7;overflow:hidden;border-radius:12px;box-shadow:0 30px 80px #0009,0 0 0 1px #ffffff0f;transform-origin:50% 120%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hero-fan:hover .fan-card{filter:brightness(1.05)}.modes{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;font-weight:800;letter-spacing:.02em;transition:transform .15s,box-shadow .2s,background .2s}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 30px #4f6bff73,inset 0 1px #ffffff40}.btn-primary:hover{box-shadow:0 10px 40px #7b2ff799,inset 0 1px #ffffff4d;transform:translateY(-1px)}.btn-ghost{background:#ffffff0a;border:1px solid var(--line2)}.btn-ghost:hover{background:#ffffff14}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-sm{padding:8px 14px;border-radius:10px;font-size:13px}.section-title{max-width:1280px;margin:0 auto 16px;display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap}.section-title h2{font-family:var(--font-d);font-size:26px;margin:0}.section-title .hint{color:var(--mute);font-size:14px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search{background:#ffffff0a;border:1px solid var(--line2);border-radius:10px;padding:9px 12px;min-width:240px;outline:none}.search:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1aa3ff33}.pip-filter{width:30px;height:30px;border-radius:50%;padding:0;opacity:.35;transition:opacity .15s,transform .15s}.pip-filter.on{opacity:1;transform:scale(1.08)}.pip-filter img{width:100%;height:100%}.deck-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.deck-tile{position:relative;border-radius:14px;overflow:hidden;background:var(--bg1);border:1px solid var(--line);text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}.deck-tile:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:0 18px 50px #00000080}.deck-tile.sel{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue),0 18px 60px #1aa3ff59}.deck-tile .art{aspect-ratio:5/4;background-size:140%;background-position:50% 22%}.deck-tile .meta{padding:10px 12px 12px}.deck-tile .title{font-weight:800;font-size:14px;line-height:1.25}.deck-tile .cmd{color:var(--mute);font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-tile .pips{position:absolute;top:8px;right:8px;display:flex;gap:3px}.mana{width:16px;height:16px;display:inline-block;vertical-align:-3px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.mana.lg{width:20px;height:20px}.panel{background:linear-gradient(180deg,#121636eb,#0a0d22f2);border:1px solid var(--line2);border-radius:18px;box-shadow:0 30px 90px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.setup{position:relative;max-width:1280px;margin:0 auto 26px;padding:14px 18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;z-index:5}.setup .chosen{display:flex;align-items:center;gap:12px;min-width:240px;flex:1}.setup .chosen .chosen-art{width:54px;aspect-ratio:5/7;border-radius:6px;flex:none}.seg{display:inline-flex;background:#ffffff0a;border:1px solid var(--line2);border-radius:10px;padding:3px}.seg button{padding:7px 12px;border-radius:8px;font-weight:700;font-size:13px;color:var(--mute)}.seg button.on{background:#1aa3ff2e;color:var(--text)}.field{background:#ffffff0a;border:1px solid var(--line2);border-radius:10px;padding:9px 12px;outline:none;width:160px}.lobby{max-width:760px;margin:60px auto;padding:28px}.lobby h2{font-family:var(--font-d);margin:0 0 6px}.code{font-family:var(--font-d);font-size:44px;letter-spacing:.25em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.seats{display:grid;gap:10px;margin:20px 0}.seat{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid var(--line)}.seat .seat-art{width:44px;height:44px;flex:none;border-radius:50%;background-size:260%;background-position:50% 16%}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.dot.off{background:#555;box-shadow:none}.table{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.opps{display:grid;gap:8px;padding:8px 280px 0 12px}.zone-row{display:flex;gap:8px;align-items:flex-start}.board{position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 280px 0 12px;min-height:0}.bf{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-height:calc(var(--ch) * .72);padding:6px 8px;border-radius:14px}.bf.mine{background:linear-gradient(0deg,rgba(26,163,255,.05),transparent)}.bf.theirs{background:linear-gradient(180deg,rgba(123,47,247,.06),transparent)}.bf-lands{display:flex;flex-wrap:wrap;gap:4px}.bf-split{display:flex;gap:16px;align-items:flex-start}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line2),transparent);margin:2px 0}.pcard{position:relative;width:var(--cw);height:calc(var(--cw) * 1.4);border-radius:calc(var(--cw) * .05);flex:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .2s,filter .2s}.pcard img.face{width:100%;height:100%;border-radius:inherit;display:block;box-shadow:0 6px 18px #0000008c,0 0 0 1px #ffffff14;background:#111}.pcard.small{--cw: 70px}.pcard.land{--cw: 74px}.pcard.tapped{filter:brightness(.78) saturate(.85);margin:0 calc(var(--cw) * .2)}.pcard.sick:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 6px,transparent 6px 12px);pointer-events:none}.pcard.attacking img.face{box-shadow:0 0 0 2px var(--red),0 0 30px #ff4d6db3}.pcard.blocking img.face{box-shadow:0 0 0 2px var(--blue),0 0 26px #1aa3ffb3}.pcard.playable img.face{box-shadow:0 0 0 2px #1aa3ffe6,0 0 22px #1aa3ff8c}.pcard.selectable{cursor:pointer}.pcard.selectable img.face{box-shadow:0 0 0 2px var(--gold),0 0 26px #f4c95da6;animation:pulse 1.2s ease-in-out infinite}.pcard.chosen img.face{box-shadow:0 0 0 3px var(--gold),0 0 40px #f4c95de6}@keyframes pulse{50%{filter:brightness(1.15)}}.pt{position:absolute;right:-4px;bottom:-4px;min-width:38px;padding:2px 7px;border-radius:9px;font-weight:900;font-size:13px;text-align:center;background:linear-gradient(180deg,#23284f,#0d1030);border:1px solid var(--line2);box-shadow:0 4px 10px #00000080}.pt.buff{color:var(--green)}.pt.hurt{color:var(--red)}.badge-row{position:absolute;left:-4px;top:18%;display:flex;flex-direction:column;gap:3px}.badge{font-size:10px;font-weight:900;padding:2px 6px;border-radius:6px;background:#080a1ee6;border:1px solid var(--line2)}.badge.cnt{color:var(--green)}.badge.loy{color:var(--gold)}.attach{position:absolute;left:12px;top:-12px;z-index:-1}.manual-dot{position:absolute;top:4px;left:4px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}.pbar{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:14px;background:#0a0d2299;border:1px solid var(--line);transition:box-shadow .3s,border-color .3s}.pbar.active{border-color:#1aa3ff80;box-shadow:0 0 30px #1aa3ff2e}.pbar.target{cursor:pointer;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 30px #f4c95d80;animation:pulse 1.2s infinite}.pbar.lost{opacity:.35;filter:grayscale(1)}.avatar{position:relative;width:58px;height:58px;border-radius:50%;overflow:hidden;flex:none;border:2px solid transparent;background:var(--grad) border-box}.avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 16%;border-radius:50%}.life{font-family:var(--font-d);font-weight:900;font-size:30px;line-height:1;min-width:56px;text-align:center}.life.low{color:var(--red)}.pname{font-weight:800;font-size:14px}.pstats{display:flex;gap:10px;color:var(--mute);font-size:12px;margin-top:3px}.pstats b{color:var(--text)}.pile{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:8px;background:#ffffff0a;border:1px solid var(--line);font-size:12px}.pile:hover{background:#ffffff17}.cmdzone{display:flex;gap:6px}.oppcards{display:flex;margin-left:6px}.oppcards span{width:20px;height:28px;margin-left:-8px;border-radius:3px;background:linear-gradient(135deg,#1b2257,#3a1d7a);border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 6px #00000080}.me-area{position:relative;display:grid;grid-template-columns:minmax(0,440px) 1fr 270px;align-items:end;gap:12px;padding:0 12px 10px}.hand{position:relative;height:190px;display:flex;justify-content:center;align-items:flex-end}.hand .hcard{position:relative;width:132px;height:185px;margin:0 -22px;transform-origin:50% 140%;transition:margin .25s;cursor:pointer}.hand .hcard img,.hand .hcard>div{width:100%;height:100%;border-radius:8px;box-shadow:0 10px 30px #0009,0 0 0 1px #ffffff14}.hand .hcard:hover{margin:0 6px}.hand .hcard.playable img{box-shadow:0 0 0 2px var(--blue),0 0 26px #1aa3ff99}.hand .hcard.picked img{box-shadow:0 0 0 3px var(--gold),0 0 30px #f4c95dcc}.rail{position:absolute;right:12px;top:8px;bottom:210px;width:260px;display:flex;flex-direction:column;gap:10px;z-index:6}.phases{display:flex;flex-wrap:wrap;gap:3px;padding:10px}.phase{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 6px;border-radius:6px;color:var(--mute);background:#ffffff08}.phase.on{color:#fff;background:var(--grad);box-shadow:0 0 16px #4f6bff80}.turninfo{padding:10px 12px 0;font-size:13px;color:var(--mute)}.turninfo b{color:var(--text)}.stack{padding:10px;display:flex;flex-direction:column;gap:6px;max-height:40%;overflow-y:auto}.stack h4,.log h4{margin:0 0 4px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.sitem{display:flex;gap:8px;align-items:center;padding:6px;border-radius:10px;background:#ffffff0a;border:1px solid var(--line);font-size:12px}.sitem img{width:40px;border-radius:4px}.sitem.selectable{border-color:var(--gold);box-shadow:0 0 16px #f4c95d73;cursor:pointer}.log{flex:1;min-height:0;padding:10px;display:flex;flex-direction:column}.log ol{list-style:none;margin:0;padding:0;overflow-y:auto;font-size:12px;line-height:1.45;color:#c3c9ef;display:flex;flex-direction:column-reverse}.log li{padding:2px 0;border-bottom:1px dashed rgba(255,255,255,.04)}.log li.turn{color:var(--blue);font-weight:800}.actions{position:absolute;right:12px;bottom:14px;width:260px;display:flex;flex-direction:column;gap:8px;z-index:8}.big-btn{width:100%;padding:16px;border-radius:14px;font-family:var(--font-d);font-weight:900;font-size:18px;letter-spacing:.06em;color:#fff;background:var(--grad);box-shadow:0 10px 40px #4f6bff80,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.big-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-100%);animation:sheen 2.6s ease-in-out infinite}@keyframes sheen{60%,to{transform:translate(100%)}}.big-btn.danger{background:linear-gradient(100deg,#ff4d6d,#c81d77);box-shadow:0 10px 40px #ff4d6d73}.big-btn.wait{background:#ffffff0f;color:var(--mute);box-shadow:none}.big-btn.wait:before{display:none}.subtle-row{display:flex;gap:6px}.subtle-row .btn{flex:1;justify-content:center}.prompt{padding:10px 12px;font-size:13px;line-height:1.45}.prompt b{color:var(--gold)}.preview{position:fixed;left:14px;top:50%;transform:translateY(-50%);width:300px;z-index:60;pointer-events:none}.preview img{width:100%;border-radius:14px;box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff1a}.preview .note{margin-top:8px;padding:10px 12px;font-size:12px;line-height:1.45}.preview .note .auto{color:var(--green);font-weight:800}.preview .note .man{color:var(--gold);font-weight:800}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#03040ca8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(1100px,94vw);max-height:88vh;overflow:auto;padding:22px}.modal h3{font-family:var(--font-d);margin:0 0 4px;font-size:24px}.modal .sub{color:var(--mute);margin:0 0 16px;font-size:14px}.cardrow{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.cardrow .opt{position:relative;width:150px;border-radius:10px;transition:transform .15s;cursor:pointer}.cardrow .opt img{width:100%;border-radius:10px;display:block}.cardrow .opt:hover{transform:translateY(-4px)}.cardrow .opt.on img{box-shadow:0 0 0 3px var(--gold),0 0 30px #f4c95db3}.cardrow .opt.off{opacity:.35;cursor:not-allowed}.cardrow .opt .tag{position:absolute;left:50%;bottom:8px;transform:translate(-50%);font-size:11px;font-weight:900;padding:3px 8px;border-radius:8px;background:#000c}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.toolkit{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:12px}.toolkit .btn{justify-content:center}.manual-card{display:grid;grid-template-columns:220px 1fr;gap:20px}.manual-card img{width:100%;border-radius:12px}.manual-text{white-space:pre-wrap;background:#ffffff0a;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}.num-input{width:64px;text-align:center}.menu-pop{position:fixed;z-index:90;min-width:240px;max-width:360px;padding:6px}.menu-pop button{display:block;width:100%;text-align:left;padding:9px 10px;border-radius:8px;font-size:13px;line-height:1.35}.menu-pop button:hover:not(:disabled){background:#1aa3ff24}.menu-pop button:disabled{opacity:.4;cursor:not-allowed}.panel.menu-pop{position:fixed;width:min(360px,calc(100vw - 24px));min-width:0;max-height:calc(100dvh - 24px);overflow-y:auto}.ability-heading{display:flex;align-items:center;gap:10px;padding:4px 6px 8px;border-bottom:1px solid var(--line2)}.ability-heading>b{flex:1;color:var(--gold)}.ability-heading>button{width:auto;flex:none;font-size:22px;padding:2px 8px}.ability-option+.ability-option{border-top:1px solid var(--line2)}.menu-pop .ability-option>button:disabled{opacity:.65}.ability-issue{margin:0 10px 10px;color:var(--gold);font-size:12px;line-height:1.45}.pcard.has-action{cursor:pointer}.pcard:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.ability-badge{position:absolute;bottom:5px;left:4px;max-width:80%;padding:3px 6px;border:1px solid var(--line2);background:#080a1eeb;color:var(--mute);border-radius:4px;font-size:10px;line-height:1.2;font-weight:700;pointer-events:none}.ability-badge.ready{color:var(--teal);border-color:var(--teal)}.mana-choice{width:min(440px,94vw)}.mana-choice>label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0}.mana-choice select{flex:1;max-width:240px}.mana-choice .mode-opt.on{border-color:var(--gold)}.mana-choice .btn-primary{display:flex;align-items:center;gap:5px}.pcard,.sitem{cursor:pointer}.hcard:focus-visible,.sitem:focus-visible,.attach:focus-visible,.cardrow .opt:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.panel.modal.card-inspect{width:min(900px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:22px}.card-inspect-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px}.card-inspect-heading>div{min-width:0}.card-inspect-heading h3{overflow-wrap:anywhere}.card-inspect-heading span{color:var(--mute);font-size:12px}.card-inspect-heading>button{flex:none;font-size:24px}.card-inspect-body{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;gap:26px}.card-inspect-art{width:100%;aspect-ratio:5 / 7}.card-inspect-art>img,.card-inspect-art>.btoken{display:block;width:100%;height:100%;border-radius:12px;object-fit:contain}.card-inspect-content{min-width:0;display:flex;flex-direction:column;gap:20px}.card-inspect-cost{display:flex;gap:3px;margin-bottom:8px}.card-inspect-type{color:var(--gold);margin:0 0 14px;font-size:14px}.card-inspect-text{font-size:14px;line-height:1.6}.card-inspect-text p{margin:0 0 12px}.card-inspect-stats{color:var(--gold);font-weight:700}.card-inspect-actions{border-top:1px solid var(--line2);padding-top:14px}.card-inspect-actions h4{margin:0 0 10px;color:var(--gold)}.card-inspect-actions .ability-option{padding:8px 0}.card-inspect-actions button{width:100%;text-align:left}.card-inspect-actions .btn-primary{display:flex;align-items:center;gap:5px}.card-ability{padding:12px;border:1px solid var(--line2);border-radius:5px;line-height:1.5;font-size:14px;background:#0ac8b90f}.card-ability:hover:not(:disabled){border-color:var(--teal);background:#0ac8b924}.card-ability:disabled{opacity:.6;cursor:not-allowed}.card-inspect-actions .ability-issue{margin:8px 0 0}@media (max-width: 600px){.panel.modal.card-inspect{padding:16px}.card-inspect-heading{padding-bottom:12px}.card-inspect-heading h3{font-size:20px}.card-inspect-body{grid-template-columns:minmax(0,1fr);gap:16px}.card-inspect-art{max-width:200px;justify-self:center}.card-inspect-actions{order:-1;padding-top:0;border-top:0}}.banner{position:fixed;left:0;right:0;top:40%;z-index:70;pointer-events:none;text-align:center;font-family:var(--font-d);font-weight:900;font-size:56px;letter-spacing:.12em;text-shadow:0 0 40px rgba(79,107,255,.9),0 4px 0 rgba(0,0,0,.5)}.banner .band{display:inline-block;padding:14px 80px;background:linear-gradient(90deg,transparent,rgba(10,13,40,.9) 20%,rgba(10,13,40,.9) 80%,transparent)}.banner .band span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}#fx-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:65}.floater{position:fixed;z-index:66;pointer-events:none;font-family:var(--font-d);font-weight:900;font-size:34px;text-shadow:0 3px 0 rgba(0,0,0,.6),0 0 20px currentColor}.shake{animation:shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-7px,3px)}40%,60%{transform:translate(7px,-3px)}}.flash-red{animation:flashRed .6s ease-out}@keyframes flashRed{0%{box-shadow:0 0 0 3px var(--red),0 0 50px #ff4d6de6}to{box-shadow:none}}.flash-green{animation:flashGreen .8s ease-out}@keyframes flashGreen{0%{box-shadow:0 0 0 3px var(--green),0 0 50px #3ddc97e6}to{box-shadow:none}}svg.arrows{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;width:100vw;height:100vh}.endscreen{text-align:center;padding:40px}.endscreen h2{font-family:var(--font-d);font-size:64px;margin:0;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.toast{position:fixed;left:50%;top:18px;transform:translate(-50%);z-index:100;padding:10px 16px;border-radius:12px;background:#ff4d6d26;border:1px solid rgba(255,77,109,.5);font-size:14px}.iconbtn{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ffffff0a;border:1px solid var(--line);font-size:15px}.iconbtn:hover{background:#ffffff1a}.topctl{position:absolute;left:12px;bottom:210px;display:flex;flex-direction:column;gap:6px;z-index:9}@media (max-width: 1100px){:root{--cw: 82px}.board,.opps{padding-right:12px}.rail{display:none}.actions{width:200px}.hero{grid-template-columns:1fr}.hero-fan{display:none}.hand .hcard{width:100px;height:140px;margin:0 -18px}.hand{height:150px}}@media (max-width: 640px){:root{--cw: 62px}.actions{width:150px}.big-btn{font-size:14px;padding:12px}.preview{width:200px}}.dock{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:75;width:min(520px,92vw);max-height:86vh;overflow-y:auto;padding:16px;animation:dockIn .35s cubic-bezier(.2,.8,.2,1)}.dock h3{font-family:var(--font-d);margin:0 0 6px;font-size:18px}.dock .sub{color:var(--mute);font-size:12px}.dock .manual-text{font-size:13px;padding:8px 10px}.dock-head{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:start}.dock .toolkit{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}@keyframes dockIn{0%{opacity:0;margin-left:-30px}}.toolkit.compact{grid-template-columns:repeat(4,1fr);gap:5px}.toolkit.compact .btn{padding:6px;font-size:11.5px;border-radius:8px}.bf-lands,.bf-split{justify-content:center;width:100%}.bf{align-items:stretch}@media (min-width: 1500px){:root{--cw: 116px}}.dl-wrap{z-index:90;padding:3vh 2vw}.dl{position:relative;width:min(1240px,96vw);height:min(92vh,1100px);display:flex;flex-direction:column;overflow:hidden;padding:0;background:radial-gradient(120% 70% at 0% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),linear-gradient(180deg,#101432f7,#07091afa);border-color:color-mix(in srgb,var(--accent) 45%,var(--line2))}.dl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #ffffff14,inset 0 0 80px color-mix(in srgb,var(--accent) 12%,transparent)}.dl-close{position:absolute;top:14px;right:16px;z-index:3;width:38px;height:38px;border-radius:50%;background:#ffffff0f;border:1px solid var(--line2);color:var(--mute);transition:.2s}.dl-close:hover{color:#fff;background:#ffffff1f;transform:rotate(90deg)}.dl-head{display:flex;gap:26px;padding:20px 30px 16px;flex:none;border-bottom:1px solid var(--line)}.dl-cmd{display:flex;gap:10px;flex:none}.dl-cmd-card{width:150px;aspect-ratio:5/7;border-radius:11px;overflow:hidden;transform:rotate(-2deg);transition:transform .3s;box-shadow:0 20px 50px #0009,0 0 0 1px #ffffff1a,0 0 40px color-mix(in srgb,var(--accent) 40%,transparent)}.dl-cmd-card+.dl-cmd-card{transform:rotate(3deg);margin-left:-40px}.dl-cmd-card:hover{transform:rotate(0) scale(1.04);z-index:1}.card-art{width:100%;height:100%}.dl-info{flex:1;min-width:0}.dl-kicker{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);font-weight:800;filter:brightness(1.4)}.dl-info h2{font-family:var(--font-d);font-size:clamp(22px,2.6vw,32px);line-height:1.1;margin:6px 0 2px;padding-right:40px}.dl-leader{color:var(--mute);font-weight:600}.dl-tags{display:flex;gap:10px;align-items:center;margin:8px 0}.dl-tags .pips{display:flex;gap:4px}.mana.lg{width:22px;height:22px}.dl-chip{font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;background:#ffffff0f;border:1px solid var(--line2);color:#c9cff5}.dl-desc{color:#b8bfe6;font-size:14px;line-height:1.55;margin:0 0 14px;max-width:760px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dl-stats{display:flex;gap:26px;align-items:flex-end;flex-wrap:wrap}.curve{display:flex;gap:6px;height:60px;align-items:flex-end}.curve .bar{position:relative;width:20px;height:42px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.curve .bar span{width:100%;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 80%,#fff),var(--accent));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,transparent)}.curve .bar b{position:absolute;top:-16px;font-size:10px;color:#c9cff5}.curve .bar em{position:absolute;bottom:-17px;font-style:normal;font-size:10px;color:var(--mute)}.counts{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.counts li{display:flex;gap:8px;font-size:12px;padding:5px 10px;border-radius:8px;background:#ffffff0a;border:1px solid var(--line)}.counts span{color:var(--mute)}.counts b{color:#fff}.dl-body{flex:1;overflow-y:auto;padding:6px 30px 24px;scrollbar-width:thin}.dl-group h4{position:sticky;top:0;z-index:2;margin:0;padding:16px 0 10px;font-family:var(--font-d);font-size:16px;letter-spacing:.08em;background:linear-gradient(180deg,rgba(9,11,30,.98) 70%,transparent);display:flex;align-items:center;gap:10px}.dl-group h4:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line2),transparent)}.dl-group h4 span{font-family:var(--font-u);font-size:12px;color:var(--accent);filter:brightness(1.4)}.dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px}.dl-card{position:relative;aspect-ratio:5/7;border-radius:8px;overflow:hidden;background:#111;box-shadow:0 8px 20px #00000080,0 0 0 1px #ffffff12;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.dl-card:hover{transform:translateY(-6px) scale(1.06);z-index:1;box-shadow:0 20px 40px #0009,0 0 0 2px var(--accent),0 0 30px color-mix(in srgb,var(--accent) 50%,transparent)}.dl-card .qty{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:99px;font-weight:900;font-size:13px;background:var(--grad);box-shadow:0 4px 10px #00000080}.dl-name{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:4px;align-items:flex-end;padding:22px 7px 6px;font-size:11px;font-weight:700;text-align:left;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88));opacity:0;transition:opacity .2s}.dl-name .cost{flex:none}.dl-name .mana{width:12px;height:12px}.dl-card:hover .dl-name{opacity:1}.dl-grid.tokens{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.dl-loading{display:grid;place-items:center;height:200px;color:var(--mute)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line2);border-top-color:var(--blue);animation:spin 1s linear infinite;display:inline-block;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.dl-foot{display:flex;gap:10px;align-items:center;padding:14px 30px;border-top:1px solid var(--line);background:#050612b3}.dl-foot .hint{flex:1;color:var(--mute);font-size:13px}.dl-focus{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;gap:34px;align-items:center;justify-content:center;padding:30px;background:#03040cd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);perspective:1200px}.dl-focus-card{width:min(380px,42vw);aspect-ratio:5/7;border-radius:16px;overflow:hidden;box-shadow:0 40px 90px #000c,0 0 60px color-mix(in srgb,var(--accent) 45%,transparent)}.dl-focus-text{max-width:400px;background:#0c0f28e6;border:1px solid var(--line2);border-radius:14px;padding:18px 20px;font-size:14px;line-height:1.5;max-height:80%;overflow:auto}.dl-focus-text h3{font-family:var(--font-d);margin:0 0 4px;font-size:20px}.dl-focus-text .type{color:var(--mute);font-size:13px;margin-bottom:10px}.dl-focus-text p{margin:0 0 8px;color:#d6dbfa}.dl-focus-text .dl-pt{font-weight:900;font-size:18px;text-align:right}@media (max-width: 760px){.dl-wrap{padding:0}.dl{width:100vw;height:100dvh;border-radius:0}.dl-head{flex-direction:column;gap:14px;padding:18px 16px 14px}.dl-cmd-card{width:120px}.dl-body{padding:4px 16px 18px}.dl-grid{grid-template-columns:repeat(3,1fr);gap:8px}.dl-foot{padding:12px 16px}.dl-foot .hint{display:none}.dl-focus{flex-direction:column;gap:14px;overflow:auto;justify-content:flex-start}.dl-focus-card{width:70vw}}@media (max-width: 760px){.dl{overflow-y:auto}.dl-head{flex:none}.dl-body{flex:none;overflow:visible}.dl-foot{position:sticky;bottom:0;z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dl-cmd-card{width:104px}.dl-group h4{top:0}}@media (hover: none){.dl-name{display:none}.dl-card:hover{transform:none}}body{background:var(--bg0)}.backdrop{background:radial-gradient(1100px 600px at 50% 115%,rgba(10,200,185,.1),transparent 60%),radial-gradient(900px 500px at 50% -15%,rgba(200,170,110,.1),transparent 60%),radial-gradient(circle at 50% 50%,#0a1428 0%,var(--bg0) 78%)}.rune-ring{opacity:.07}.rune-ring *{stroke:#c8aa6e}.ico{display:inline-block;vertical-align:-2px;color:var(--gold)}.panel{background:linear-gradient(180deg,#0a1428f0,#010a13f5);border:1px solid var(--line2);border-radius:6px;box-shadow:0 30px 90px #000000a6,inset 0 0 0 1px #010a13e6,inset 0 0 0 2px #c8aa6e14;position:relative}.panel:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;border-radius:inherit;background:linear-gradient(var(--gold),var(--gold)) top left / 14px 2px no-repeat,linear-gradient(var(--gold),var(--gold)) top left / 2px 14px no-repeat,linear-gradient(var(--gold),var(--gold)) top right / 14px 2px no-repeat,linear-gradient(var(--gold),var(--gold)) top right / 2px 14px no-repeat,linear-gradient(var(--gold),var(--gold)) bottom left / 14px 2px no-repeat,linear-gradient(var(--gold),var(--gold)) bottom left / 2px 14px no-repeat,linear-gradient(var(--gold),var(--gold)) bottom right / 14px 2px no-repeat,linear-gradient(var(--gold),var(--gold)) bottom right / 2px 14px no-repeat}.btn{border-radius:4px;font-family:var(--font-d);letter-spacing:.08em;text-transform:uppercase;font-size:14px}.btn-primary{background:var(--hex-fill);color:var(--gold-hi);border:1px solid var(--gold);box-shadow:inset 0 0 0 1px #010a13e6,inset 0 -10px 24px #0ac8b92e,0 0 18px #0ac8b940;text-shadow:0 0 10px rgba(10,200,185,.5)}.btn-primary:hover{color:#fff;border-color:var(--gold-hi);box-shadow:inset 0 0 0 1px #010a13e6,inset 0 -14px 30px #0ac8b973,0 0 30px #0ac8b98c}.btn-ghost{background:#010a1399;border:1px solid var(--line2);color:var(--gold-hi)}.btn-ghost:hover{border-color:var(--gold);background:#c8aa6e14}.btn-sm{font-size:11px}.seg{border-radius:4px;border-color:var(--line2);background:#010a1399}.seg button{border-radius:3px;font-family:var(--font-d);letter-spacing:.06em}.seg button.on{background:linear-gradient(180deg,#0ac8b940,#0ac8b914);color:var(--gold-hi);box-shadow:inset 0 0 0 1px #0ac8b980}.field,.search{border-radius:4px;background:#010a13b3;border-color:var(--line2)}.search:focus,.field:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0ac8b926;outline:none}.wordmark{background:var(--grad);-webkit-background-clip:text;background-clip:text}.hero h1 em{background:linear-gradient(180deg,#f0e6d2,#c8aa6e 60%,#785a28);-webkit-background-clip:text;background-clip:text}.deck-tile{border-radius:6px;border-color:var(--line);background:var(--bg1)}.deck-tile:hover{border-color:var(--gold);box-shadow:0 18px 50px #0009,0 0 24px #c8aa6e2e}.deck-tile.sel{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal),0 18px 60px #0ac8b94d}.deck-tile .title{font-family:var(--font-d);letter-spacing:.02em;color:var(--gold-hi)}.pbar{border-radius:6px;background:linear-gradient(180deg,#0a1428d9,#010a13d9);border:1px solid var(--line)}.pbar.active{border-color:var(--teal);box-shadow:0 0 0 1px #0ac8b959,0 0 30px #0ac8b92e}.pbar.target{border-color:var(--gold-hi);box-shadow:0 0 0 2px var(--gold),0 0 30px #c8aa6e80}.pbar.hit{animation:pbarHit .55s cubic-bezier(.36,.07,.19,.97)}@keyframes pbarHit{0%{box-shadow:inset 0 0 0 999px rgba(232,64,87,calc(var(--hit,.5) * .45)),0 0 40px #e84057b3;transform:translate(0)}20%{transform:translate(-6px) rotate(-.4deg)}40%{transform:translate(5px) rotate(.3deg)}60%{transform:translate(-3px)}to{box-shadow:none;transform:none}}.avatar{border-radius:50%;padding:2px;background:conic-gradient(from 200deg,#f0e6d2,#c8aa6e,#785a28,#c89b3c,#f0e6d2);border:0;box-shadow:0 0 0 2px #010a13}.pbar.active .avatar{box-shadow:0 0 0 2px #010a13,0 0 16px #0ac8b9b3}.pname{font-family:var(--font-d);letter-spacing:.04em;color:var(--gold-hi)}.pstats{gap:8px;align-items:center;flex-wrap:wrap}.pile{border-radius:4px;border-color:var(--line);color:var(--mute)}.poison b{color:var(--green)}.cmddmg b{color:var(--red)}.life-orb{position:relative;width:58px;height:58px;flex:none;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#1c2a3f,#050b16 70%);box-shadow:0 0 0 2px #010a13,0 0 0 3px var(--gold),inset 0 0 14px #000000e6}.life-orb .fill{position:absolute;left:0;right:0;bottom:0;height:calc(var(--pct) * 100%);transition:height .8s cubic-bezier(.2,.8,.2,1);background:linear-gradient(180deg,#ff6e78d9,#a0142df2);box-shadow:0 -2px 8px #ff788299}.life-orb .fill:before{content:"";position:absolute;left:-50%;right:-50%;top:-5px;height:10px;border-radius:45%;background:#ffaaaa8c;animation:wave 3s linear infinite}@keyframes wave{to{transform:translate(25%)}}.life-orb b{position:relative;font-family:var(--font-d);font-weight:900;font-size:24px;color:#fff;text-shadow:0 2px 4px #000,0 0 10px rgba(0,0,0,.8)}.life-orb .delta{position:absolute;top:-2px;right:-10px;font-style:normal;font-weight:900;font-size:15px;font-family:var(--font-d);animation:deltaUp 1.3s ease-out forwards}.life-orb.hurt .delta{color:var(--red)}.life-orb.healed .delta{color:var(--green)}@keyframes deltaUp{0%{opacity:0;transform:translateY(6px) scale(.8)}15%{opacity:1;transform:translateY(0) scale(1.15)}to{opacity:0;transform:translateY(-18px)}}.life-orb.hurt{animation:orbHurt .6s cubic-bezier(.36,.07,.19,.97)}@keyframes orbHurt{0%{box-shadow:0 0 0 2px #010a13,0 0 0 3px var(--red),0 0 30px #e84057e6;transform:scale(1.12)}30%{transform:scale(.94) rotate(-4deg)}60%{transform:scale(1.03) rotate(2deg)}}.life-orb.healed{animation:orbHeal .8s ease-out}@keyframes orbHeal{0%{box-shadow:0 0 0 2px #010a13,0 0 0 3px var(--green),0 0 30px #2dd4a0e6}}.life-orb.low{animation:heartbeat 1.1s ease-in-out infinite}.life-orb.dying{animation-duration:.7s}@keyframes heartbeat{0%,40%,to{transform:scale(1)}10%{transform:scale(1.08)}20%{transform:scale(.98)}28%{transform:scale(1.05)}}.life-orb.low b{color:#ffd0d0}.mana-gems{display:flex;gap:4px;align-items:center;margin-top:5px;flex-wrap:wrap}.mana-gems .total{font-size:11px;color:var(--mute);margin-right:2px;letter-spacing:.04em}.mana-gems .total b{font-family:var(--font-d);font-size:15px;color:var(--teal);text-shadow:0 0 8px rgba(10,200,185,.6)}.mana-gems .gem{display:inline-flex;align-items:center;gap:2px;padding:1px 5px 1px 2px;border-radius:99px;font-size:11px;background:#010a13cc;border:1px solid var(--line)}.mana-gems .gem .mana{width:14px;height:14px}.mana-gems .gem.floating{border-color:var(--gold);box-shadow:0 0 10px #c8aa6e8c;animation:floatGlow 1.2s ease-in-out infinite}@keyframes floatGlow{50%{box-shadow:0 0 16px #f0e6d2cc}}.hurt-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:64;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(150,0,20,calc(var(--k,.5) * .55)) 75%,rgba(80,0,10,calc(var(--k,.5) * .9)) 100%)}.hurt-vignette.on{animation:vignette .9s ease-out}@keyframes vignette{0%{opacity:1;-webkit-backdrop-filter:saturate(.4) brightness(1.2);backdrop-filter:saturate(.4) brightness(1.2)}to{opacity:0}}.hurt-crack{position:fixed;top:0;right:0;bottom:0;left:0;z-index:64;pointer-events:none;animation:crack 1.6s ease-out forwards;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='rgba(255,220,220,.55)' stroke-width='.25'%3E%3Cpath d='M50 50 L38 30 L41 18 L30 0 M50 50 L66 36 L72 20 L88 8 M50 50 L70 58 L86 54 L100 62 M50 50 L44 70 L50 84 L42 100 M50 50 L28 56 L14 50 L0 58 M38 30 L26 32 M66 36 L74 42 M44 70 L34 74'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat}@keyframes crack{0%{opacity:0;transform:scale(1.05)}8%{opacity:1;transform:scale(1)}to{opacity:0}}body.critical:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:63;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(120,0,15,.35) 100%);animation:critical 1.1s ease-in-out infinite}@keyframes critical{0%,40%,to{opacity:.55}12%{opacity:1}28%{opacity:.85}}body.critical .board{filter:saturate(.75)}.phase{border-radius:3px;font-family:var(--font-d);letter-spacing:.05em}.phase.on{color:var(--gold-hi);background:linear-gradient(180deg,#0ac8b959,#0ac8b91a);box-shadow:inset 0 0 0 1px #0ac8b999,0 0 14px #0ac8b959}.turninfo b{color:var(--gold-hi)}.log li.turn{color:var(--gold)}.prompt b{color:var(--gold-hi)}.big-btn{border-radius:4px;color:var(--gold-hi);background:var(--hex-fill);border:2px solid var(--gold);box-shadow:inset 0 0 0 1px #010a13f2,inset 0 -16px 32px #0ac8b959,0 0 26px #0ac8b959;text-shadow:0 0 12px rgba(10,200,185,.7);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);letter-spacing:.14em}.big-btn:hover:not(:disabled){color:#fff;border-color:var(--gold-hi);box-shadow:inset 0 0 0 1px #010a13f2,inset 0 -20px 40px #0ac8b999,0 0 40px #0ac8b999}.big-btn.danger{background:linear-gradient(180deg,#4a1420,#1a050a);border-color:var(--red);box-shadow:inset 0 -16px 32px #e8405766;text-shadow:0 0 12px rgba(232,64,87,.8)}.big-btn.wait{background:#010a13d9;border-color:var(--line2);color:var(--mute);text-shadow:none;box-shadow:none}.iconbtn{border-radius:50%;border-color:var(--line2);color:var(--gold);background:#010a13cc}.iconbtn:hover{border-color:var(--gold);box-shadow:0 0 12px #c8aa6e59}.pcard.playable img.face,.hand .hcard.playable img{box-shadow:0 0 0 2px var(--teal),0 0 22px #0ac8b999}.pcard.attacking img.face{box-shadow:0 0 0 2px var(--red),0 0 30px #e84057bf}.pcard.blocking img.face{box-shadow:0 0 0 2px var(--teal),0 0 26px #0ac8b9b3}.pt{border-radius:4px;background:linear-gradient(180deg,#1e2d3a,#010a13);border-color:var(--gold);color:var(--gold-hi)}.banner{text-shadow:0 0 40px rgba(10,200,185,.7),0 4px 0 rgba(0,0,0,.6)}.banner .band{background:linear-gradient(90deg,transparent,rgba(1,10,19,.92) 18%,rgba(1,10,19,.92) 82%,transparent);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}.code,.endscreen h2{background:var(--grad);-webkit-background-clip:text;background-clip:text}.modal-wrap{background:#01050cb8}.dl-kicker{color:var(--gold);filter:none}.topbar{gap:18px}.tabs{display:flex;gap:4px;margin-right:auto;margin-left:26px}.tabs button{position:relative;padding:8px 14px;font-family:var(--font-d);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:var(--mute)}.tabs button:hover,.tabs button.on{color:var(--gold-hi)}.tabs button.on:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 10px #c8aa6ecc}.topright{display:flex;align-items:center;gap:12px}select.lang{background:#010a13cc;color:var(--gold-hi);border:1px solid var(--line2);border-radius:4px;padding:6px 8px;font-weight:700;font-size:12px}.profile-chip{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:99px;border:1px solid var(--line2);background:#010a13b3;text-align:left}.profile-chip:hover{border-color:var(--gold);box-shadow:0 0 16px #c8aa6e40}.profile-chip b{display:block;font-size:13px;color:var(--gold-hi)}.profile-chip small{display:block;font-size:11px;color:var(--mute)}.setup .chosen{cursor:pointer}.setup .chosen-title{font-family:var(--font-d);font-weight:700;color:var(--gold-hi)}.setup .chosen-sub{color:var(--mute);font-size:13px}.chosen-art.empty{display:grid;place-items:center;width:54px;aspect-ratio:5/7;border-radius:6px;border:1px dashed var(--line2);color:var(--gold);font-family:var(--font-d);font-size:22px}.setup .go{min-width:170px;justify-content:center}.check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mute);cursor:pointer}.check input{accent-color:var(--teal)}.toast{cursor:pointer}.lobby-tab,.replays-tab,.ranking,.empty-tab{max-width:1280px;margin:0 auto}.empty-tab{padding:40px;text-align:center;color:var(--mute)}.quick{display:flex;align-items:center;gap:20px;padding:20px 24px;margin-bottom:26px;flex-wrap:wrap}.quick h3{font-family:var(--font-d);margin:0 0 4px;font-size:22px;color:var(--gold-hi)}.quick .sub{margin:0;color:var(--mute)}.online{color:var(--mute);font-size:13px;display:inline-flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 10px #ff4d6d;animation:livePulse 1.4s ease-in-out infinite;flex:none}@keyframes livePulse{50%{opacity:.35}}.lb-h{font-family:var(--font-d);letter-spacing:.08em;color:var(--gold);font-size:15px;text-transform:uppercase;margin:22px 0 10px;display:flex;align-items:center;gap:12px}.lb-h:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line2),transparent)}.lobby-tab .sub{color:var(--mute);font-size:14px}.lb-row{display:flex;align-items:center;gap:14px;padding:10px 14px;margin-bottom:8px}.lb-code{font-family:var(--font-d);font-weight:900;letter-spacing:.14em;color:var(--gold-hi);min-width:90px}.lb-seats{display:flex;gap:8px;flex:1;flex-wrap:wrap}.lb-seat{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border-radius:99px;background:#010a1399;border:1px solid var(--line);font-size:12px}.lb-seat.lost{opacity:.45;filter:grayscale(.8)}.lb-seat b{color:#ff9aa8;font-family:var(--font-d)}.lb-art{width:28px;height:28px;border-radius:50%;background-size:260%;background-position:50% 16%;flex:none}.lb-count{color:var(--mute);font-size:13px}.rp-row{display:flex;align-items:center;gap:14px;padding:10px 14px;margin-bottom:8px;color:inherit;text-decoration:none;transition:border-color .2s}.rp-row:hover{border-color:var(--gold)}.rp-row.win{box-shadow:inset 3px 0 0 var(--teal)}.rp-row.loss{box-shadow:inset 3px 0 0 var(--red)}.rp-art{width:40px;aspect-ratio:5/7;border-radius:4px;flex:none}.rp-main{flex:1;min-width:0}.rp-main b{display:block;font-family:var(--font-d);color:var(--gold-hi)}.rp-main small{color:var(--mute)}.rp-xp{color:var(--teal);font-weight:800;font-size:13px}.ranking{padding:10px 18px}.ranking table{width:100%;border-collapse:collapse;font-size:14px}.ranking th{text-align:left;color:var(--mute);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:10px 8px;border-bottom:1px solid var(--line2)}.ranking td{padding:10px 8px;border-bottom:1px solid var(--line)}.ranking td small{display:block;color:var(--mute);font-size:11px}.ranking td.rk{font-family:var(--font-d);color:var(--gold);font-weight:900}.ranking tr.me td{background:#0ac8b912}.profile-panel{width:min(640px,94vw);position:relative}.pp-head{display:flex;gap:20px;align-items:center}.pp-head h3{font-family:var(--font-d);font-size:28px;margin:0;color:var(--gold-hi)}.pp-title{color:var(--gold);font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:4px 0 10px}.pp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 6px}.pp-stats div{text-align:center;padding:12px;border:1px solid var(--line);border-radius:4px;background:#010a1399}.pp-stats b{display:block;font-family:var(--font-d);font-size:24px;color:var(--gold-hi)}.pp-stats span{color:var(--mute);font-size:12px}.pp-h{font-family:var(--font-d);color:var(--gold);margin:18px 0 8px;letter-spacing:.06em}.pp-decks{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.pp-deck{display:flex;gap:8px;align-items:center;font-size:13px}.pp-deck small{display:block;color:var(--mute)}.pp-deck-art{width:34px;aspect-ratio:5/7;border-radius:3px;flex:none}.xp-row{display:flex;align-items:center;gap:10px}.xp-bar{flex:1;height:10px;border-radius:99px;background:#010a13e6;border:1px solid var(--line2);overflow:hidden}.xp-bar i{display:block;height:100%;background:linear-gradient(90deg,#0a8f86,#0ac8b9,#f0e6d2);box-shadow:0 0 12px #0ac8b9b3;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}.xp-num{font-size:12px;color:var(--mute)}.xp-gain{margin:18px auto 6px;max-width:380px;text-align:center}.xp-amount{font-family:var(--font-d);font-weight:900;font-size:34px;color:var(--teal);text-shadow:0 0 20px rgba(10,200,185,.7);animation:xpPop .7s cubic-bezier(.2,1.4,.4,1)}@keyframes xpPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.xp-up{font-family:var(--font-d);font-size:22px;color:var(--gold-hi);margin:4px 0 10px;animation:xpPop .9s .3s both}.xp-up span{color:var(--gold);font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin-left:8px}.xp-gain .lvl{font-family:var(--font-d);color:var(--gold-hi);font-weight:800}.xp-gain .sub{margin-top:8px}.replay-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:8px;padding:8px 14px;width:min(860px,92vw)}.replay-bar .tag{font-family:var(--font-d);color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.replay-bar input[type=range]{flex:1;accent-color:var(--teal)}.replay-bar .pos{font-size:12px;color:var(--mute);white-space:nowrap}.replay-bar .iconbtn{font-size:12px}.replay-bar .iconbtn.play{width:40px;height:40px;border-color:var(--gold);color:var(--gold-hi)}.replay-bar select{width:auto;padding:4px 6px}.replay-bar .warn{color:var(--gold);font-size:11px}.replay-bar.spectate{width:auto;gap:10px;color:var(--gold-hi);font-size:13px}.dl-tabs{display:flex;gap:2px;padding:0 30px;border-bottom:1px solid var(--line);flex:none}.dl-tabs button{padding:12px 16px;font-family:var(--font-d);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:var(--mute);position:relative}.dl-tabs button.on{color:var(--gold-hi)}.dl-tabs button.on:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--gold);box-shadow:0 0 10px #c8aa6ecc}.dl-tags select.lang{margin-left:auto}.guide{max-width:980px;padding-top:16px;line-height:1.6;color:#d9d2c0}.guide .g-lead{font-size:15.5px;margin:0 0 12px}.guide h4{font-family:var(--font-d);color:var(--gold);letter-spacing:.06em;margin:18px 0 8px;font-size:15px}.g-cols{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.g-cols.three{grid-template-columns:repeat(3,1fr)}.g-plan{margin:0;padding-left:20px}.g-plan li{margin-bottom:8px}.g-mech{padding:10px 12px;border:1px solid var(--line);border-left:2px solid var(--teal);border-radius:4px;background:#0ac8b90a;margin-bottom:8px}.g-mech b{color:var(--gold-hi);font-family:var(--font-d)}.g-mech p{margin:4px 0 0;font-size:14px}.g-list{list-style:none;margin:0;padding:0}.g-list li{position:relative;padding-left:20px;margin-bottom:6px;font-size:14px}.g-list li:before{position:absolute;left:0;top:0;font-weight:900}.g-list.plus li:before{content:"+";color:var(--teal)}.g-list.minus li:before{content:"−";color:var(--red)}.g-list.tip li:before{content:"◆";color:var(--gold);font-size:10px;top:4px}.keycards{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px;padding-top:16px}.kc{display:flex;gap:14px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#010a138c}.kc:hover{border-color:var(--line2)}.kc-card{width:118px;aspect-ratio:5/7;border-radius:6px;overflow:hidden;flex:none;box-shadow:0 8px 20px #00000080;transition:transform .2s}.kc-card:hover{transform:scale(1.04) rotate(-1deg)}.kc-text h4{font-family:var(--font-d);color:var(--gold-hi);margin:6px 0;font-size:16px}.kc-text p{margin:0;font-size:14px;line-height:1.5;color:#d9d2c0}.kc-role{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:2px 8px;border-radius:3px;border:1px solid var(--line2);color:var(--gold)}.kc-role.r-commander{color:var(--gold-hi);border-color:var(--gold);background:#c8aa6e1f}.kc-role.r-engine,.kc-role.r-synergy,.kc-role.r-draw{color:var(--teal);border-color:#0ac8b980}.kc-role.r-wincon,.kc-role.r-finisher,.kc-role.r-combat{color:#ff9aa8;border-color:#e8405780}.kc-role.r-removal,.kc-role.r-sweeper{color:#ffb36b;border-color:#ffa05073}.focus-close{top:18px;right:18px;z-index:7}@media (max-width: 760px){.tabs{margin-left:0;order:3;width:100%;overflow-x:auto}.topbar{flex-wrap:wrap}.g-cols,.g-cols.three{grid-template-columns:1fr;gap:0}.keycards{grid-template-columns:1fr}.kc-card{width:90px}.dl-tabs{padding:0 12px;overflow-x:auto}.pp-stats{grid-template-columns:repeat(2,1fr)}.lb-row{flex-wrap:wrap}}.dock.guided{border-color:var(--gold)}.dock-head{display:flex;gap:14px}.dock-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:800}.guided-ops{display:flex;flex-wrap:wrap;gap:8px}.gop{display:inline-flex;align-items:center;gap:6px}.gop.used .btn{opacity:.45;text-decoration:line-through}.gop .uses{font-size:11px;color:var(--teal);font-weight:800}.gop .num-input{width:54px}.gy-pick{margin-top:10px}.gy-pick .cardrow .opt{width:92px}.opp-col{position:relative;border-radius:8px;transition:box-shadow .2s,background .2s}.opp-col.attack-pick{cursor:crosshair}.opp-col.attack-pick:hover{background:#e840570f;box-shadow:inset 0 0 0 1px #e8405773}.opp-col.defending{background:#e8405714;box-shadow:inset 0 0 0 2px #e84057b3,0 0 30px #e8405740}.opp-col.attack-pick:after{content:attr(data-label);position:absolute;left:50%;bottom:6px;transform:translate(-50%);font-family:var(--font-d);font-size:12px;letter-spacing:.1em;padding:3px 10px;border-radius:3px;background:#010a13d9;color:#ff9aa8;border:1px solid rgba(232,64,87,.5);pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.opp-col.attack-pick:hover:after,.opp-col.defending:after{opacity:1}.log li .times{margin-left:6px;color:var(--teal);font-size:11px}.log li.manual{color:var(--gold)}.modal.mull{width:min(1180px,96vw);display:flex;flex-direction:column;max-height:94vh}.mull-row{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:start;min-height:0}.mull-card{aspect-ratio:5/7;border-radius:8px;overflow:hidden;box-shadow:0 12px 30px #0009;transition:transform .2s}.mull-card:hover{transform:translateY(-8px) scale(1.06);z-index:2}.mull-card img,.mull-card>div{width:100%;height:100%;display:block}.mull-actions{position:sticky;bottom:0;align-items:center}.mull-stats{margin-right:auto;color:var(--mute)}.mull-stats b{color:var(--gold-hi)}.mull-stats em{color:var(--red);font-style:normal}@media (max-width: 760px){.mull-row{grid-template-columns:repeat(4,1fr)}}.mode-opts{display:grid;gap:8px}.mode-opt{text-align:left;padding:12px 14px;border:1px solid var(--line2);border-radius:4px;background:#010a13b3;display:grid;gap:4px}.mode-opt b{font-family:var(--font-d);color:var(--gold-hi);letter-spacing:.05em}.mode-opt span{font-size:13px;color:#d9d2c0;line-height:1.45}.mode-opt:hover:not(:disabled){border-color:var(--teal);box-shadow:0 0 16px #0ac8b94d}.mode-opt:disabled{opacity:.4;cursor:not-allowed}@font-face{font-family:belerenb;src:url(/fonts/beleren-b.ttf) format("truetype");font-display:swap}@font-face{font-family:belerenbsc;src:url(/fonts/beleren-bsc.ttf) format("truetype");font-display:swap}@font-face{font-family:mplantin;src:url(/fonts/mplantin.ttf) format("truetype");font-display:swap}.btoken{container-type:inline-size;position:relative;width:100%;aspect-ratio:5/7;overflow:hidden;border-radius:4.5%;background:#000;color:#000;box-shadow:0 6px 18px #0000008c}.pcard .btoken{height:100%}.bt-art{position:absolute;overflow:hidden}.bt-frame,.bt-ptbox{position:absolute;pointer-events:none}.bt-frame{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bt-ptbox{left:75.73%;top:88.48%;width:18.8%;height:7.33%}.bt-title{position:absolute;left:8.54%;top:5.22%;width:82.92%;height:5.43%;display:flex;align-items:center;font-family:belerenbsc,var(--font-d);font-size:5.33cqw;white-space:nowrap;overflow:hidden}.bt-title.light{color:#fff;text-shadow:.2cqw .14cqw 0 #000}.bt-type{position:absolute;left:8.54%;top:67.81%;width:75.6%;height:5.43%;display:flex;align-items:center;font-family:belerenb,var(--font-d);font-size:4.54cqw;white-space:nowrap;overflow:hidden}.bt-rules{position:absolute;left:8.6%;top:74.24%;width:82.8%;height:17.68%;font-family:mplantin,Georgia,serif;font-size:4.6cqw;line-height:1.12;overflow:hidden}.bt-pt{position:absolute;left:79.28%;top:90.2%;width:13.67%;height:3.72%;display:flex;align-items:center;justify-content:center;font-family:belerenbsc,var(--font-d);font-size:5.2cqw}