.wja{--bg:#F6F6F8;--s1:#FFFFFF;--s2:#F0F0F3;--s3:#E5E5EA;--line:#DADAE0;--tx:#15151A;--mu:#5C5C68;--red:#D3202A;--redhi:#C0161F;--reddk:#FDEBEC;--gold:#8F6200;--golddk:#FBF1D4;--ok:#0F7A4B;--okdk:#E3F5EC;--warn:#9A5B00;--warndk:#FFF1D6;--blue:#1A5FBF;--bluedk:#E4EFFF;--tx2:#34343E;--goldbd:#E3C676;--redbd:#F3B4B8;--goldtx2:#5E4200;--ah:#8E0F16;--okbd:#9ED8BB;--warnbd:#EBC27A;--bluebd:#9CC1F2}
.wja .hero,.wja .dk{--bg:#0A0A0C;--s1:#131316;--s2:#1B1B20;--s3:#25252C;--line:#2D2D36;--tx:#F5F5F6;--mu:#A8A8B3;--red:#E3242B;--redhi:#FF4B52;--reddk:#2A0E10;--gold:#E8B547;--golddk:#2A2110;--ok:#3DD68C;--okdk:#0F2A1D;--warn:#F5A524;--warndk:#2B1F0A;--blue:#5AA9FF;--bluedk:#0E1F33;--tx2:#d6d6dc;--goldbd:#5c4818;--redbd:#5a1a1e;--goldtx2:#e9d9ae;--ah:#fff;--okbd:#1d5a3c;--warnbd:#5c4210;--bluebd:#1f4a7a;color:var(--tx)}
.wja *{box-sizing:border-box}
.wja h1,.wja h2,.wja h3,.wja h4,.wja .disp{font-family:'Chakra Petch','Barlow',sans-serif;margin:0;letter-spacing:.01em;text-wrap:balance}
.wja h1{font-size:44px;line-height:1.08;font-weight:700;text-transform:uppercase}
.wja h2{font-size:28px;line-height:1.15;font-weight:700;text-transform:uppercase}
.wja h3{font-size:19px;line-height:1.25;font-weight:600}
.wja h4{font-size:15px;font-weight:600}
.wja p{margin:0}
.wja a{color:var(--redhi);text-decoration:none}
.wja a:hover{color:var(--ah)}
.wja{background:var(--bg);color:var(--tx);min-height:100%}
.wja .wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.wja .row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.wja .col{display:flex;flex-direction:column;gap:12px}
.wja .sb{justify-content:space-between}
.wja .grow{flex:1 1 0;min-width:0}
.wja .mu{color:var(--mu)}
.wja .sm{font-size:13px}
.wja .xs{font-size:12px}
.wja .b{font-weight:600}
.wja .up{text-transform:uppercase;letter-spacing:.08em}
.wja .red{color:var(--redhi)}
.wja .gold{color:var(--gold)}
.wja .ok{color:var(--ok)}
.wja .warn{color:var(--warn)}
.wja .num{font-variant-numeric:tabular-nums}
.wja .g2{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(480px,100%),1fr))}
.wja .g3{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.wja .g4{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
.wja .g5{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}
.wja .card{background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:20px}
.wja .card.flat{padding:0;overflow:hidden}
.wja .card h3{margin-bottom:4px}
.wja .hd{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.wja .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:8px;border:1px solid #17171B;background:#17171B;color:#fff;font:600 14px 'Chakra Petch','Barlow',sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.wja .btn:hover{background:#2C2C33;border-color:#2C2C33;color:#fff}
.wja .hero .btn,.wja .dk .btn{background:#202026;border-color:#3A3A44}
.wja .btn.red{background:var(--red);border-color:var(--red);color:#fff}
.wja .btn.red:hover{background:#c71b22}
.wja .btn.gold{background:#E8B547;border-color:#E8B547;color:#1A1204}
.wja .btn.gold:hover{background:#f3c35e;border-color:#f3c35e;color:#1A1204}
.wja .btn.ghost{background:transparent;color:var(--tx);border-color:var(--mu)}
.wja .btn.ghost:hover{background:var(--s3);color:var(--tx);border-color:var(--mu)}
.wja .btn.sm{min-height:36px;padding:0 14px;font-size:12px}
.wja .btn.lg{min-height:54px;font-size:16px;padding:0 30px}
.wja .btn.full{width:100%}
.wja .pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:99px;font:600 11px 'Chakra Petch','Barlow',sans-serif;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;background:var(--s3);color:var(--tx)}
.wja .pill.red{background:var(--reddk);color:var(--redhi);border:1px solid var(--redbd)}
.wja .pill.solid{background:var(--red);color:#fff;border:0}
.wja .pill.gold{background:var(--golddk);color:var(--gold);border:1px solid var(--goldbd)}
.wja .pill.ok{background:var(--okdk);color:var(--ok);border:1px solid var(--okbd)}
.wja .pill.warn{background:var(--warndk);color:var(--warn);border:1px solid var(--warnbd)}
.wja .pill.blue{background:var(--bluedk);color:var(--blue);border:1px solid var(--bluebd)}
.wja .dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}
.wja .input,.wja .select,.wja .textarea{width:100%;min-height:44px;background:var(--s1);border:1px solid var(--line);border-radius:8px;color:var(--tx);padding:0 14px;font:500 15px 'Barlow',sans-serif}
.wja .textarea{min-height:88px;padding:12px 14px}
.wja .lbl{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);margin-bottom:6px}
.wja .field{display:flex;flex-direction:column}
.wja .hint{font-size:12px;color:var(--mu);margin-top:4px}
.wja .chk{display:flex;gap:10px;align-items:center;min-height:36px;font-size:14px}
.wja .chk input{width:18px;height:18px;accent-color:var(--red)}
.wja .tog{display:inline-block;width:42px;height:24px;border-radius:99px;background:var(--s3);border:1px solid var(--line);position:relative;flex:none}
.wja .tog:after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--mu)}
.wja .tog.on{background:var(--red);border-color:var(--red)}
.wja .tog.on:after{left:21px;background:#fff}
.wja .tbl{width:100%;border-collapse:collapse;font-size:14px}
.wja .tbl th{text-align:left;font:600 11px 'Chakra Petch','Barlow',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--mu);padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
.wja .tbl td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.wja .tbl tr:last-child td{border-bottom:0}
.wja .tbl .r{text-align:right}
.wja .scroll{overflow-x:auto}
.wja .ph{position:relative;background:repeating-linear-gradient(135deg,var(--s2) 0 14px,var(--s3) 14px 28px);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--mu);font:600 11px 'Chakra Petch',sans-serif;letter-spacing:.12em;text-transform:uppercase;overflow:hidden;text-align:center;padding:8px}
.wja .ph.sq{aspect-ratio:1/1}
.wja .ph.w{aspect-ratio:4/3}
.wja .ph:before{content:'';position:absolute;left:0;bottom:0;height:3px;width:34%;background:var(--red)}
.wja .bar{height:8px;border-radius:99px;background:var(--s3);overflow:hidden}
.wja .bar i{display:block;height:100%;background:var(--red)}
.wja .bar.gold i{background:#E8B547}
.wja .bar.ok i{background:var(--ok)}
.wja .stat{background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:18px 20px}
.wja .stat .k{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.wja .stat .v{font:700 30px 'Chakra Petch',sans-serif;margin-top:4px}
.wja .stat .d{font-size:13px;color:var(--mu);margin-top:2px}
.wja .tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.wja .tab{padding:12px 18px;font:600 13px 'Chakra Petch',sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--mu);border-bottom:2px solid transparent;margin-bottom:-1px}
.wja .tab.on{color:var(--tx);border-bottom-color:var(--red)}
.wja .crumb{font-size:13px;color:var(--mu);display:flex;gap:8px;flex-wrap:wrap}
.wja .hero{background:radial-gradient(900px 340px at 85% 0,#3a0d11 0,transparent 70%),#0d0d10;border-bottom:1px solid var(--line)}
.wja .kicker{font:600 12px 'Chakra Petch';letter-spacing:.18em;text-transform:uppercase;color:var(--redhi)}
.wja .opt{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--s1);cursor:pointer}
.wja .opt.on{border-color:var(--red);background:var(--reddk)}
.wja .radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--mu);flex:none;margin-top:2px;position:relative}
.wja .opt.on .radio{border-color:var(--red)}
.wja .opt.on .radio:after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--red)}
.wja .sw{padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--s1);font-weight:600;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.wja .sw.on{border-color:var(--red);background:var(--reddk)}
.wja .lock{border:1px dashed var(--goldbd);background:var(--golddk);border-radius:10px;padding:16px}
.wja .note{border:1px solid var(--line);background:var(--s1);border-radius:8px;padding:12px 14px;font-size:13px;color:var(--mu)}
.wja .note.warn{border-color:var(--warnbd);background:var(--warndk);color:var(--tx2)}
.wja .note.red{border-color:var(--redbd);background:var(--reddk);color:var(--tx2)}
.wja .note.ok{border-color:var(--okbd);background:var(--okdk);color:var(--tx2)}
.wja .pc{display:flex;flex-direction:column;gap:12px;background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:12px;position:relative}
.wja .pc .tag{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;z-index:1}
.wja .pc .nm{font-weight:600;line-height:1.3;min-height:40px}
.wja .pc .pr{font:700 20px 'Chakra Petch'}
.wja .rank{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line)}
.wja .rank:last-child{border-bottom:0}
.wja .rk{width:34px;height:34px;border-radius:8px;background:var(--s3);font:700 15px 'Chakra Petch';display:flex;align-items:center;justify-content:center;flex:none}
.wja .rk.t1{background:#E8B547;color:#1A1204}
.wja .rk.t2{background:#c9ced6;color:#101114}
.wja .rk.t3{background:#b9764a;color:#1b0e05}
.wja .tl{display:flex;flex-direction:column;gap:0}
.wja .tl>div{display:flex;gap:14px;padding-bottom:18px;position:relative}
.wja .tl>div:before{content:'';position:absolute;left:7px;top:18px;bottom:0;width:2px;background:var(--line)}
.wja .tl>div:last-child:before{display:none}
.wja .tl i{width:16px;height:16px;border-radius:50%;border:3px solid var(--red);background:var(--bg);flex:none;margin-top:3px}
.wja .tl i.d{background:var(--red)}
.wja .kbd{font:600 12px 'Chakra Petch';background:var(--s3);border:1px solid var(--line);border-radius:5px;padding:2px 8px}
.wja .sep{height:1px;background:var(--line);border:0;margin:6px 0}
@media (max-width:760px){.wja h1{font-size:32px}.wja .wrap{padding:0 16px}}
.wja{font-family:'Barlow',system-ui,sans-serif;font-size:15px;line-height:1.5;width:100%;max-width:none}
.wja .hero .btn{background:#202026;border-color:#3A3A44}
.wja .ico{width:44px;height:44px;border-radius:8px;border:1px solid var(--line);background:var(--s1);display:inline-flex;align-items:center;justify-content:center;color:var(--tx);position:relative;cursor:pointer}
.wja h1,.wja h2,.wja h3,.wja h4{color:inherit}
.wja .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wja .ph{padding:0}
.wja .ph:before{z-index:1}
.wja button.ph{border:0;cursor:pointer;font-family:inherit}
.wja .pill{text-decoration:none}
.wja a.pill:hover{color:var(--tx)}
.wja .optb{width:100%;text-align:left;color:inherit;font:inherit}
.wja .off{opacity:.45;cursor:not-allowed}
.wja .fchip{cursor:pointer}
.wja .fchip.red{background:var(--reddk)!important;border-color:var(--red)!important}
.wja button.tab{background:none;border:0;border-bottom:2px solid transparent;cursor:pointer}
.wja button.tab.on{border-bottom-color:var(--red)}
.wja .tabpanel{display:none}.wja .tabpanel.on{display:flex}
.wja input.input{font:500 15px 'Barlow',sans-serif}
.wja button.btn{font-family:'Chakra Petch','Barlow',sans-serif}
.bde-section:has(.wja){padding:0!important;width:100%!important}
.bde-section:has(.wja) .section-container,.bde-section:has(.wja) .bde-code-block{width:100%!important;max-width:none!important;padding:0!important}
.wja h1,.wja h2,.wja h3,.wja h4{color:inherit}
.wja-pop[hidden]{display:none!important}
.wja-pop{position:fixed;inset:0;z-index:999999;display:flex;justify-content:center;align-items:flex-start;padding:140px 16px 0;overflow:auto}
.wja-bg{position:fixed;inset:0;background:rgba(0,0,0,.74);border:0;cursor:default;padding:0}
.wja-box{position:relative;width:100%;max-width:440px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.6);margin-bottom:40px}
.wja-box [data-wja-view][hidden]{display:none!important}
.wja-link{background:none;border:0;padding:0;color:var(--redhi);font:inherit;cursor:pointer;text-decoration:underline}
.wja-err{color:var(--red);font-size:14px}
.wja-hp{position:absolute!important;left:-9999px!important;opacity:0}
body.wja-open{overflow:hidden}
