.pp{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:end;padding:30px 0 6px}
          .pid{display:flex;align-items:center;gap:18px;margin-top:16px}
          .lvb{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;background:color-mix(in oklch,var(--cr) 16%,var(--surface));border:1px solid color-mix(in oklch,var(--cr) 40%,var(--line));font:700 22px/1 var(--font);color:var(--text)}
          .pid h1{margin:0;font:700 40px/1.05 var(--font);letter-spacing:-.025em}
          .pid .tagt{margin-top:7px;font:500 14px/1 var(--font);color:var(--faint);letter-spacing:.03em}
          .pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
          .pp0{max-width:760px;padding:34px 0 10px}
          .pp0 h1{margin:16px 0 0;font:700 40px/1.08 var(--font);letter-spacing:-.025em}
          .pp0 .lede{margin:14px 0 0;font-size:15.5px;line-height:1.6;color:var(--dim)}
          .tag.big{max-width:560px;margin-top:24px;height:58px}
          .msg{margin:12px 0 0;font-size:13.5px;color:var(--dim)}
          .msg.err{color:var(--loss)}
          .how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
          .how>div{display:flex;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);font-size:13.5px;line-height:1.5;color:var(--dim)}
          .how b{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:7px;background:color-mix(in oklch,var(--cr) 18%,transparent);color:var(--cr);font:700 13px/1 var(--font)}
          @media (max-width:760px){.how{grid-template-columns:minmax(0,1fr)}}
          .tag{display:flex;align-items:center;height:52px;padding:0 6px 0 18px;border-radius:10px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}
          .tag:focus-within{box-shadow:0 0 0 1px oklch(0.72 0.135 252 / .6)}
          .tag i{margin-right:6px;font:500 16px/1 var(--font);font-style:normal;color:var(--faint)}
          .tag input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:500 15px/1 var(--font);letter-spacing:.05em;text-transform:uppercase}
          .tag input::placeholder{font-weight:400;letter-spacing:0;text-transform:none;color:var(--faint)}
          .tag button{display:flex;align-items:center;height:40px;padding:0 18px;border-radius:6px;background:var(--cr);color:oklch(0.17 0.03 252);font:600 14px/1 var(--font)}
          .tagn{margin:10px 0 0;font-size:12.5px;color:var(--faint)}
          .deck8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;padding:6px 20px 20px}
          .dcx{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}
          .dcx .card{width:100%;max-width:96px}
          .dcx b{font:600 12.5px/1.2 var(--font)}
          .lvl{display:inline-grid;place-items:center;min-width:34px;height:20px;padding:0 6px;border-radius:5px;background:var(--surface3);font:600 11.5px/1 var(--font);color:var(--dim);font-variant-numeric:tabular-nums}
          .lvl.max{background:color-mix(in oklch,var(--hero) 22%,var(--surface));color:var(--hero)}
          .bt{display:grid;grid-template-columns:62px minmax(0,1fr) 340px 64px;align-items:center;column-gap:16px;min-height:62px;padding:8px 20px;border-top:1px solid var(--line)}
          .res{display:grid;place-items:center;height:28px;border-radius:6px;font:650 12.5px/1 var(--font)}
          .res.w{background:color-mix(in oklch,var(--win) 16%,transparent);color:var(--win)}
          .res.l{background:color-mix(in oklch,var(--loss) 16%,transparent);color:var(--loss)}
          .res.d{background:var(--surface3);color:var(--dim)}
          .bt .nm small{font-variant-numeric:tabular-nums}
          .bt .d8{gap:4px}
          .bt .card img{border-radius:3px}
          .bt .card i{height:2px;margin:2px 3px 0}
          .bt .cost{display:none}
          .bt .tc{text-align:right;font:600 13.5px/1 var(--font);font-variant-numeric:tabular-nums}
          .bt .tc.up{color:var(--win)}
          .bt .tc.down{color:var(--loss)}
          .coll{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px 8px;padding:6px 20px 20px}
          .cc{display:flex;flex-direction:column;align-items:center;gap:6px}
          .cc .card{width:100%}
          .cc .card img{border-radius:4px}
          .cc .cost{display:none}
          .lvbar{display:flex;flex-direction:column;gap:8px;padding:4px 20px 18px}
          .lvbar>div{display:grid;grid-template-columns:76px minmax(0,1fr) 40px;align-items:center;gap:12px;font-size:13px}
          .lvbar>div>span:first-child{color:var(--faint)}
          .lvbar b{text-align:right;font-variant-numeric:tabular-nums}
          .lvbar .hb{height:6px}
          .fit{display:flex;flex-direction:column;gap:10px;padding:14px 20px;border-top:1px solid var(--line);transition:background-color .12s}
          .fit:hover{background:var(--surface2)}
          .fit .top{display:flex;align-items:center;gap:10px}
          .fit .top b{font-weight:600}
          .fit .top .sp{flex:1}
          .fit .top strong{font:650 14px/1 var(--font);font-variant-numeric:tabular-nums}
          .fit .fi{margin-top:-4px;font-size:12px;color:var(--faint)}
          .fit .d8{gap:5px}
          .fit .card img{border-radius:4px}
          .fit .cost{display:none}
          .up2{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 20px;border-top:1px solid var(--line)}
          .up2 img{width:36px;height:43px;object-fit:contain}
          @media (max-width:1100px){.pp{grid-template-columns:minmax(0,1fr)}.bt{grid-template-columns:62px minmax(0,1fr) 64px}.bt .d8{display:none}}
          @media (max-width:760px){.deck8{grid-template-columns:repeat(4,minmax(0,1fr))}}