*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Courier New','VT323',monospace;image-rendering:pixelated;color:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.nv{display:flex;align-items:center;justify-content:space-between;padding:10px 5%;background:#1a1a3e;border-bottom:4px solid #ff6b6b;position:sticky;top:0;z-index:20}
.nv-l{display:flex;align-items:center;gap:8px}
.nv-i{width:26px;height:26px;background:#ffd93d;display:flex;align-items:center;justify-content:center;color:#1a1a3e;font-weight:700;font-size:11px;border:2px solid #fff}
.nv-t{font-weight:700;font-size:18px;color:#ffd93d;letter-spacing:3px}
.nv-ln{display:flex;gap:10px}.nv-ln a{color:#ffd93d;font-size:13px;padding:3px 10px;border:2px solid #ffd93d;text-transform:uppercase}.nv-ln a:hover{background:#ffd93d;color:#1a1a3e}
.nv-r{background:#ff6b6b;color:#fff;border:2px solid #fff;padding:4px 12px;font-size:13px;font-weight:700;text-transform:uppercase}
.sc1{background:linear-gradient(rgba(26,26,62,.9),rgba(45,27,105,.9)),url(/images/5kzfqb.webp) center/cover;padding:36px 5% 28px;text-align:center;border-bottom:4px solid #ffd93d}
.sc1 .tag{display:inline-block;background:#ff6b6b;color:#fff;padding:3px 12px;font-size:11px;letter-spacing:2px;margin-bottom:8px;border:2px solid #fff}
.sc1 h1{font-size:34px;font-weight:700;color:#ffd93d;margin-bottom:4px;letter-spacing:4px}
.sc1 p{font-size:13px;color:rgba(255,255,255,.4);margin-bottom:12px;letter-spacing:1px}
.sc1 .bt{display:flex;gap:6px;justify-content:center}
.sc1 .bt a{padding:7px 22px;font-size:13px;font-weight:700;border:2px solid;text-transform:uppercase}
.sc1 .b1{background:#ff6b6b;color:#fff;border-color:#fff}.sc1 .b2{background:transparent;color:#ffd93d;border-color:#ffd93d}
.sc2{background:#0d3b66;padding:14px 5%;border-bottom:4px solid #6c5ce7}
.sc2-in{max-width:800px;margin:0 auto}
.sc2 .st{font-size:11px;color:rgba(255,255,255,.3);display:flex;justify-content:space-between;margin-bottom:8px;letter-spacing:1px}
.sc2 .bar{display:flex;gap:2px;margin-bottom:6px}
.sc2 .bar .b{flex:1;height:6px;background:rgba(255,255,255,.08)}.sc2 .bar .b.f{background:#4ade80}.sc2 .bar .b.h{background:#ffd93d}.sc2 .bar .b.l{background:#ff6b6b}
.sc3{padding:14px 5%;background:#2d1b69;border-bottom:4px solid #ffd93d}
.sc3-in{max-width:800px;margin:0 auto}
.sc3 .lb{font-size:11px;color:#ffd93d;letter-spacing:2px;margin-bottom:8px;display:flex;align-items:center;gap:6px;text-transform:uppercase}
.sc3 .lb::before{content:'◆';font-size:6px}
.sc3 .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sc3 .g4i{border:2px solid rgba(255,255,255,.1);padding:10px 6px;text-align:center;background:rgba(255,255,255,.03)}
.sc3 .g4i .l{font-size:10px;color:rgba(255,255,255,.3);text-transform:uppercase}
.sc3 .g4i .v{font-size:16px;font-weight:700;margin:2px 0}.sc3 .g4i .c{font-size:11px}
.sc3 .g4i .up{color:#4ade80}.sc3 .g4i .dn{color:#ff6b6b}
.sc4{padding:14px 5%;background:#0d3b66;border-bottom:4px solid #ff6b6b}
.sc4-in{max-width:800px;margin:0 auto}
.sc4 .lb{font-size:11px;color:#ff6b6b;letter-spacing:2px;margin-bottom:8px;display:flex;align-items:center;gap:6px;text-transform:uppercase}
.sc4 .lb::before{content:'▶';font-size:6px}
.sc4 .g2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sc4 .g2i{border:2px solid rgba(255,255,255,.1);padding:8px 10px;display:block;color:#fff;text-decoration:none;background:rgba(255,255,255,.03)}
.sc4 .g2i:hover{border-color:#ffd93d}
.sc4 .g2i .t{font-size:14px;font-weight:700;margin-bottom:2px;display:flex;justify-content:space-between}
.sc4 .g2i .t .tg{font-size:10px;padding:1px 5px;background:#ff6b6b;color:#fff}
.sc4 .g2i .s{font-size:11px;color:rgba(255,255,255,.3);line-height:1.3}
.sc4 .g2i .m{font-size:10px;color:rgba(255,255,255,.15);margin-top:3px;display:flex;gap:6px}
.sc5{padding:14px 5%;background:linear-gradient(135deg,#1a1a3e,#2d1b69);border-bottom:4px solid #6c5ce7}
.sc5-in{max-width:800px;margin:0 auto}
.sc5 .lb{font-size:11px;color:#6c5ce7;letter-spacing:2px;margin-bottom:8px;display:flex;align-items:center;gap:6px;text-transform:uppercase}
.sc5 .lb::before{content:'★';font-size:6px}
.sc5 .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sc5 .g3i{border:2px solid rgba(255,255,255,.1);padding:10px;text-align:center;background:rgba(255,255,255,.03)}
.sc5 .g3i .v{font-size:18px;font-weight:700;color:#ffd93d}.sc5 .g3i .l{font-size:10px;color:rgba(255,255,255,.25);margin-top:2px;text-transform:uppercase}
.sc6{padding:14px 5%;background:#111;border-bottom:4px solid #4ade80}
.sc6-in{max-width:800px;margin:0 auto}
.sc6 .cmd{background:#0a0a0a;border:2px solid #4ade80;padding:10px 12px;font-size:8px;line-height:1.7;color:#4ade80}
.sc6 .cmd .p{color:#4ade80}.sc6 .cmd .g{opacity:.3}
.artp{max-width:720px;margin:0 auto;padding:24px 5% 32px;background:#0d0d0d;min-height:100vh}
.art-b{font-size:11px;color:#ffd93d;margin-bottom:14px;display:inline-block}
.art-h1{font-size:20px;font-weight:700;margin-bottom:14px;color:#ffd93d}
.ab{font-size:13px;color:rgba(255,255,255,.7);line-height:1.8}
.ab h2{font-size:15px;font-weight:600;color:#ffd93d;margin:20px 0 10px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px}
.ab p{margin-bottom:14px;text-align:justify}
.ab img{margin:14px auto;max-width:100%}
.art-c{text-align:center;padding:20px 0}
.art-c a{display:inline-flex;padding:10px 30px;border:2px solid #ff6b6b;color:#ff6b6b;font-weight:700;font-size:13px;text-transform:uppercase;background:transparent}
.ls{max-width:800px;margin:0 auto;padding:24px 5% 32px;background:#0d0d0d;min-height:100vh}
.ls-h1{font-size:18px;font-weight:700;margin-bottom:16px;color:#ffd93d}
.pg{display:flex;justify-content:center;gap:6px;padding:16px 0}
.pg a,.pg s{padding:4px 10px;border:1px solid rgba(255,255,255,.2);font-size:10px;color:rgba(255,255,255,.5)}
.pg .cur{background:#ffd93d;color:#1a1a3e;border-color:#ffd93d}
.ft{padding:16px 5%;text-align:center;font-size:7px;color:rgba(255,255,255,.1);background:#0d0d0d;border-top:4px solid #333}
html,body{overflow-x:hidden;width:100%}
@media(max-width:768px){.sc3 .g4{grid-template-columns:repeat(2,1fr)}.sc4 .g2{grid-template-columns:1fr}.sc5 .g3{grid-template-columns:1fr}}

.sc5a{padding:16px 5%;background:#0d3b66;border-bottom:4px solid #4ade80}
.sc5a-in{max-width:800px;margin:0 auto}
.sc5a .lb{font-size:11px;color:#4ade80;letter-spacing:2px;margin-bottom:10px;display:flex;align-items:center;gap:6px;text-transform:uppercase}
.sc5a .lb::before{content:"\2606";font-size:8px}
.sc5a .quest{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sc5a .quest-i{border:2px solid rgba(255,255,255,.1);padding:10px 12px;background:rgba(255,255,255,.03)}
.sc5a .quest-i .t{font-size:13px;font-weight:600;display:flex;justify-content:space-between;margin-bottom:3px}
.sc5a .quest-i .t .xp{color:#4ade80;font-size:10px}
.sc5a .quest-i .s{font-size:10px;color:rgba(255,255,255,.3)}
.sc5a .quest-i .pr{height:6px;background:rgba(255,255,255,.08);margin-top:6px}
.sc5a .quest-i .pr .fill{height:100%;background:#4ade80}
.sc5b{padding:16px 5%;background:linear-gradient(135deg,#1a1a3e,#2d1b69);border-bottom:4px solid #ffd93d}
.sc5b-in{max-width:800px;margin:0 auto}
.sc5b .lb{font-size:11px;color:#ffd93d;letter-spacing:2px;margin-bottom:10px;display:flex;align-items:center;gap:6px;text-transform:uppercase}
.sc5b .lb::before{content:"\2655";font-size:8px}
.sc5b,.sc5a,.sc3,.sc4,.sc6{margin:0!important}
.sc5b .inv{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:12px}
.sc5b .inv-i{border:2px solid rgba(255,255,255,.1);padding:10px 4px;text-align:center;font-size:9px;color:rgba(255,255,255,.3);background:rgba(255,255,255,.02)}
.sc5b .inv-i .ic{font-size:20px;display:block;margin-bottom:3px}
.sc5b .inv-i.got{color:#fff;border-color:rgba(255,255,255,.2)}
.ach{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.ach span{font-size:10px;color:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.1);padding:4px 10px}
.ach .got{color:#ffd93d;border-color:#ffd93d;background:rgba(255,217,61,.05)}
.g2{grid-template-columns:1fr 1fr}
@media(max-width:768px){.sc5a .quest{grid-template-columns:1fr}.sc5b .inv{grid-template-columns:repeat(3,1fr)}}

.sc5b .quest{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sc5b .quest-i{border:2px solid rgba(255,255,255,.1);padding:10px 12px;background:rgba(255,255,255,.03)}
.sc5b .quest-i .t{font-size:13px;font-weight:600;display:flex;justify-content:space-between;margin-bottom:3px}
.sc5b .quest-i .t .xp{color:#4ade80;font-size:10px}
.sc5b .quest-i .s{font-size:10px;color:rgba(255,255,255,.3)}
.sc5b .quest-i .pr{height:6px;background:rgba(255,255,255,.08);margin-top:6px}
.sc5b .quest-i .pr .fill{height:100%;background:#4ade80}

@media(max-width:768px){
  .sc5b .quest{grid-template-columns:1fr}
  .sc5b[style*="background:#111"] .sc5b-in>div{font-size:10px!important}
  .sc5b .ach{justify-content:center}
  .sc5b .ach span{font-size:9px;padding:3px 8px}
  .nv-ln{gap:4px}
  .nv-ln a{font-size:11px;padding:2px 6px}
  .nv-r{font-size:11px;padding:3px 8px}
  .sc1 h1{font-size:24px}
  .sc1 .bt a{padding:5px 14px;font-size:11px}
  .sc3 .g4i .v{font-size:13px}
  .sc5b .inv-i{padding:6px 2px;font-size:8px}
  .sc5b .inv-i .ic{font-size:16px}
}
@media(max-width:600px){
  .nv{padding:6px 3%}
  .nv-t{font-size:14px}
  .sc1{padding:24px 3% 20px}
  .sc1 h1{font-size:20px}
  .sc3 .g4{grid-template-columns:repeat(2,1fr)}
  .sc5 .g3{grid-template-columns:1fr}
  .sc5b .inv{grid-template-columns:repeat(3,1fr)}
}