/* FRAGMENT V19 — FRAGMENT ID fully integrated with the main site */
body[data-page="account"]{background:#060708;color:#f3efec}
body[data-page="account"] main{overflow:hidden}

/* LOGIN */
.fv19-login-page{position:relative;min-height:900px;padding:142px 0 82px;display:flex;align-items:center;isolation:isolate;background:#060708;overflow:hidden}
.fv19-login-bg{position:absolute;z-index:-3;inset:0;background:url('../img/project/gameplay-business.webp') center 42%/cover no-repeat;filter:saturate(.88) contrast(1.04) brightness(.7);transform:scale(1.012)}
.fv19-login-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(5,6,7,.96) 0%,rgba(5,6,7,.86) 34%,rgba(5,6,7,.48) 59%,rgba(5,6,7,.62) 100%),linear-gradient(180deg,rgba(6,7,8,.28),transparent 38%,#060708 100%)}
.fv19-login-layout{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:88px;align-items:center}
.fv19-login-copy{max-width:700px}
.fv19-login-copy h1{margin:0;color:#f5f1ee;font:800 clamp(62px,5.7vw,92px)/.9 Manrope,Inter,sans-serif;letter-spacing:-.064em}
.fv19-login-copy h1 em{font-style:normal;color:#ef433c}
.fv19-login-copy>p{max-width:560px;margin:24px 0 0;color:#b0aaa5;font:500 14px/1.72 Inter,sans-serif}
.fv19-login-points{display:grid;gap:11px;margin-top:30px;max-width:540px}
.fv19-login-points span{display:flex;align-items:center;gap:13px;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(8,9,10,.58);color:#d4cec9;font:700 10px Inter,sans-serif}
.fv19-login-points i{color:#ef4a43;font-style:normal;font:900 8px Inter,sans-serif}
.fv19-login-server{display:inline-flex;flex-direction:column;gap:7px;margin-top:28px;padding:14px 16px;border-left:3px solid #ef433c;background:rgba(8,9,10,.45)}
.fv19-login-server small{color:#706a66;font:900 7px Inter,sans-serif;letter-spacing:.15em}
.fv19-login-server b{display:flex;align-items:center;gap:8px;color:#e9e3de;font:800 11px Inter,sans-serif}
.fv19-login-server b i{width:7px;height:7px;border-radius:50%;background:#4bd674;box-shadow:0 0 14px rgba(75,214,116,.55)}

.fv19-login-card{padding:30px;border:1px solid rgba(255,255,255,.105);border-radius:24px;background:linear-gradient(150deg,rgba(17,17,19,.96),rgba(9,9,11,.96));box-shadow:0 34px 90px rgba(0,0,0,.38)}
.fv19-login-card-top{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.07)}
.fv19-login-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#f4473d,#9d1119);font:900 italic 16px Inter,sans-serif;color:#fff}
.fv19-login-card-top b{display:block;color:#fff;font:850 11px Manrope,sans-serif;letter-spacing:.05em}
.fv19-login-card-top small{display:block;margin-top:4px;color:#615b58;font:900 7px Inter,sans-serif;letter-spacing:.15em}
.fv19-login-title{margin:26px 0 20px}.fv19-login-title h2{margin:0;color:#f1ece8;font:800 33px/1 Manrope,sans-serif;letter-spacing:-.045em}.fv19-login-title p{margin:9px 0 0;color:#79736f;font:500 11px/1.55 Inter,sans-serif}
.fv19-login-form{display:grid;gap:15px}.fv19-login-form label>span{display:block;margin-bottom:7px;color:#a39c98;font:700 10px Inter,sans-serif}
.fv19-field{height:54px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0a0a0c;transition:.2s}.fv19-field:focus-within{border-color:rgba(239,67,60,.55);box-shadow:0 0 0 4px rgba(239,67,60,.07)}
.fv19-field>img{width:18px;height:18px;object-fit:contain;margin-left:15px;opacity:.62}.fv19-lock{margin-left:15px;color:#69635f;font-size:17px}.fv19-field input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#fff;padding:0 14px;font:600 13px Inter,sans-serif}.fv19-field input::placeholder{color:#4f4a47}.fv19-field button{width:46px;height:100%;border:0;background:transparent;color:#6d6763;cursor:pointer}
.fv19-login-help{display:flex;justify-content:space-between;gap:12px;color:#665f5c;font:600 9px Inter,sans-serif}.fv19-login-help a{color:#b7afaa}
.fv19-login-submit{width:100%;justify-content:space-between;border:0;cursor:pointer}
.fv19-login-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.fv19-login-links a{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.018);transition:.2s}.fv19-login-links a:hover{border-color:rgba(239,67,60,.28);background:rgba(239,67,60,.035)}
.fv19-login-links b{color:#dcd5d0;font:800 9px Inter,sans-serif}.fv19-login-links span{color:#ef4a43;font:800 8px Inter,sans-serif}
.fv19-demo-link{display:block;margin-top:15px;color:#6d6763;font:700 8px Inter,sans-serif;text-align:center}

/* LOGGED IN HERO */
.fv19-account-hero{position:relative;min-height:650px;padding:150px 0 74px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#060708}
.fv19-account-hero-bg{position:absolute;z-index:-3;inset:0;background:url('../img/project/gameplay-home.webp') center 54%/cover no-repeat;filter:saturate(.86) contrast(1.04) brightness(.7);transform:scale(1.01)}
.fv19-account-hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(5,6,7,.96) 0%,rgba(5,6,7,.82) 35%,rgba(5,6,7,.42) 62%,rgba(5,6,7,.5) 100%),linear-gradient(180deg,rgba(5,6,7,.28),transparent 42%,#060708 100%)}
.fv19-account-hero-inner{display:flex;align-items:end;justify-content:space-between;gap:70px}
.fv19-account-copy{max-width:760px}.fv19-account-copy h1{margin:0;color:#f4efeb;font:800 clamp(58px,5.7vw,88px)/.9 Manrope,Inter,sans-serif;letter-spacing:-.06em}.fv19-account-copy h1 em{color:#ef443d;font-style:normal}.fv19-account-copy>p{max-width:560px;margin:21px 0 0;color:#a9a29d;font:500 13px/1.7 Inter,sans-serif}
.fv19-profile-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.fv19-profile-tags span{padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(8,9,10,.52);color:#aaa29d;font:800 8px Inter,sans-serif}
.fv19-balance-card{flex:0 0 360px;padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(15,15,17,.9),rgba(8,8,10,.92));box-shadow:0 30px 90px rgba(0,0,0,.34)}
.fv19-balance-card small{display:block;color:#6d6763;font:900 8px Inter,sans-serif;letter-spacing:.16em}.fv19-balance-card strong{display:inline-block;margin:14px 7px 0 0;color:#fff;font:800 52px/1 Manrope,sans-serif;letter-spacing:-.05em}.fv19-balance-card>span{color:#ef443d;font:900 13px Inter,sans-serif}.fv19-balance-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.fv19-balance-actions .fv15-primary,.fv19-balance-actions .fv15-secondary{min-height:48px;width:100%;padding:0 14px;justify-content:space-between;font-size:9px}

/* MAIN */
.fv19-account-main{padding:44px 0 100px;background:radial-gradient(circle at 12% 12%,rgba(118,14,17,.09),transparent 28%),#070809;border-top:1px solid rgba(255,255,255,.055)}
.fv19-account-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:22px;padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0d0e10}
.fv19-account-nav a,.fv19-account-nav button{height:39px;display:inline-flex;align-items:center;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#8f8884;font:800 9px Inter,sans-serif;cursor:pointer}.fv19-account-nav a:hover,.fv19-account-nav button:hover{background:#151619;color:#fff}.fv19-account-nav a:first-child{background:#fff;color:#111}.fv19-account-nav form{margin-left:auto}
.fv19-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.fv19-metrics article{min-height:132px;padding:20px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:#0e0f11}.fv19-metrics small{color:#655f5b;font:900 7px Inter,sans-serif;letter-spacing:.15em}.fv19-metrics b{display:block;margin:15px 0 7px;color:#eee8e4;font:800 29px/1 Manrope,sans-serif}.fv19-metrics span{color:#76706c;font:600 9px Inter,sans-serif}

.fv19-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:stretch;margin-top:10px;padding:30px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:linear-gradient(145deg,#101113,#0b0c0e)}
.fv19-section-copy{display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:8px 10px}.fv19-section-copy h2{margin:0;color:#eee9e5;font:760 43px/.98 Manrope,sans-serif;letter-spacing:-.05em}.fv19-section-copy p{max-width:430px;margin:18px 0 0;color:#827c77;font:500 11px/1.7 Inter,sans-serif}.fv19-rate{width:max-content;margin-top:24px;padding:10px 12px;border:1px solid rgba(239,68,61,.22);border-radius:10px;background:rgba(239,68,61,.05);color:#ef5a52;font:800 10px Inter,sans-serif}
.fv19-exchange-form{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#090a0c}.fv19-exchange-balance{display:flex;align-items:end;justify-content:space-between;padding-bottom:16px;margin-bottom:17px;border-bottom:1px solid rgba(255,255,255,.07)}.fv19-exchange-balance span{color:#77706c;font:800 9px Inter,sans-serif}.fv19-exchange-balance b{color:#fff;font:800 24px Manrope,sans-serif}.fv19-exchange-form label{display:block;margin-bottom:14px}.fv19-exchange-form label>span{display:block;margin-bottom:7px;color:#9c9591;font:700 9px Inter,sans-serif}.fv19-exchange-form select,.fv19-exchange-input{width:100%;height:50px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#0d0e10;color:#fff;outline:0}.fv19-exchange-form select{padding:0 13px}.fv19-exchange-input{display:flex;align-items:center}.fv19-exchange-input input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#fff;padding:0 13px}.fv19-exchange-input b{padding:0 13px;color:#ef4c45;font-size:10px}.fv19-exchange-result{display:flex;justify-content:space-between;align-items:center;margin:17px 0;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#0d0e10}.fv19-exchange-result span{color:#79726e;font:800 8px Inter,sans-serif}.fv19-exchange-result b{color:#fff;font:800 22px Manrope,sans-serif}.fv19-exchange-submit{width:100%;min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid rgba(255,82,72,.42);border-radius:11px;background:linear-gradient(135deg,#ef443c,#be2523);color:#fff;font:800 10px Inter,sans-serif;cursor:pointer}.fv19-exchange-submit i{font-style:normal;font-size:15px}.fv19-exchange-submit:disabled{opacity:.45;cursor:not-allowed}

.fv19-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.fv19-card{padding:24px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:#0e0f11}.fv19-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.065)}.fv19-card-head .fv15-label{margin-bottom:7px}.fv19-card-head h3{margin:0;color:#e9e4e0;font:760 24px/1 Manrope,sans-serif;letter-spacing:-.035em}.fv19-card-head>small,.fv19-card-head>a{color:#756f6b;font:800 8px Inter,sans-serif}.fv19-card-head>a{color:#ef4f47}
.fv19-character-list{display:grid}.fv19-character-list article{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;min-height:78px;border-bottom:1px solid rgba(255,255,255,.06)}.fv19-character-list article:last-child{border-bottom:0}.fv19-character-list article.is-empty{opacity:.54}.fv19-character-num{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ef5149;font:900 8px Inter,sans-serif}.fv19-character-list b{display:block;color:#dcd6d2;font:750 11px Inter,sans-serif}.fv19-character-list small{display:block;margin-top:5px;color:#716b67;font:600 8px Inter,sans-serif}.fv19-character-list em{font-style:normal;color:#5dd67b;font:900 7px Inter,sans-serif}.fv19-character-list .is-empty em{color:#756f6b}
.fv19-account-data{margin:0}.fv19-account-data>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.055)}.fv19-account-data>div:last-child{border-bottom:0}.fv19-account-data dt{color:#746e6a;font:600 9px Inter,sans-serif}.fv19-account-data dd{margin:0;color:#d9d2ce;font:750 10px Inter,sans-serif;text-align:right}
.fv19-lower{align-items:stretch}.fv19-payment-list article,.fv19-history-list article{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;min-height:64px;border-bottom:1px solid rgba(255,255,255,.06)}.fv19-payment-list article:last-child,.fv19-history-list article:last-child{border-bottom:0}.fv19-payment-list b,.fv19-history-list b{display:block;color:#ddd7d2;font:750 10px Inter,sans-serif}.fv19-payment-list small,.fv19-history-list small{display:block;margin-top:5px;color:#6d6763;font:600 8px Inter,sans-serif}.fv19-payment-list strong,.fv19-history-list strong{color:#fff;font:800 11px Inter,sans-serif}.fv19-payment-list em{padding:6px 8px;border-radius:999px;background:#141518;color:#aaa29e;font:800 7px Inter,sans-serif;font-style:normal}.fv19-payment-list em.is-ok{color:#59d97a;background:rgba(71,190,100,.08)}.fv19-payment-list em.is-bad{color:#ff756c;background:rgba(205,47,42,.09)}
.fv19-premium{position:relative;overflow:hidden;background:linear-gradient(145deg,#111214,#0c0d0f)}.fv19-premium::before{content:"";position:absolute;width:230px;height:230px;right:-80px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(220,50,45,.17),transparent 68%)}.fv19-premium-body{position:relative;display:flex;align-items:center;gap:24px;min-height:190px}.fv19-premium-body>span{width:96px;height:96px;display:grid;place-items:center;border:1px solid rgba(239,70,62,.28);border-radius:50%;background:rgba(239,70,62,.045);color:#ef5048;font:900 30px Manrope,sans-serif}.fv19-premium-body b{display:block;color:#eee8e4;font:800 20px Manrope,sans-serif}.fv19-premium-body p{max-width:320px;margin:9px 0 16px;color:#77716d;font:500 9px/1.6 Inter,sans-serif}.fv19-premium-body a{color:#ef5149;font:800 9px Inter,sans-serif}
.fv19-history{margin-top:10px}.fv19-history-list article{grid-template-columns:1fr auto 130px}.fv19-history-list>article>span{color:#6d6763;font:700 8px Inter,sans-serif;text-align:right}
.fv19-section-empty{display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:20px;border:1px dashed rgba(255,255,255,.09);border-radius:14px;color:#77716d}.fv19-section-empty b{color:#d9d2cd;font:800 13px Manrope,sans-serif}.fv19-section-empty span{margin-top:7px;font-size:9px}.fv19-section-empty a{margin-top:14px;color:#ef4d46;font:800 9px Inter,sans-serif}
.fv19-security{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:10px;padding:28px 30px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(145deg,#0f1012,#0b0c0e)}.fv19-security .fv15-label{margin-bottom:8px}.fv19-security h3{margin:0;color:#e8e2de;font:760 22px Manrope,sans-serif}.fv19-security p{margin:8px 0 0;color:#736d69;font:500 9px/1.6 Inter,sans-serif}.fv19-security .fv15-secondary{min-width:150px}
.fv19-demo-banner{margin-top:10px;padding:12px;border:1px solid rgba(239,68,61,.15);border-radius:12px;background:rgba(124,17,18,.09);color:#937b76;font:800 8px Inter,sans-serif;text-align:center;letter-spacing:.1em}

@media(max-width:1100px){
  .fv19-login-layout{grid-template-columns:1fr 420px;gap:45px}.fv19-login-copy h1{font-size:70px}
  .fv19-account-hero-inner{gap:40px}.fv19-balance-card{flex-basis:330px}.fv19-section{grid-template-columns:1fr 1.1fr}.fv19-metrics{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .fv19-login-page{min-height:auto;padding-top:125px}.fv19-login-layout{grid-template-columns:1fr;gap:35px}.fv19-login-copy h1{font-size:62px}.fv19-login-copy>p{max-width:520px}.fv19-login-card{max-width:560px}
  .fv19-account-hero{min-height:auto;padding:128px 0 60px}.fv19-account-hero-inner{display:block}.fv19-balance-card{margin-top:34px;max-width:470px}.fv19-account-nav form{margin-left:0}.fv19-section{grid-template-columns:1fr}.fv19-section-copy{min-height:0}.fv19-two-col{grid-template-columns:1fr}.fv19-history-list article{grid-template-columns:1fr auto}.fv19-history-list>article>span{grid-column:1/-1;text-align:left}.fv19-security{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .fv19-login-page{padding:108px 0 60px}.fv19-login-bg{background-position:63% 36%;filter:saturate(.78) brightness(.58)}.fv19-login-shade{background:linear-gradient(180deg,rgba(5,6,7,.32),rgba(5,6,7,.82) 40%,#060708 78%),linear-gradient(90deg,rgba(5,6,7,.66),rgba(5,6,7,.26))}.fv19-login-copy h1{font-size:49px}.fv19-login-copy>p{font-size:12px}.fv19-login-points{display:none}.fv19-login-card{padding:22px}.fv19-login-links{grid-template-columns:1fr}
  .fv19-account-hero{padding-top:112px}.fv19-account-hero-bg{background-position:66% 48%;filter:saturate(.78) brightness(.58)}.fv19-account-hero-shade{background:linear-gradient(180deg,rgba(5,6,7,.28),rgba(5,6,7,.78) 50%,#060708 100%),linear-gradient(90deg,rgba(5,6,7,.7),rgba(5,6,7,.22))}.fv19-account-copy h1{font-size:50px}.fv19-profile-tags{gap:6px}.fv19-balance-card{padding:22px}.fv19-balance-card strong{font-size:44px}.fv19-balance-actions{grid-template-columns:1fr}.fv19-account-main{padding-top:28px}.fv19-account-nav{overflow-x:auto;flex-wrap:nowrap}.fv19-account-nav a,.fv19-account-nav button{white-space:nowrap}.fv19-account-nav form{margin-left:0}.fv19-metrics{grid-template-columns:1fr 1fr}.fv19-metrics article{min-height:110px;padding:16px}.fv19-metrics b{font-size:24px}.fv19-section{padding:21px}.fv19-section-copy h2{font-size:36px}.fv19-card{padding:20px}.fv19-character-list article{grid-template-columns:36px 1fr}.fv19-character-list em{grid-column:2}.fv19-payment-list article{grid-template-columns:1fr auto}.fv19-payment-list em{grid-column:1/-1;width:max-content}.fv19-premium-body{align-items:flex-start}.fv19-premium-body>span{width:76px;height:76px;flex:0 0 auto;font-size:25px}.fv19-security{padding:22px}
}