.hp .dnf .ferr{color:#ff8d95;font:600 13.5px/1.4 var(--font);background:#ff5b6e1f;border-radius:12px;padding:12px 14px;display:none}.hp .dnf .ferr.on{display:block}@media (max-width:1000px){.hp .dnf .klay{grid-template-columns:1fr}.hp .dnf .kside{position:static}}@media (max-width:700px){.hp .dnf .lvls{grid-template-columns:1fr 1fr}.hp .dnf .dgrid,.hp .dnf .pm{grid-template-columns:1fr}}.hp .dnf .amts2{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.hp .dnf .amts2 .cust{grid-column:1/-1}.hp .dnf .amts2 button{height:52px;font:800 17px/1 var(--font);background:#ffffff12;border-radius:12px;transition:background .2s,color .2s,box-shadow .2s}.hp .dnf .amts2 button:hover{background:#ffffff1f}.hp .dnf .amts2 button[aria-pressed=true]{color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);background:#2fd3d929}.hp .dnf .amts2 .cust{position:relative}.hp .dnf .amts2 .cust input{width:100%;height:52px;color:var(--fg);font:800 17px/1 var(--font);background:#00000040;border:0;border-radius:12px;padding:0 34px 0 14px}.hp .dnf .amts2 .cust input::placeholder{color:var(--fg-3);font-size:14px;font-weight:600}.hp .dnf .amts2 .cust input:focus{box-shadow:inset 0 0 0 2px var(--accent);outline:0}.hp .dnf .amts2 .cust span{color:var(--fg-3);font:800 15px/1 var(--font);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.hp .dnf .lvls{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.hp .dnf .lvls div{background:#00000038;border-radius:12px;padding:12px 12px 11px;transition:background .25s,box-shadow .25s;position:relative}.hp .dnf .lvls div b{font:800 12px/1 var(--font-mono);letter-spacing:1.5px;color:var(--lc);align-items:center;gap:6px;display:flex}.hp .dnf .lvls div b i{background:var(--lc);border-radius:50%;width:7px;height:7px}.hp .dnf .lvls div small{font:600 12px/1.3 var(--font);color:var(--fg-3);margin-top:6px;display:block}.hp .dnf .lvls div.on{background:color-mix(in srgb,var(--lc)14%,#00000038);box-shadow:inset 0 0 0 2px var(--lc)}.hp .dnf .lvls div.on small{color:var(--fg-2)}.hp .dnf .dgrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hp .dnf .dfl{gap:8px;display:grid}.hp .dnf .dfl label{font:700 13px/1 var(--font);color:var(--fg-2);justify-content:space-between;display:flex}.hp .dnf .dfl label small{color:var(--fg-3);font-weight:600}.hp .dnf .dfl input,.hp .dnf .dfl textarea{width:100%;color:var(--fg);font:600 15px/1.4 var(--font);background:#00000040;border:0;border-radius:12px;height:50px;padding:0 16px}.hp .dnf .dfl textarea{resize:vertical;height:92px;padding:13px 16px}.hp .dnf .dfl input::placeholder,.hp .dnf .dfl textarea::placeholder{color:var(--fg-3);font-weight:500}.hp .dnf .dfl input:focus,.hp .dnf .dfl textarea:focus{box-shadow:inset 0 0 0 2px var(--accent);outline:0}.hp .dnf .dfl input:disabled{opacity:.45}.hp .dnf .tgl{cursor:pointer;font:700 13.5px/1 var(--font);color:var(--fg-2);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.hp .dnf .tgl input{opacity:0;pointer-events:none;position:absolute}.hp .dnf .tgl span{background:var(--s3);border-radius:11px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.hp .dnf .tgl span:after{content:"";width:16px;height:16px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.hp .dnf .tgl input:checked+span{background:var(--accent)}.hp .dnf .tgl input:checked+span:after{transform:translate(16px)}.hp .dnf .tgl input:focus-visible+span{box-shadow:0 0 0 3px #2fd3d959}.hp .dnf .wheelbox[hidden]{display:none}.hp .dnf .wheelbox{background:#ffc23d17;border-radius:14px;gap:8px;padding:14px;display:grid}.hp .dnf .wheelbox .t{font:700 13.5px/1.3 var(--font);color:#ffd27a;align-items:center;gap:8px;display:flex}.hp .dnf .wheelbox .t .i{width:17px;height:17px}.hp .dnf .wheelbox input{width:100%;height:46px;color:var(--fg);font:600 14.5px/1 var(--font);background:#00000047;border:0;border-radius:10px;padding:0 14px}.hp .dnf .wheelbox input:focus{box-shadow:inset 0 0 0 2px var(--gold);outline:0}.hp .dnf .pm{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hp .dnf .pm button{text-align:left;background:#00000038;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:box-shadow .2s,background .2s;display:flex}.hp .dnf .pm button .ic{background:#ffffff14;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.hp .dnf .pm button .ic .i{width:18px;height:18px}.hp .dnf .pm button b{font:800 14px/1.2 var(--font);display:block}.hp .dnf .pm button small{font:600 12px/1.2 var(--font);color:var(--fg-3);margin-top:3px;display:block}.hp .dnf .pm button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent);background:#2fd3d91a}.hp .dnf .pm button .ic.pp{color:#5b9dff;background:#0f1d36}.hp .dnf .ov{z-index:90;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06080bb3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.hp .dnf .ov[hidden]{display:none}.hp .dnf .ov-box{background:var(--s1);text-align:center;width:min(440px,100%);animation:hp-pop .3s var(--ease);border-radius:24px;justify-items:center;gap:14px;padding:28px;display:grid;box-shadow:0 30px 80px #0009}.hp .dnf .ov-box h3{font:800 23px/1.2 var(--font);margin:0}.hp .dnf .ov-box p{color:var(--fg-2);margin:0;line-height:1.5}.hp .dnf .spin{border:3px solid var(--s3);border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite hp-dn-rot}@keyframes hp-dn-rot{to{transform:rotate(360deg)}}.hp .dnf .alertp{background:radial-gradient(80% 100% at 50% 0%,color-mix(in srgb,var(--lc)30%,transparent),transparent 70%),#0b0e13;border-radius:16px;gap:6px;width:100%;padding:18px;display:grid}.hp .dnf .alertp small{font:800 11px/1 var(--font-mono);letter-spacing:2px;color:var(--lc)}.hp .dnf .alertp b{font:800 22px/1.2 var(--font)}.hp .dnf .alertp b em{color:var(--lc);font-style:normal}.hp .dnf .alertp p{color:var(--fg-2);font-size:14px}.hp .dnf .ov-box .btn{width:100%;height:50px}@media (max-width:1000px){.hp .dnf .amts2{grid-template-columns:repeat(3,minmax(0,1fr))}.hp .dnf .amts2 .cust{grid-column:1/-1}}@media (max-width:700px){.hp .dnf .lvls{grid-template-columns:1fr 1fr}.hp .dnf .dgrid,.hp .dnf .pm{grid-template-columns:1fr}}.hp .dnf .ferr{color:#ff8d95;font:600 13.5px/1.4 var(--font);background:#ff5b6e1f;border-radius:12px;margin:0;padding:12px 14px}.hp .dnf .ppbox{gap:8px;min-height:56px;display:grid}.hp .dnf .ppbox .pay{color:var(--fg-3);font:600 13px/1.3 var(--font);margin:0}.hp .dnf .ov-go{gap:16px;padding:32px 28px 28px}.hp .dnf .go-ic{width:56px;height:56px;color:var(--accent);background:#2fd3d91f;border-radius:16px;place-items:center;display:grid}.hp .dnf .go-ic .i{width:24px;height:24px}.hp .dnf .go-sum{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.hp .dnf .go-sum span{background:var(--s2);text-align:left;border-radius:12px;gap:6px;min-width:0;padding:12px 14px;display:grid}.hp .dnf .go-sum small{font:600 12px/1 var(--font);color:var(--fg-3)}.hp .dnf .go-sum b{font:800 17px/1.1 var(--font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hp .dnf .go-bar{background:var(--s3);border-radius:2px;width:100%;height:4px;display:block;position:relative;overflow:hidden}.hp .dnf .go-bar i{border-radius:inherit;background:var(--accent);width:40%;animation:hp-go 1.1s var(--ease)infinite;position:absolute;top:0;bottom:0}@keyframes hp-go{0%{left:-40%}to{left:100%}}.hp .dnf .ov-go p{color:var(--fg-3);font-size:14px}.hp .dnf .go-x{font:700 13.5px/1 var(--font);color:var(--fg-3);border-radius:8px;padding:8px 12px}.hp .dnf .go-x:hover{color:var(--fg);background:var(--s2)}.dcoins{font:600 13.5px/1.3 var(--font);color:var(--fg-2);align-items:center;gap:8px;margin:0;display:flex}.dcoins .i{flex:none;width:17px;height:17px}.dcoins b{color:var(--gold,#ffc23d);font-weight:800}.hp .dnf .agree{cursor:pointer;font:500 13.5px/1.45 var(--font);color:var(--fg-2);align-items:flex-start;gap:10px;display:flex}.hp .dnf .agree input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex:none;margin:1px 0 0}.hp .dnf .agree b{color:var(--fg);font-weight:700}.hp .dnf .agree a{color:var(--fg-2);text-underline-offset:2px;text-decoration:underline}