/* FRAGMENT V10 — FRAGMENT ID + FRAGMENT STORE */
:root{--fv10-red:#ef4038;--fv10-red2:#b71f1d;--fv10-panel:#0c0c0f;--fv10-line:rgba(255,255,255,.075);--fv10-muted:#85807d;--fv10-text:#f3efec}

/* Store hero */
.fv10-store-hero .v4-pagehero-bg{filter:saturate(.9) contrast(1.05);opacity:.78}
.fv10-store-hero .v4-pagehero-copy{max-width:720px}
.fv10-store-hero .v4-pagehero-copy h1{max-width:760px}
.fv10-store-pass{min-height:420px!important;padding:28px!important;display:flex!important;flex-direction:column;justify-content:flex-start!important;background:linear-gradient(155deg,rgba(20,20,23,.96),rgba(8,8,10,.96))!important;box-shadow:0 35px 100px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04)}
.fv10-store-pass:before{content:"";position:absolute;inset:auto -70px -90px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(239,64,56,.16),transparent 68%);pointer-events:none}
.fv10-store-account{display:flex;align-items:center;gap:13px;margin:42px 0 22px;padding:15px;border:1px solid var(--fv10-line);border-radius:16px;background:rgba(255,255,255,.025)}
.fv10-store-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#f94c43,#a91616);font-size:19px;font-weight:900;box-shadow:0 10px 28px rgba(214,36,30,.24)}
.fv10-store-account small,.fv10-store-balance small{display:block;margin-bottom:4px;color:#696461;font-size:7px;font-weight:900;letter-spacing:.13em}
.fv10-store-account b{display:block;color:#eee8e4;font-size:12px}
.fv10-store-balance{padding:20px 0 17px;border-top:1px solid var(--fv10-line);border-bottom:1px solid var(--fv10-line)}
.fv10-store-balance b{display:inline-block;margin-right:8px;color:#fff;font-size:46px;letter-spacing:-.055em;line-height:1}
.fv10-store-balance span{color:#8c8581;font-size:10px;font-weight:800}
.fv10-store-account-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border:1px solid var(--fv10-line);border-radius:12px;color:#dad4d0;font-size:9px;font-weight:800;background:rgba(255,255,255,.025);transition:.2s}
.fv10-store-account-link:hover{border-color:rgba(239,64,56,.28);background:rgba(239,64,56,.055);color:#fff}
.fv10-store-tabs{grid-template-columns:repeat(4,1fr)!important}
.fv10-pay-card{box-shadow:0 34px 100px rgba(0,0,0,.28)}
.fv10-pay-visual{box-shadow:0 34px 100px rgba(0,0,0,.24)}

/* Exchange */
.fv10-exchange-head{margin-bottom:24px!important}
.fv10-exchange-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);gap:16px;align-items:stretch}
.fv10-exchange-card,.fv10-exchange-info{position:relative;overflow:hidden;border:1px solid var(--fv10-line);border-radius:22px;background:linear-gradient(155deg,rgba(16,16,19,.98),rgba(8,8,10,.98));box-shadow:0 35px 100px rgba(0,0,0,.25)}
.fv10-exchange-card{padding:30px}
.fv10-exchange-card:before{content:"";position:absolute;right:-90px;top:-110px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(239,64,56,.12),transparent 67%);pointer-events:none}
.fv10-exchange-card-top{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:22px;margin-bottom:23px;border-bottom:1px solid var(--fv10-line)}
.fv10-exchange-card-top span{display:block;margin-bottom:7px;color:#66615e;font-size:7px;font-weight:900;letter-spacing:.14em}
.fv10-exchange-card-top b{color:#f1ece8;font-size:15px}.fv10-exchange-card-top b strong{font-size:28px;letter-spacing:-.045em}
.fv10-exchange-card-top em{padding:8px 10px;border:1px solid rgba(239,64,56,.17);border-radius:999px;background:rgba(239,64,56,.055);color:#e75a53;font-size:8px;font-weight:900;font-style:normal;white-space:nowrap}
.fv10-exchange-card .field{display:block;margin:0 0 16px}.fv10-exchange-card .field>span{display:block;margin-bottom:8px;color:#918a86;font-size:8px;font-weight:800}
.fv10-select-wrap select,.fv10-exchange-input input{width:100%;height:52px;border:1px solid rgba(255,255,255,.09);border-radius:12px;outline:0;background:#0b0b0d;color:#eee8e4;font:700 11px/1 Inter,sans-serif;transition:.2s}
.fv10-select-wrap select{appearance:none;padding:0 42px 0 15px;background-image:linear-gradient(45deg,transparent 50%,#736d69 50%),linear-gradient(135deg,#736d69 50%,transparent 50%);background-position:calc(100% - 18px) 22px,calc(100% - 13px) 22px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.fv10-select-wrap select:focus,.fv10-exchange-input:focus-within{border-color:rgba(239,64,56,.38);box-shadow:0 0 0 3px rgba(239,64,56,.05)}
.fv10-exchange-input{display:flex;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0b0b0d;overflow:hidden}
.fv10-exchange-input input{border:0!important;border-radius:0;background:transparent;padding:0 15px;font-size:15px}.fv10-exchange-input>b{padding:0 16px;color:#ef5b53;font-size:9px}
.fv10-exchange-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:-4px 0 19px}.fv10-exchange-presets button{min-height:38px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(255,255,255,.018);color:#85807d;font:800 8px/1 Inter,sans-serif;cursor:pointer;transition:.18s}.fv10-exchange-presets button:hover:not(:disabled),.fv10-exchange-presets button.is-active{border-color:rgba(239,64,56,.28);background:rgba(239,64,56,.07);color:#f6e8e5}.fv10-exchange-presets button:disabled{opacity:.32;cursor:not-allowed}
.fv10-exchange-result{margin:0 0 17px;padding:18px 20px;border:1px solid rgba(239,64,56,.17);border-radius:14px;background:linear-gradient(135deg,rgba(239,64,56,.075),rgba(239,64,56,.018));display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 20px}.fv10-exchange-result span{color:#786f6b;font-size:7px;font-weight:900;letter-spacing:.14em}.fv10-exchange-result b{grid-column:2;grid-row:1/3;color:#fff;font-size:26px;letter-spacing:-.045em}.fv10-exchange-result small{color:#77706d;font-size:7px}
.fv10-exchange-alert{margin:0 0 12px;padding:12px 13px;border-radius:10px;font-size:9px;font-weight:700;line-height:1.45}.fv10-exchange-alert[hidden]{display:none}.fv10-exchange-alert.is-success{border:1px solid rgba(81,210,111,.2);background:rgba(81,210,111,.07);color:#8ae0a0}.fv10-exchange-alert.is-error{border:1px solid rgba(239,64,56,.24);background:rgba(239,64,56,.07);color:#f18780}
.fv10-exchange-submit{min-height:52px}.fv10-exchange-warning{margin:12px 0 0;color:#6e6864;font-size:7px;line-height:1.55;text-align:center}
.fv10-exchange-info{padding:31px;background:radial-gradient(circle at 90% 0,rgba(239,64,56,.09),transparent 34%),linear-gradient(155deg,#101013,#09090b)}.fv10-exchange-info h3{max-width:390px;margin:13px 0 27px;color:#eee8e5;font-size:27px;line-height:1.08;letter-spacing:-.045em}.fv10-exchange-steps{display:grid;gap:10px}.fv10-exchange-steps article{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.018)}.fv10-exchange-steps article>b{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(239,64,56,.08);color:#e95b54;font-size:8px}.fv10-exchange-steps strong{display:block;margin:2px 0 5px;color:#dcd5d1;font-size:10px}.fv10-exchange-steps span{display:block;color:#746e6a;font-size:8px;line-height:1.45}.fv10-rate-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-top:18px;padding:16px;border:1px solid rgba(239,64,56,.15);border-radius:14px;background:rgba(239,64,56,.045)}.fv10-rate-card small{grid-column:1/-1;color:#726b67;font-size:7px;font-weight:900;letter-spacing:.14em}.fv10-rate-card b,.fv10-rate-card strong{font-size:15px;color:#eee8e4}.fv10-rate-card i{color:#db514a;font-style:normal}
.fv10-login-required{max-width:760px;margin:10px auto 0;padding:54px 30px;text-align:center;border:1px solid var(--fv10-line);border-radius:22px;background:linear-gradient(155deg,#101012,#09090b)}.fv10-login-icon{width:58px;height:58px;margin:0 auto 16px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#f64a42,#a51818);font-size:21px;font-weight:900}.fv10-login-required>span{color:#e0524b;font-size:7px;font-weight:900;letter-spacing:.15em}.fv10-login-required h3{margin:9px 0;color:#eee8e4;font-size:27px}.fv10-login-required p{max-width:500px;margin:0 auto 22px;color:#807975;font-size:10px;line-height:1.55}.fv10-login-required.is-error .fv10-login-icon{background:#251112;color:#f26c65}

/* FRAGMENT ID */
.fv-dashboard-main{background:radial-gradient(circle at 78% 0,rgba(239,64,56,.035),transparent 26%),#09090b}
.fv-profile-hero{min-height:230px!important;border-color:rgba(255,255,255,.085)!important;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.fv-profile-hero:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent 50%,rgba(239,64,56,.025))}
.fv-profile-balance{z-index:2!important;min-width:210px;padding:20px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:16px!important;background:rgba(8,8,10,.68)!important;backdrop-filter:blur(14px)}
.fv-profile-balance>b{font-size:38px!important}
.fv-metrics{gap:10px!important}.fv-metrics article{min-height:115px;background:linear-gradient(150deg,rgba(16,16,19,.94),rgba(10,10,12,.94))!important}
.fv-character-slot span strong{color:#cfc7c2;font-size:8px}
.fv10-account-exchange{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(260px,.7fr) minmax(360px,1.1fr);gap:28px;align-items:center;margin:12px 0;padding:28px;border:1px solid rgba(239,64,56,.14);border-radius:18px;background:radial-gradient(circle at 8% 110%,rgba(239,64,56,.09),transparent 33%),linear-gradient(145deg,#111114,#0a0a0c);box-shadow:0 24px 70px rgba(0,0,0,.2)}
.fv10-account-exchange:before{content:"";position:absolute;right:-90px;top:-130px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(239,64,56,.08);box-shadow:0 0 0 28px rgba(239,64,56,.012),0 0 0 60px rgba(239,64,56,.008);pointer-events:none}
.fv10-account-exchange-copy{position:relative;z-index:1}.fv10-account-exchange-copy h2{margin:10px 0 8px;color:#eee8e4;font-size:27px;letter-spacing:-.045em}.fv10-account-exchange-copy p{max-width:420px;margin:0;color:#7d7672;font-size:9px;line-height:1.6}.fv10-account-rate{display:flex;align-items:center;gap:12px;margin-top:17px}.fv10-account-rate span{color:#6f6864;font-size:7px;font-weight:800}.fv10-account-rate b{padding:7px 9px;border:1px solid rgba(239,64,56,.16);border-radius:999px;background:rgba(239,64,56,.05);color:#e9625b;font-size:8px}
.fv10-account-exchange-form{position:relative;z-index:1;display:grid;grid-template-columns:110px minmax(150px,.9fr) minmax(150px,.8fr) auto;gap:9px;align-items:end}.fv10-exchange-inline-balance{height:48px;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.018)}.fv10-exchange-inline-balance span{display:block;color:#645e5a;font-size:6px;font-weight:900;letter-spacing:.1em}.fv10-exchange-inline-balance b{display:block;margin-top:5px;color:#dcd5d1;font-size:9px}.fv10-account-exchange-form label>span{display:block;margin-bottom:6px;color:#766f6b;font-size:7px;font-weight:800}.fv10-account-exchange-form select,.fv10-account-exchange-input{height:48px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#0a0a0c}.fv10-account-exchange-form select{width:100%;padding:0 10px;color:#d9d2ce;font:700 8px Inter,sans-serif;outline:0}.fv10-account-exchange-input{display:flex;align-items:center;overflow:hidden}.fv10-account-exchange-input input{min-width:0;width:100%;height:100%;padding:0 10px;border:0;outline:0;background:transparent;color:#eee8e4;font:800 10px Inter,sans-serif}.fv10-account-exchange-input b{padding-right:10px;color:#d95650;font-size:7px}.fv10-account-exchange-result{height:48px;padding:8px 10px;border:1px solid rgba(239,64,56,.13);border-radius:11px;background:rgba(239,64,56,.04)}.fv10-account-exchange-result span{display:block;color:#6e6662;font-size:6px;font-weight:900}.fv10-account-exchange-result b{display:block;margin-top:5px;color:#eee8e4;font-size:10px}.fv10-account-exchange-form .btn{height:48px;white-space:nowrap}.fv10-account-exchange-form .fv10-exchange-alert{grid-column:1/-1;margin:1px 0 0}.fv10-account-exchange-empty{position:relative;z-index:1;padding:18px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.018)}.fv10-account-exchange-empty b{display:block;color:#d8d1cd;font-size:10px}.fv10-account-exchange-empty span{display:block;margin-top:6px;color:#736d69;font-size:8px}
.fv-dashboard-sidebar{background:linear-gradient(180deg,#0d0d10,#09090b)!important}.fv-side-nav a{border:1px solid transparent}.fv-side-nav a:hover{background:rgba(255,255,255,.025)}.fv-side-nav a.is-active{border-color:rgba(239,64,56,.12)}
.fv-security-panel{background:linear-gradient(145deg,rgba(16,16,19,.96),rgba(9,9,11,.96))!important}

/* loading */
.is-loading{position:relative;pointer-events:none;opacity:.82}.is-loading i{animation:fv10Load .8s linear infinite}@keyframes fv10Load{to{transform:rotate(360deg)}}

@media(max-width:1100px){
  .fv10-exchange-layout{grid-template-columns:1fr}.fv10-exchange-info{min-height:0}
  .fv10-account-exchange{grid-template-columns:1fr}.fv10-account-exchange-form{grid-template-columns:110px 1fr 1fr auto}
}
@media(max-width:840px){
  .fv10-store-tabs{grid-template-columns:repeat(4,minmax(115px,1fr))!important;overflow-x:auto;scrollbar-width:none}.fv10-store-tabs::-webkit-scrollbar{display:none}
  .fv10-account-exchange-form{grid-template-columns:1fr 1fr}.fv10-exchange-inline-balance{grid-column:1}.fv10-account-exchange-result{grid-column:2}.fv10-account-exchange-form .btn{grid-column:1/-1}
}
@media(max-width:740px){
  .fv10-store-pass{min-height:350px!important}.fv10-store-balance b{font-size:38px}
  .fv10-store-tabs{display:flex!important;gap:7px!important;padding-bottom:3px}.fv10-store-tabs .store-tab{flex:0 0 auto;min-width:132px!important}
  .fv10-exchange-card,.fv10-exchange-info{border-radius:18px}.fv10-exchange-card{padding:21px}.fv10-exchange-info{padding:22px}.fv10-exchange-card-top{align-items:flex-start;flex-direction:column}.fv10-exchange-presets{grid-template-columns:repeat(2,1fr)}.fv10-exchange-presets button:last-child{grid-column:1/-1}.fv10-exchange-result{grid-template-columns:1fr}.fv10-exchange-result b{grid-column:1;grid-row:auto;font-size:24px}.fv10-exchange-info h3{font-size:24px}
  .fv10-account-exchange{padding:20px;margin:10px 0;border-radius:16px}.fv10-account-exchange-form{grid-template-columns:1fr}.fv10-exchange-inline-balance,.fv10-account-exchange-result,.fv10-account-exchange-form .btn{grid-column:1}.fv10-account-exchange-copy h2{font-size:24px}
  .fv-profile-balance{min-width:0}
}

/* V10 exchange history */
.fv10-exchange-history{margin-top:18px}
.fv10-exchange-history-list{display:grid;gap:10px}
.fv10-exchange-history-list article{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 16px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:linear-gradient(110deg,rgba(255,255,255,.038),rgba(255,255,255,.012))}
.fv10-exchange-history-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(224,25,46,.12);border:1px solid rgba(224,25,46,.22);font-size:20px;font-weight:800}
.fv10-exchange-history-main,.fv10-exchange-history-amount{display:grid;gap:4px}
.fv10-exchange-history-main b,.fv10-exchange-history-amount b{font-size:15px}
.fv10-exchange-history-main span,.fv10-exchange-history-amount span{font-size:11px;color:var(--muted,#8f929d)}
.fv10-exchange-history-amount{text-align:right}
.fv10-exchange-history-amount b{color:#fff;font-size:17px}
.fv10-exchange-empty-history{min-height:150px}
@media(max-width:620px){.fv10-exchange-history-list article{grid-template-columns:40px 1fr}.fv10-exchange-history-icon{width:38px;height:38px}.fv10-exchange-history-amount{grid-column:2;text-align:left;margin-top:-4px}.fv10-exchange-history-amount b{font-size:15px}}