.board{background:radial-gradient(120% 55% at 50% 0%, #241a1e 0%, transparent 62%), radial-gradient(120% 55% at 50% 100%, #16202e 0%, transparent 62%), var(--bg);flex-direction:column;gap:6px;height:100%;padding:8px;display:flex;overflow-y:auto}.board>*{width:100%;max-width:620px;margin-inline:auto}.board.dragging{touch-action:none;-webkit-user-select:none;user-select:none}.side{border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:6px;padding:6px;display:flex}.side.foe{background:linear-gradient(#ff5a5a0f,#0000)}.side.mine{background:linear-gradient(#0000,#5aaaff12)}.strip{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;width:100%;padding:4px 10px;font-size:12px;display:flex}.strip.turn{border-color:var(--accent);box-shadow:0 0 12px #ffd70024}.strip .who{font-size:13px;font-weight:700}.strip .bank{font-variant-numeric:tabular-nums;margin-left:auto}.merit{align-items:center;gap:4px;display:flex}.merit b{background:#2a3040;border:1px solid #3a4050;border-radius:50%;width:9px;height:9px}.merit b.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--accent)}.backs{display:flex}.back{color:#ffd70080;background:linear-gradient(160deg,#2b1016,#16080c);border:1px solid #ffd70059;border-radius:4px;flex:none;place-items:center;width:26px;height:36px;margin-left:-12px;font-size:11px;display:grid;box-shadow:0 2px 6px #00000080}.back:first-child{margin-left:0}.foe-hand .back{transform:rotate(180deg)}.reserve-row{justify-content:center;gap:6px;width:100%;display:flex}.ring{justify-content:center;width:100%;padding:2px 0;display:flex}.tapzone{display:contents}.slot{border:1px dashed #2f3849;border-radius:10px;flex:1;place-items:center;min-width:0;max-width:176px;height:108px;display:grid}.slot span{color:#4d5872;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.ring .slot{max-width:176px}.slot.lit{border-color:var(--accent);background:#ffd70012;border-style:solid;animation:1.1s ease-in-out infinite pulse}.slot.lit span{color:var(--accent)}@keyframes pulse{50%{background:#ffd70026}}.beast{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--rc);cursor:grab;touch-action:none;border-radius:10px;flex-direction:column;flex:1;gap:4px;min-width:0;max-width:176px;padding:7px 8px;display:flex}.beast:active{cursor:grabbing}.beast.dim{opacity:.5}.beast.droptarget{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset, 0 0 18px #ffd7004d}.beast-hd{align-items:center;gap:5px;display:flex}.beast-el{color:#0d1016;background:var(--ec);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.beast-name{flex:1;min-width:0;font-size:11.5px;font-weight:700;line-height:1.15}.beast-hp{font-variant-numeric:tabular-nums;flex:none;font-size:11px}.beast-hp b{color:var(--dim);font-weight:400}.hpbar{background:#2a3040;border-radius:2px;height:4px;overflow:hidden}.hpbar i{background:var(--you);height:100%;transition:width .3s;display:block}.beast-moves{flex-direction:column;gap:2px;display:flex}.bm,.hc-move{align-items:center;gap:4px;font-size:9.5px;display:flex}.bm-cost{flex:none;gap:1px;display:flex}.bm-cost b{border-radius:50%;width:7px;height:7px}.bm-nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bm-dmg{font-variant-numeric:tabular-nums;flex:none;font-weight:800}.beast-foot{align-items:center;gap:5px;min-height:11px;display:flex}.beast-qi{flex-wrap:wrap;flex:1;gap:3px;display:flex}.qidot{border-radius:50%;flex:none;width:11px;height:11px;box-shadow:inset 0 -2px 3px #00000059}.stack{color:var(--dim);flex:none;font-size:8.5px}.afflicts{flex-wrap:wrap;gap:3px;display:flex}.aff{color:var(--danger);background:#2a1a1a;border:1px solid #4a2020;border-radius:3px;padding:1px 4px;font-size:8.5px;font-weight:600}.aff.a-Slumbering,.aff.a-MeridianLocked,.aff.a-Bewildered{color:#9aa8ff;background:#1a1a2e;border-color:#2f3560}.beast-hint{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:8.5px;font-weight:700}.turnbar{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex:none;justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;display:flex}.turnbar .you{color:var(--you);letter-spacing:.05em;font-weight:700}.turnbar .low{color:var(--danger);font-weight:700}.tray{border-top:1px solid var(--line);flex-direction:column;flex:none;gap:6px;padding-top:7px;display:flex}.tray-top{align-items:center;gap:12px;display:flex}.pile{flex:none;position:relative}.pile .deck .back{margin-left:-22px}.pile .deck .back:first-child{margin-left:0}.flycard{pointer-events:none;width:26px;height:36px;animation:fly .6s cubic-bezier(.3,.7,.3,1) var(--d,0s) backwards;background:linear-gradient(160deg,#2b1016,#16080c);border:1px solid #ffd70099;border-radius:4px;position:absolute;top:0;left:0}@keyframes fly{0%{opacity:0;transform:translate(0)scale(1)}15%{opacity:1}to{opacity:0;transform:translate(40px,90px)scale(1.25)rotate(8deg)}}.qizone{background:var(--panel);border:1px solid var(--line);border-radius:40px;align-items:center;gap:7px;padding:5px 14px 5px 6px;display:flex;position:relative}.qizone.ready{border-color:var(--accent);box-shadow:0 0 16px #ffd70038}.qi-orb{color:#0d1016;touch-action:none;background:#2a3040;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:grid;box-shadow:inset 0 -4px 8px #00000059}.qizone.ready .qi-orb{cursor:grab}.qizone.ready .qi-orb:active{cursor:grabbing}.qi-next{color:#0d1016;border:2px solid var(--panel);background:#232a38;border-radius:50%;flex:none;align-self:flex-end;place-items:center;width:18px;height:18px;margin-left:-15px;font-size:9px;display:grid}.qi-label{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px}.qizone.ready .qi-label{color:var(--accent);font-weight:700}.hand{scrollbar-width:thin;flex:none;gap:6px;padding:4px 2px 6px;display:flex;overflow-x:auto}.empty-hand{color:var(--dim);padding:8px;font-size:12px;font-style:italic}.handcard{text-align:left;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--rc);cursor:grab;touch-action:none;border-radius:9px;flex-direction:column;flex:none;gap:4px;width:154px;padding:7px 8px;transition:transform .12s;display:flex}.handcard:hover:not(:disabled){border-color:var(--accent);border-top-color:var(--rc);transform:translateY(-3px)}.handcard.held{opacity:.35}.handcard:disabled{opacity:.38;cursor:default}.hc-top{align-items:center;gap:5px;display:flex}.hc-top b{background:var(--ec);color:#0d1016;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.hc-top i{color:var(--dim);font-variant-numeric:tabular-nums;flex:none;font-size:10px;font-style:normal}.hc-name{flex:1;min-width:0;font-size:11px;font-weight:700;line-height:1.15}.hc-kind{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;font-size:8.5px}.hc-text{color:#97a0b4;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:9px;line-height:1.35;display:-webkit-box;overflow:hidden}.handcard.pick-active{border-color:var(--accent)}.handcard.pick-res{border-color:var(--you)}.handcard.pick-active .hc-kind{color:var(--accent);font-weight:700}.handcard.pick-res .hc-kind{color:var(--you);font-weight:700}.handcard.dao{border-top-color:#a08a5e}.spectate-tray{align-items:center;display:flex}.ghost{z-index:90;pointer-events:none;position:fixed;transform:translate(-50%,-50%)scale(1.05)}.ghost-card{background:var(--panel);border:2px solid var(--accent);white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:11.5px;font-weight:700;display:block;box-shadow:0 10px 28px #0009}.ghost-orb{color:#0d1016;border-radius:50%;place-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:grid;box-shadow:0 0 22px #ffd70080,0 8px 20px #0009}.actions{flex-wrap:wrap;flex:none;align-items:center;gap:6px;display:flex}.actions.urgent{border:1px solid var(--accent);background:#2a2410;border-radius:8px;padding:8px}.actions button{padding:7px 11px;font-size:12.5px}.hintline{color:var(--dim);font-size:11.5px}.techniques{flex-direction:column;flex:none;gap:5px;display:flex}.tech{text-align:left;background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:8px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.tech:hover:not(:disabled){border-color:var(--danger)}.tech.cant{opacity:.45;cursor:default}.tech-hd{align-items:center;gap:7px;display:flex}.cost{flex:none;gap:2px;display:flex}.cost b{border-radius:50%;width:11px;height:11px;box-shadow:inset 0 -2px 3px #00000059}.tech-nm{flex:1;min-width:0;font-size:13px;font-weight:600}.dmg{font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.tech-fx{color:var(--dim);font-size:10.5px;line-height:1.4}.concede{border-color:var(--danger);color:var(--danger)}.log{background:var(--panel);border:1px solid var(--line);color:var(--dim);border-radius:8px;flex:none;max-height:76px;padding:6px 10px;font-size:11px;overflow-y:auto}.inspector{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060ac7;place-items:center;padding:16px;animation:.16s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.inspector-inner{flex-direction:column;align-items:center;gap:10px;max-height:100%;display:flex;overflow-y:auto}.inspector-acts{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.inspector .close{padding:8px 22px}.cardfull{background:radial-gradient(90% 45% at 50% 0%, color-mix(in srgb, var(--ec) 22%, transparent), transparent 70%), linear-gradient(170deg, #1c2130, #0e111a);border:2px solid var(--rc);width:min(320px,88vw);box-shadow:0 20px 60px #000000b3, 0 0 30px color-mix(in srgb, var(--rc) 35%, transparent);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.cf-top{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;font-size:10px;display:flex}.cf-kind{color:var(--rc);font-weight:700}.cf-merit{border:1px solid var(--accent);color:var(--accent);border-radius:3px;padding:1px 5px;font-size:9px}.cf-hp{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto;font-size:16px;font-weight:700}.cf-hp b{color:var(--dim);font-size:12px;font-weight:400}.cf-hp i{opacity:.6;font-size:9px;font-style:normal}.cf-art{place-items:center;display:grid}.cf-art span{color:#0d1016;background:radial-gradient(circle at 35% 30%, #fff8, transparent 55%), var(--ec);width:74px;height:74px;box-shadow:0 0 26px color-mix(in srgb, var(--ec) 55%, transparent);border-radius:50%;place-items:center;font-size:34px;font-weight:700;display:grid}.cf-name{text-align:center;text-wrap:balance;margin:0;font-size:16px}.cf-realm{color:#97a0b4;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.cf-realm.needs{color:var(--accent)}.cf-pips{gap:3px;display:flex}.cf-pips b{background:#ffffff29;border-radius:50%;width:6px;height:6px}.cf-pips b.on{background:var(--rc)}.cf-state{justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.cf-qi{align-items:center;gap:3px;display:flex}.cf-qi b{border-radius:50%;width:12px;height:12px}.cf-qi em{color:var(--dim);font-style:normal}.cf-aff{color:var(--danger)}.cf-body{border-top:1px solid #ffffff1f;flex-direction:column;gap:7px;padding-top:8px;display:flex}.cf-move{flex-direction:column;gap:2px;display:flex}.cf-move-hd{align-items:center;gap:6px;display:flex}.cf-cost{flex:none;gap:2px;display:flex}.cf-cost b{border-radius:50%;width:12px;height:12px}.cf-move-nm{flex:1;font-size:12.5px;font-weight:700}.cf-dmg{font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.cf-tag{letter-spacing:.1em;color:var(--accent);border:1px solid;border-radius:3px;padding:0 4px;font-size:8px}.cf-skill .cf-move-nm{color:var(--accent)}.cf-text{color:#b6bfd0;margin:0;font-size:11px;line-height:1.45}.cf-foot{color:var(--dim);border-top:1px solid #ffffff1f;flex-wrap:wrap;gap:8px;padding-top:7px;font-size:9.5px;display:flex}.cf-vuln{align-items:center;gap:4px;display:flex}.cf-vuln b{border-radius:50%;width:9px;height:9px}.setup{text-align:center;flex-direction:column;align-items:center;gap:12px;height:100%;padding:16px;display:flex;overflow-y:auto}.setup h2{margin:0}.setup .dim{color:var(--dim);max-width:44ch;margin:0;font-size:13px}.setup .hand{flex-wrap:wrap;justify-content:center;overflow:visible}.confirm{padding:11px 26px}.ended{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:20px;display:flex}.ended h1{margin:0;font-size:34px}.ended h1.win{color:var(--you);text-shadow:0 0 26px #4cd96466}.ended h1.lose{color:var(--danger)}.ended .reason{color:var(--dim);margin:0}.postmatch{flex-direction:column;align-items:center;gap:6px;display:flex}.postmatch .ok{color:var(--you);margin:0;font-size:13px}.postmatch .err{color:var(--danger);margin:0;font-size:12px}.ended .log{text-align:left;width:min(460px,92vw)}.spectating{background:var(--panel);border-bottom:1px solid var(--accent);color:var(--accent);flex:none;justify-content:center;align-items:center;gap:12px;padding:7px 12px;font-size:12.5px;display:flex}.spectating button{padding:4px 12px;font-size:12px}@media (prefers-reduced-motion:reduce){.flycard{display:none}.handcard{transition:none}.slot.lit{animation:none}}.po{z-index:50;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--text,#e6e9f0);background:radial-gradient(120% 90% at 50% 35%,#1b2131 0%,#0b0e15 58%,#05070b 100%);place-items:center;font:14px/1.4 system-ui,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.po:before{content:"";pointer-events:none;background:conic-gradient(#0000 0deg,#ffd7000b 40deg,#0000 90deg,#5ac8ff0d 160deg,#0000 220deg,#ffd70009 300deg,#0000 360deg);width:160vmax;height:160vmax;animation:44s linear infinite po-spin;position:absolute}@keyframes po-spin{to{transform:rotate(360deg)}}.po.heavenly{background:radial-gradient(120% 90% at 50% 35%,#2a2210 0%,#120e06 58%,#070502 100%)}.po.heavenly:before{animation-duration:20s}.po-stage{place-items:center;width:100%;height:100%;padding:16px;display:grid;position:relative}.po-sealwrap{cursor:pointer;place-items:center;animation:3.6s ease-in-out infinite po-float;display:grid;position:relative}@keyframes po-float{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}.po-ring{pointer-events:none;border:1px dashed #ffd70059;border-radius:50%;width:300px;height:300px;animation:18s linear infinite po-spin;position:absolute}.po-ring:after{content:"";background:conic-gradient(#0000,#ffd7001a,#0000 40%);border:1px solid #ffd7001f;border-radius:50%;position:absolute;inset:18px}.po-ring.r2{border-style:dotted;width:240px;height:240px;animation-duration:12s;animation-direction:reverse}.po-talisman{aspect-ratio:5/7;background:linear-gradient(165deg,#3a1218 0%,#240b10 45%,#17070b 100%);border:1px solid #ffd7008c;border-radius:10px;place-items:center;width:min(52vw,190px);animation:2.6s ease-in-out infinite po-pulse;display:grid;position:relative;box-shadow:0 0 0 1px #0009,0 18px 50px #000000a6,0 0 46px #ffb43c47,inset 0 0 34px #ff8c3c1a}@keyframes po-pulse{0%,to{box-shadow:0 0 0 1px #0009,0 18px 50px #000000a6,0 0 40px #ffb43c38,inset 0 0 34px #ff8c3c1a}50%{box-shadow:0 0 0 1px #0009,0 18px 50px #000000a6,0 0 72px #ffc85a73,inset 0 0 40px #ffa0462e}}.po-talisman:before,.po-talisman:after{content:"";border:2px solid #ffd70099;width:24px;height:24px;position:absolute}.po-talisman:before{border-bottom:0;border-right:0;border-radius:4px 0 0;top:8px;left:8px}.po-talisman:after{border-top:0;border-left:0;border-radius:0 0 4px;bottom:8px;right:8px}.po-glyphcol{color:#ffd70080;letter-spacing:2px;flex-direction:column;gap:6px;font-size:15px;display:flex;position:absolute;top:14px}.po-jade{color:#12351f;background:linear-gradient(145deg,#7fe0a6,#2f8f5e 60%,#1c6b45);border-radius:8px;place-items:center;width:62px;height:62px;font-size:26px;font-weight:700;display:grid;box-shadow:0 0 22px #50e69680,inset 0 2px 6px #ffffff59}.po.heavenly .po-jade{color:#3a2a00;background:linear-gradient(145deg,#ffe9a3,#f0b429 60%,#c98a10);box-shadow:0 0 30px #ffc850b3,inset 0 2px 6px #ffffff80}.po-hint{color:#8b93a7;white-space:nowrap;font-size:13px;animation:2s ease-in-out infinite po-blink;position:absolute;bottom:-46px}@keyframes po-blink{0%,to{opacity:.45}50%{opacity:1}}.po-packname{color:var(--accent,gold);letter-spacing:.06em;white-space:nowrap;font-weight:600;position:absolute;top:-40px}.po-sealwrap.breaking{animation:.55s ease-in forwards po-break}@keyframes po-break{0%{transform:scale(1)rotate(0)}35%{transform:scale(1.16)rotate(-2deg)}60%{transform:scale(1.06)rotate(2deg)}to{opacity:0;transform:scale(2.1)rotate(0)}}.po-shock{pointer-events:none;border:3px solid #ffd700d9;border-radius:50%;width:120px;height:120px;animation:.85s cubic-bezier(.15,.7,.3,1) forwards po-shockwave;position:absolute}@keyframes po-shockwave{0%{opacity:1;border-width:6px;transform:scale(.3)}to{opacity:0;border-width:1px;transform:scale(11)}}.po-flash{pointer-events:none;background:radial-gradient(circle,#fff5d2f2,#ffc85a59 30%,#0000 62%);animation:.7s ease-out forwards po-flashout;position:absolute;inset:0}@keyframes po-flashout{0%{opacity:1}to{opacity:0}}.po-cardslot{place-items:center;display:grid;position:relative}.po-card{aspect-ratio:5/7;perspective:1200px;cursor:pointer;width:min(74vw,252px);position:relative}.po-inner{transform-style:preserve-3d;transition:transform .78s cubic-bezier(.2,.85,.25,1);position:absolute;inset:0}.po-card.flipped .po-inner{transform:rotateY(180deg)}.po-back,.po-face{backface-visibility:hidden;border-radius:12px;position:absolute;inset:0;overflow:hidden}.po-face{transform:rotateY(180deg)}.po-back{background:linear-gradient(160deg,#2b1016 0%,#1b0a0f 50%,#120609 100%);border:1px solid #ffd70073;place-items:center;display:grid;box-shadow:0 14px 40px #0009,inset 0 0 30px #ff8c3c14}.po-back-seal{color:#ffd700bf;border:2px solid #ffd7008c;border-radius:50%;place-items:center;width:56px;height:56px;font-size:24px;display:grid;box-shadow:0 0 20px #ffb43c4d,inset 0 0 16px #ffb43c26}.po-back:after{content:"";border:1px dashed #ffd70033;border-radius:8px;position:absolute;inset:10px}.po-face{background:radial-gradient(90% 60% at 50% 0%, color-mix(in srgb, var(--ec,#888) 26%, transparent), transparent 70%), linear-gradient(170deg, #1c2130 0%, #141824 55%, #0e111a 100%);border:2px solid var(--rc,#b8c4cc);box-shadow:0 14px 40px #0009, 0 0 26px color-mix(in srgb, var(--rc,#b8c4cc) 45%, transparent), inset 0 0 30px #00000073;text-align:center;flex-direction:column;gap:6px;padding:9px 10px;display:flex}.po-face-top{letter-spacing:.05em;align-items:center;gap:6px;min-height:16px;font-size:10px;font-weight:700;display:flex}.po-kind{color:var(--rc,#b8c4cc);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.po-hp{color:#e6e9f0;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.po-hp i{opacity:.6;font-size:9px;font-style:normal}.po-new{background:var(--you,#4cd964);color:#08130b;letter-spacing:.08em;border-radius:3px;flex:none;padding:2px 5px;font-size:8.5px;font-weight:800}.po-merit{color:var(--gold,gold);opacity:.95;border:1px solid;border-radius:3px;flex:none;padding:2px 5px;font-size:8.5px}.po-orb{color:#0d1016;background:radial-gradient(circle at 35% 30%, #fff8, transparent 55%), var(--ec,#888);width:62px;height:62px;box-shadow:0 0 24px color-mix(in srgb, var(--ec,#888) 55%, transparent), inset 0 -6px 14px #00000059;border-radius:50%;flex:none;place-items:center;margin:2px auto 0;font-size:26px;font-weight:700;display:grid}.po-card.dao .po-orb{border-radius:8px}.po-name{text-wrap:balance;flex:none;font-size:12.5px;font-weight:700;line-height:1.2}.po-realm{color:#97a0b4;flex:none;justify-content:center;align-items:center;gap:5px;font-size:8.5px;display:flex}.po-pips{flex:none;gap:2px;display:flex}.po-pips b{background:#ffffff29;border-radius:50%;width:5px;height:5px}.po-pips b.on{background:var(--rc,#b8c4cc)}.po-realmtxt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.po-realm.needs .po-realmtxt{color:var(--gold,gold)}.po-body{text-align:left;flex-direction:column;flex:1;justify-content:center;gap:5px;min-height:0;display:flex}.po-move{border-top:1px solid #ffffff1a;padding-top:5px}.po-move-hd{align-items:center;gap:5px;display:flex}.po-cost{flex:none;gap:2px;display:flex}.po-cost b{background:var(--qc,#888);border-radius:50%;width:9px;height:9px;box-shadow:inset 0 -2px 3px #00000059}.po-move-nm{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.15;overflow:hidden}.po-dmg{font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:13px;font-weight:800}.po-fx{color:#97a0b4;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:8.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.po-skill .po-move-nm{color:var(--gold,gold)}.po-skill-tag{letter-spacing:.1em;color:var(--gold,gold);border:1px solid;border-radius:3px;flex:none;padding:0 3px;font-size:7.5px}.po-daotext{color:#c3cad8;-webkit-line-clamp:6;line-clamp:6;border-top:1px solid #ffffff1a;-webkit-box-orient:vertical;padding-top:6px;font-size:9.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.po-face-bot{color:#8b93a7;border-top:1px solid #ffffff1f;flex:none;align-items:center;gap:7px;padding-top:5px;font-size:9px;display:flex}.po-vuln{align-items:center;gap:3px;display:flex}.po-vuln b{background:var(--vc,#555);border-radius:50%;width:8px;height:8px}.po-tier{color:var(--rc,#b8c4cc);white-space:nowrap;margin-left:auto;font-weight:700}.po-card.flipped.fx-shine .po-face:after,.po-card.flipped.fx-sparkle .po-face:after,.po-card.flipped.fx-rainbow .po-face:after{content:"";background:linear-gradient(115deg,#0000 32%,#ffffff8c 50%,#0000 68%);animation:1.1s ease-out .35s forwards po-sweep;position:absolute;inset:0;transform:translate(-130%)}@keyframes po-sweep{to{transform:translate(130%)}}.po-card.flipped.fx-sparkle .po-face,.po-card.flipped.fx-rainbow .po-face{animation:1.6s ease-out .3s 2 po-halo}@keyframes po-halo{0%,to{box-shadow:0 14px 40px #0009, 0 0 26px color-mix(in srgb, var(--rc) 45%, transparent), inset 0 0 30px #00000073}50%{box-shadow:0 14px 40px #0009, 0 0 60px color-mix(in srgb, var(--rc) 95%, transparent), 0 0 110px color-mix(in srgb, var(--rc) 55%, transparent), inset 0 0 30px #00000073}}@property --po-ang{syntax:"<angle>";inherits:false;initial-value:0deg}.po-card.flipped.fx-rainbow .po-face{background:linear-gradient(170deg, #1c2130 0%, #141824 55%, #0e111a 100%) padding-box, conic-gradient(from var(--po-ang), #ff004c, #ffb300, #4cff6a, #00e5ff, #7b5cff, #ff00d4, #ff004c) border-box;border-color:#0000;animation:1.6s ease-out .3s 2 po-halo,3.5s linear infinite po-prism}@keyframes po-prism{to{--po-ang:360deg}}.po-particles{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.po-particles i{background:var(--rc,#fff);width:7px;height:7px;box-shadow:0 0 12px var(--rc,#fff);transform:rotate(calc(var(--i) * 24deg)) translateY(0) scale(0);border-radius:50%;animation:1.15s cubic-bezier(.15,.75,.3,1) .34s forwards po-burst;position:absolute}@keyframes po-burst{0%{transform:rotate(calc(var(--i) * 24deg)) translateY(0) scale(0);opacity:0}22%{opacity:1}to{transform:rotate(calc(var(--i) * 24deg)) translateY(calc(-90px - var(--i) * 5px)) scale(1);opacity:0}}.po-godray{pointer-events:none;background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--rc) 30%, transparent) 6deg, transparent 12deg, transparent 30deg, color-mix(in srgb, var(--rc) 24%, transparent) 36deg, transparent 42deg, transparent 60deg, color-mix(in srgb, var(--rc) 30%, transparent) 66deg, transparent 72deg);animation:2.2s ease-out forwards po-rays,9s linear infinite po-spin;position:absolute;inset:0}@keyframes po-rays{0%{opacity:0}18%{opacity:.95}to{opacity:0}}.po-dots{gap:7px;display:flex;position:absolute;top:18px}.po-dots b{background:#2a3040;border-radius:50%;width:7px;height:7px;transition:background .25s,transform .25s}.po-dots b.on{background:var(--accent,gold);transform:scale(1.35)}.po-strip{flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;padding:0 12px;display:flex;position:absolute;bottom:18px}.po-thumb{aspect-ratio:5/7;border:1.5px solid var(--rc,#444);width:42px;color:var(--rc,#888);box-shadow:0 0 10px color-mix(in srgb, var(--rc,#444) 40%, transparent);background:linear-gradient(165deg,#1c2130,#0e111a);border-radius:5px;place-items:center;font-size:9px;animation:.35s ease-out backwards po-thumbin;display:grid}@keyframes po-thumbin{0%{opacity:0;transform:translateY(14px)scale(.8)}}.po-skip{color:#8b93a7;cursor:pointer;background:#1a1f2bbf;border:1px solid #2a3040;border-radius:6px;padding:6px 12px;font-size:12px;position:absolute;top:14px;right:14px}.po-skip:hover{border-color:var(--accent,gold);color:#e6e9f0}.po-summary{flex-direction:column;align-items:center;gap:18px;padding:12px;animation:.45s ease-out po-fadein;display:flex}@keyframes po-fadein{0%{opacity:0;transform:translateY(10px)}}.po-sumtitle{letter-spacing:.04em;font-size:19px;font-weight:700}.po-sumtitle.gold{color:var(--accent,gold);text-shadow:0 0 24px #ffd7008c}.po-sumgrid{flex-wrap:wrap;justify-content:center;gap:10px;max-width:min(96vw,640px);display:flex}.po-sumcard{aspect-ratio:5/7;border:1.5px solid var(--rc,#b8c4cc);background:radial-gradient(90% 60% at 50% 0%, color-mix(in srgb, var(--ec,#888) 24%, transparent), transparent 70%), linear-gradient(170deg, #1c2130, #0e111a);width:96px;box-shadow:0 0 16px color-mix(in srgb, var(--rc,#b8c4cc) 40%, transparent);text-align:center;border-radius:8px;flex-direction:column;padding:7px;font-size:10px;animation:.4s ease-out backwards po-thumbin;display:flex}.po-sumcard .n{margin-top:auto;font-weight:600;line-height:1.2}.po-sumcard .r{color:var(--rc);font-size:9px;font-weight:700}.po-continue{background:var(--accent,gold);color:#12151c;cursor:pointer;letter-spacing:.04em;border:0;border-radius:8px;padding:11px 30px;font-weight:700}.po-continue:hover{filter:brightness(1.08)}@media (prefers-reduced-motion:reduce){.po *,.po:before{animation-duration:.01ms!important;animation-iteration-count:1!important}.po-inner{transition-duration:.01ms!important}}.db{background:var(--bg);height:100%;color:var(--text);flex-direction:column;display:flex}.db-top{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.db-back{flex:none}.db-name{flex:1;min-width:80px;font-weight:600}.db-count{font-variant-numeric:tabular-nums;color:var(--danger);background:var(--panel);border:1px solid var(--line);border-radius:6px;flex:none;padding:4px 8px;font-weight:700}.db-count.ok{color:var(--you);border-color:var(--you)}.db-primary{background:var(--accent);color:#12151c;border-color:var(--accent);font-weight:700}.db-primary:disabled{opacity:.35}.db-qi,.db-decks{border-bottom:1px solid var(--line);scrollbar-width:thin;flex:none;align-items:center;gap:6px;padding:7px 10px;display:flex;overflow-x:auto}.db-qi-lbl{color:var(--dim);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;flex:none;font-size:12px}.db-chip{white-space:nowrap;opacity:.5;flex:none;align-items:center;gap:5px;padding:4px 9px;font-size:12px;display:flex}.db-chip b{background:var(--ec);border-radius:50%;flex:none;width:9px;height:9px}.db-chip.on{opacity:1;border-color:var(--ec);box-shadow:0 0 0 1px var(--ec) inset}.db-match{white-space:nowrap;flex:none;margin-left:auto;font-size:12px}.db-tab{white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:12.5px;display:flex}.db-tab.on{border-color:var(--accent);color:var(--accent)}.db-tab i{color:var(--dim);font-size:11px;font-style:normal}.db-dot{background:var(--you);border-radius:50%;flex:none;width:7px;height:7px}.db-panes{flex:1;min-height:0;display:grid}@media (width>=760px){.db-panes{grid-template-columns:1fr minmax(260px,340px)}}@media (width<=759px){.db-panes{grid-template-columns:1fr}.db-panes[data-pane=collection] .db-deck,.db-panes[data-pane=deck] .db-collection{display:none}}.db-pane{min-height:0;padding:10px;overflow-y:auto}.db-deck{border-left:1px solid var(--line);background:#12161f}.db-filters{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.db-filters input{flex:2;min-width:130px}.db-filters select{background:var(--panel);border:1px solid var(--line);min-width:110px;color:var(--text);border-radius:6px;flex:1;padding:8px}.db-empty{color:var(--dim);text-align:center;padding:24px 8px;font-style:italic}.db-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:7px;display:grid}.db-card{border:1px solid var(--line);border-left:3px solid var(--rc);background:var(--panel);cursor:pointer;border-radius:7px;flex-direction:column;gap:5px;padding:7px 8px;transition:border-color .12s;display:flex;position:relative}.db-card:hover{border-color:var(--accent);border-left-color:var(--rc)}.db-card.in{background:#1c2331}.db-card-hd{align-items:flex-start;gap:5px;display:flex}.db-el{background:var(--ec);border-radius:50%;flex:none;width:9px;height:9px;margin-top:3px}.db-card-nm{font-size:12px;font-weight:600;line-height:1.2}.db-card-ft{color:var(--dim);justify-content:space-between;margin-top:auto;font-size:10.5px;display:flex}.db-owned{font-variant-numeric:tabular-nums}.db-owned.maxed{color:var(--accent);font-weight:600}.db-stepper{align-items:center;gap:4px;display:flex}.db-stepper button{min-width:24px;padding:1px 7px;font-size:14px;line-height:1.3}.db-stepper b{text-align:center;font-variant-numeric:tabular-nums;min-width:14px}.db-group{margin-bottom:12px}.db-group h3{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:0 0 5px;padding-bottom:4px;font-size:11px;font-weight:600;display:flex}.db-group h3 i{font-variant-numeric:tabular-nums;font-style:normal}.db-row{align-items:center;gap:7px;padding:5px 4px;display:flex}.db-row-nm{flex:1;min-width:0;font-size:12.5px;line-height:1.25}.db-row-nm em{color:var(--accent);font-size:10.5px;font-style:normal;display:block}.db-row.warn .db-row-nm{color:#e9dfc4}.db-status{border-top:1px solid var(--line);background:var(--panel);flex:none;max-height:92px;padding:6px 10px;overflow-y:auto}.db-status p{margin:2px 0;font-size:12px}.db-issue{color:var(--dim)}.db-warn{color:var(--accent)}.db-err{color:var(--danger);font-weight:600}.db-ok{color:var(--you)}.db-switch{border-top:1px solid var(--line);flex:none;display:flex}.db-switch button{background:var(--panel);color:var(--dim);border:0;border-radius:0;flex:1;padding:10px}.db-switch button.on{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}@media (width>=760px){.db-switch{display:none}}.cl{flex-direction:column;gap:12px;height:100%;padding:12px;display:flex;overflow-y:auto}.cl-top{flex:none;align-items:center;gap:10px;display:flex}.cl-top h1{margin:0;font-size:20px}.cl-me{color:var(--dim);margin-left:auto;font-size:13px}.cl-actions{flex-wrap:wrap;flex:none;gap:8px;display:flex}.cl-primary{background:var(--accent);border-color:var(--accent);color:#12151c;font-weight:700}.cl-primary:hover:not(:disabled){filter:brightness(1.08)}.cl-actions .cl-primary{flex:1;min-width:190px;padding:12px}.cl-actions button:not(.cl-primary){padding:12px 16px}.cl-primary.searching{background:var(--panel);border-color:var(--accent);color:var(--accent);justify-content:center;align-items:center;gap:9px;display:flex}.cl-spin{border:2px solid color-mix(in srgb, var(--accent) 30%, transparent);border-top-color:var(--accent);border-radius:50%;flex:none;width:13px;height:13px;animation:.8s linear infinite cl-spin}@keyframes cl-spin{to{transform:rotate(360deg)}}.cl-err,.cl-note{flex:none;margin:0;font-size:13px}.cl-err{color:var(--danger)}.cl-note{color:var(--you)}.cl-cols{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=720px){.cl-cols{grid-template-columns:1fr 1fr;align-items:start}}.cl-panel{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:12px}.cl-panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);justify-content:space-between;align-items:center;margin:0 0 10px;font-size:12px;font-weight:600;display:flex}.cl-panel h2 i{font-variant-numeric:tabular-nums;font-style:normal}.cl-challenge{border-color:var(--accent);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 18%, transparent)}.cl-challenge h2{color:var(--accent)}.cl-row{border-top:1px solid var(--line);align-items:center;gap:8px;padding:7px 0;display:flex}.cl-row:first-of-type{border-top:0}.cl-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13.5px;line-height:1.25}.cl-name em{color:var(--dim);font-size:11px;font-style:normal;display:block}.cl-row button{flex:none;padding:5px 11px;font-size:12.5px}.cl-empty{color:var(--dim);margin:0;font-size:13px;line-height:1.5}.cl-add{gap:6px;margin-top:10px;display:flex}.cl-add input{flex:1;min-width:0;font-size:13px}:root{--bg:#10131a;--panel:#1a1f2b;--line:#2a3040;--text:#e6e9f0;--dim:#8b93a7;--accent:gold;--you:#4cd964;--danger:#ff5252}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.4 system-ui,sans-serif}#root{height:100vh}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:24px;display:flex}.err,pre{color:var(--danger);white-space:pre-wrap;max-width:90vw}.lobby{flex-direction:column;gap:10px;width:min(420px,92vw);display:flex}.row{flex-wrap:wrap;gap:6px;display:flex}input{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:6px;flex:1;min-width:90px;padding:8px}button{background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#12151c;font-weight:700}button.primary:hover:not(:disabled){filter:brightness(1.08)}