.ih{--art:none;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 50%,color-mix(in srgb,var(--qc) 30%,transparent),transparent 65%),#060b1a;border-bottom:2px solid var(--qc);padding:28px 0 22px}
.ih.art{background:linear-gradient(90deg,rgba(6,11,26,.92) 0,rgba(6,11,26,.6) 55%,rgba(6,11,26,.35)),radial-gradient(ellipse at 22% 50%,color-mix(in srgb,var(--qc) 35%,transparent),transparent 60%),var(--art) center/cover no-repeat,#060b1a}
@media(max-width:700px){.ih.art{background:linear-gradient(180deg,rgba(6,11,26,.55),rgba(6,11,26,.92)),radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--qc) 35%,transparent),transparent 60%),var(--artm) center/cover no-repeat,#060b1a}}
.ih-in{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;gap:26px;align-items:center}
.ih-frame{flex:none;width:132px;height:132px;display:grid;place-items:center;border-radius:14px;background:radial-gradient(circle,color-mix(in srgb,var(--qc) 45%,#000) 0,#05081a 70%);border:2px solid var(--qc);box-shadow:0 0 0 4px #05081a,0 0 0 5px color-mix(in srgb,var(--qc) 60%,#a87a1c),0 0 40px 6px color-mix(in srgb,var(--qc) 55%,transparent),inset 0 0 30px color-mix(in srgb,var(--qc) 40%,transparent);animation:ihg 3.5s ease-in-out infinite}
@keyframes ihg{50%{box-shadow:0 0 0 4px #05081a,0 0 0 5px color-mix(in srgb,var(--qc) 60%,#a87a1c),0 0 60px 12px color-mix(in srgb,var(--qc) 65%,transparent),inset 0 0 36px color-mix(in srgb,var(--qc) 50%,transparent)}}
@media(prefers-reduced-motion:reduce){.ih-frame{animation:none}}
.ih-ico{width:56px;height:56px;border:2px solid var(--qc);border-radius:6px;image-rendering:auto;box-shadow:0 0 18px var(--qc)}
.ih-q{font:700 12px var(--body,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--qc)}
.ih h1{color:var(--qc);font-family:var(--disp,serif);font-size:clamp(1.7rem,5vw,3rem);line-height:1.1;margin:4px 0 8px;text-shadow:0 2px 12px #000}
.ih-w{margin:0 0 10px;color:#e9dcc0}.ih-w a{color:#ffd36b}
.ih-c{display:flex;flex-wrap:wrap;gap:6px}.ih-c span{font-size:.8rem;border:1px solid #2a3768;background:rgba(6,11,26,.7);border-radius:999px;padding:4px 10px}.ih-c .unc{border-color:#a87a1c;color:#ffd36b}
.ih-cr{position:absolute;right:10px;bottom:4px;font-size:.68rem;color:#8c93b0}
@media(max-width:700px){.ih-in{flex-direction:column;text-align:center;gap:16px}.ih-c{justify-content:center}.ih-cr{position:static;display:block;text-align:center;margin-top:10px}}
.ib{padding-top:14px;padding-bottom:30px}.itoc{display:flex;gap:8px;overflow-x:auto;padding:6px 0 12px;position:sticky;top:0;z-index:3;background:#060b1a}.itoc a{flex:none;font-size:.85rem;border:1px solid #2a3768;border-radius:999px;padding:6px 12px;color:#e9dcc0}
.igrid{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:22px}@media(max-width:800px){.igrid{grid-template-columns:1fr}}
.isec{margin:10px 0 22px}.isec h2{font-family:var(--disp,serif);color:var(--gold2,#ffd36b);font-size:1.35rem;margin:0 0 10px;border-bottom:1px solid #1d2a55;padding-bottom:6px}.isec h3{font-size:1rem;color:#e9dcc0;margin:14px 0 8px}
.tt{background:rgba(4,8,24,.96);border:1px solid #6c7aa8;outline:1px solid #000;border-radius:5px;padding:12px 14px;font-size:14.5px;line-height:1.5;display:flex;flex-direction:column;box-shadow:0 0 24px -8px var(--qc)}
.tt .tn{font-size:16px}.tt .ty{color:#ffd100}.tt .two{display:flex;justify-content:space-between;gap:10px}.tt .eff{color:#1eff00}.tt .fl{color:#ffd100}.tt .set{color:#ffd100}.tt .sp i{font-style:normal}.tt .g{color:#ffd700}.tt .s{color:#c7c7cf}.tt .c{color:#c47a3a}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0}.kv dt{color:#8c93b0;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.kv dd{margin:0}.kv a{color:#ffd36b}
.unc-n{font-size:.85rem;color:#ffd36b;background:rgba(168,122,28,.12);border-left:3px solid #a87a1c;padding:6px 10px;margin:10px 0}
.cls{display:flex;flex-wrap:wrap;gap:6px}.cl{border:1px solid #2a3768;border-radius:999px;padding:5px 12px;font-size:.85rem;color:#e9dcc0}
.mis{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.mi{display:flex;gap:10px;align-items:center;background:#0b1430;border:1px solid color-mix(in srgb,var(--qc) 60%,#1d2a55);border-radius:10px;padding:8px;color:#e9dcc0}.mi img{width:40px;height:40px;border:1px solid var(--qc);border-radius:4px}.mi span{display:flex;flex-direction:column;min-width:0}.mi b{color:var(--qc);font-size:.92rem}.mi small{color:#8c93b0;font-size:.78rem}.mi em{font-style:normal;font-size:.78rem;color:#ffd36b}
.sb{color:#1eff00;padding-left:18px}.isrc{font-size:.78rem;color:#8c93b0;margin-top:20px;border-top:1px solid #1d2a55;padding-top:10px}
.bsg{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:20px}.bs{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 12px;border:1px solid var(--qc);border-radius:12px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--qc) 35%,transparent),#070d22 70%);color:#e9dcc0;box-shadow:0 6px 26px -12px var(--qc)}
.bs-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.28;z-index:0}.bs>*:not(.bs-bg){position:relative}.bs img{border:2px solid var(--qc);border-radius:6px;box-shadow:0 0 22px var(--qc)}.bs b{color:var(--qc)}.bs small{color:#ffd36b;font-size:.8rem}
.lf{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 8px}.lf label{display:flex;flex-direction:column;gap:4px;font:700 11px var(--body,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#ffd36b}.lf select,.lf input{font:15px var(--body,sans-serif);background:#0b1430;color:#fff;border:1px solid #2a3768;padding:9px;min-height:42px;border-radius:4px}
.loot-h h1{font-size:clamp(2.4rem,7vw,4rem)}.lh{font-family:var(--disp);color:var(--gold2);margin:18px 0 12px}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.lc{display:flex;gap:12px;background:linear-gradient(160deg,#0f1a3d,#070d22);border:1px solid var(--qc);border-radius:12px;padding:12px;color:var(--text)}.lc[hidden]{display:none}.lc img{flex:none;border:1px solid var(--qc);border-radius:5px}
.lc-b{display:flex;flex-direction:column;gap:3px;min-width:0}.lc-n{color:var(--qc);font-weight:700;line-height:1.25}.lc-t{font-size:.8rem;color:var(--mute)}.lc-s{font-size:.85rem;color:#1eff00}.lc-w{font-size:.8rem;color:var(--gold2)}
@media(max-width:520px){.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:8px}}
/* v2 showcase hero */
.sh{padding:22px 16px 26px;text-align:center}.sh .ih-t{max-width:760px;margin:0 auto}.sh .ih-c{justify-content:center}
.sh-stage{position:relative;width:min(420px,92vw);height:330px;margin:0 auto 6px;display:grid;place-items:center}
.sh-rays{position:absolute;inset:-10%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--qc) 30%,transparent) 0 6deg,transparent 6deg 22deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 62%);mask:radial-gradient(circle,#000 18%,transparent 62%);animation:shr 40s linear infinite;opacity:.8}
.sh-aura{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--qc) 70%,transparent) 0,color-mix(in srgb,var(--qc) 25%,transparent) 40%,transparent 70%);filter:blur(8px);animation:sha 3.2s ease-in-out infinite}
.sh-float{position:relative;z-index:2;animation:shf 4.5s ease-in-out infinite}
.sh-frame{padding:10px;border-radius:16px;background:linear-gradient(145deg,#f8d37a,#7a5414 30%,color-mix(in srgb,var(--qc) 80%,#000) 50%,#7a5414 70%,#f8d37a);box-shadow:0 0 0 2px #05081a,0 0 30px 6px color-mix(in srgb,var(--qc) 70%,transparent),0 0 90px 20px color-mix(in srgb,var(--qc) 35%,transparent)}
.sh-ico{display:block;width:224px;height:224px;border-radius:9px;border:3px solid var(--qc);box-shadow:inset 0 0 20px #000}
.sh-ped{position:absolute;bottom:4px;width:240px;height:34px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--qc) 55%,transparent),transparent 70%);animation:shp 4.5s ease-in-out infinite}
.sh-pt{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}
.sh-pt i{position:absolute;bottom:0;left:var(--x);width:var(--z);height:var(--z);border-radius:50%;background:var(--qc);box-shadow:0 0 8px 2px var(--qc);opacity:0;animation:shu var(--d) linear var(--w) infinite}
.sh.lo .sh-rays{display:none}.sh.lo .sh-aura{opacity:.45;animation:none}.sh.lo .sh-frame{box-shadow:0 0 0 2px #05081a,0 0 18px 2px color-mix(in srgb,var(--qc) 45%,transparent)}.sh.lo .sh-ico{width:168px;height:168px}.sh.lo .sh-stage{height:260px}
@keyframes shr{to{transform:rotate(360deg)}}@keyframes sha{50%{transform:scale(1.12);opacity:.75}}
@keyframes shf{50%{transform:translateY(-10px)}}@keyframes shp{50%{transform:scaleX(.85);opacity:.6}}
@keyframes shu{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(-320px) translateX(14px);opacity:0}}
@media(max-width:700px){.sh-ico{width:160px;height:160px}.sh-stage{height:260px}.sh-aura{width:230px;height:230px}.sh-ped{width:180px}.sh.lo .sh-ico{width:128px;height:128px}.sh.lo .sh-stage{height:210px}.sh .ih-cr{position:static;display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.sh-rays,.sh-aura,.sh-float,.sh-ped,.sh-pt i{animation:none}.sh-pt{display:none}}