/* lol-account-worth tool styles – v20261027 */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Exo+2:wght@.ags-tool[data-tool="lol-account-worth"] 300;400;500;600;700&display=swap');





.calc-wrapper{
  max-width:780px;
  margin:0 auto;
  padding:24px 18px 40px;
}.ags-tool[data-tool="lol-account-worth"] .calc-header{
  text-align:center;
  margin-bottom:28px;
  position:relative;
}.ags-tool[data-tool="lol-account-worth"] .calc-header::before{
  content:'';
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:320px;height:320px;
  background:radial-gradient(circle,rgba(0,180,216,0.08) 0%,transparent 70%);
  pointer-events:none;
  z-index:0;
}.ags-tool[data-tool="lol-account-worth"] .calc-logo{
  font-family:'Rajdhani',sans-serif;
  font-size:13px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#00b4d8;
  margin-bottom:6px;
  position:relative;z-index:1;
}.ags-tool[data-tool="lol-account-worth"] .calc-title{
  font-family:'Rajdhani',sans-serif;
  font-size:clamp(26px,5vw,36px);
  font-weight:700;
  color:#e8eaed;
  line-height:1.15;
  position:relative;z-index:1;
}.ags-tool[data-tool="lol-account-worth"] .calc-title span{color:#00b4d8}.ags-tool[data-tool="lol-account-worth"] .calc-sub{
  font-size:13px;
  color:#6b7280;
  margin-top:6px;
  position:relative;z-index:1;
}.ags-tool[data-tool="lol-account-worth"] .section-label{
  font-family:'Rajdhani',sans-serif;
  font-size:14px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#00b4d8;
  margin:24px 0 14px;
  padding-left:2px;
  display:flex;align-items:center;gap:8px;
}.ags-tool[data-tool="lol-account-worth"] .section-label::before{
  content:'';width:3px;height:16px;background:#00b4d8;border-radius:2px;
}.ags-tool[data-tool="lol-account-worth"] .form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

@.ags-tool[data-tool="lol-account-worth"] media(max-width:520px){.ags-tool[data-tool="lol-account-worth"] .form-grid{grid-template-columns:1fr}
}.ags-tool[data-tool="lol-account-worth"] .field{display:flex;flex-direction:column;gap:5px}.ags-tool[data-tool="lol-account-worth"] .field.full{grid-column:1/-1}.ags-tool[data-tool="lol-account-worth"] .field label{
  font-size:12px;
  font-weight:500;
  color:#9ca3af;
  letter-spacing:0.5px;
}.ags-tool[data-tool="lol-account-worth"] .field input,
.ags-tool[data-tool="lol-account-worth"] .field select{
  background:#111827;
  border:1px solid #1e293b;
  border-radius:8px;
  padding:10px 12px;
  font-family:'Exo 2',sans-serif;
  font-size:14px;
  color:#e8eaed;
  outline:none;
  transition:border-color .2s,box-shadow .2s;
}.ags-tool[data-tool="lol-account-worth"] .field input:focus,
.ags-tool[data-tool="lol-account-worth"] .field select:focus{
  border-color:#00b4d8;
  box-shadow:0 0 0 3px rgba(0,180,216,0.12);
}.ags-tool[data-tool="lol-account-worth"] .field input::placeholder{color:#374151}.ags-tool[data-tool="lol-account-worth"] .field select option{background:#111827;color:#e8eaed}.ags-tool[data-tool="lol-account-worth"] .field input[type="number"]{-moz-appearance:textfield}.ags-tool[data-tool="lol-account-worth"] .field input[type="number"]::-webkit-outer-spin-button,
.ags-tool[data-tool="lol-account-worth"] .field input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ags-tool[data-tool="lol-account-worth"] .skins-rare-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:14px;
}

@.ags-tool[data-tool="lol-account-worth"] media(max-width:520px){.ags-tool[data-tool="lol-account-worth"] .skins-rare-row{grid-template-columns:1fr}
}.ags-tool[data-tool="lol-account-worth"] .rare-skins-group{
  background:#111827;
  border:1px solid #1e293b;
  border-radius:10px;
  padding:12px;
}.ags-tool[data-tool="lol-account-worth"] .rare-skins-group h4{
  font-family:'Rajdhani',sans-serif;
  font-size:12px;
  font-weight:600;
  color:#f59e0b;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-bottom:8px;
}.ags-tool[data-tool="lol-account-worth"] .checkbox-row{
  display:flex;align-items:center;gap:8px;
  padding:4px 0;
  cursor:pointer;
}.ags-tool[data-tool="lol-account-worth"] .checkbox-row input[type="checkbox"]{
  appearance:none;-webkit-appearance:none;
  width:16px;height:16px;
  border:1.5px solid #374151;
  border-radius:4px;
  background:#0a0e1a;
  cursor:pointer;
  position:relative;
  flex-shrink:0;
  transition:all .15s;
}.ags-tool[data-tool="lol-account-worth"] .checkbox-row input[type="checkbox"]:checked{
  background:#00b4d8;border-color:#00b4d8;
}.ags-tool[data-tool="lol-account-worth"] .checkbox-row input[type="checkbox"]:checked::after{
  content:'✓';
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  font-size:11px;color:#fff;font-weight:700;
}.ags-tool[data-tool="lol-account-worth"] .checkbox-row span{
  font-size:12px;color:#9ca3af;
}.ags-tool[data-tool="lol-account-worth"] .btn-calc{
  display:block;
  width:100%;
  margin-top:28px;
  padding:14px;
  background:linear-gradient(135deg,#00b4d8 0%,#0077b6 100%);
  border:none;
  border-radius:10px;
  font-family:'Rajdhani',sans-serif;
  font-size:18px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#fff;
  cursor:pointer;
  transition:transform .15s,box-shadow .15s;
  position:relative;
  overflow:hidden;
}.ags-tool[data-tool="lol-account-worth"] .btn-calc:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 24px rgba(0,180,216,0.3);
}.ags-tool[data-tool="lol-account-worth"] .btn-calc:active{transform:translateY(0)}.ags-tool[data-tool="lol-account-worth"] .btn-calc::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);
  transform:translateX(-100%);
  transition:transform .5s;
}.ags-tool[data-tool="lol-account-worth"] .btn-calc:hover::after{transform:translateX(100%)}.ags-tool[data-tool="lol-account-worth"] /* Results */
.results{
  display:none;
  margin-top:28px;
  animation:fadeUp .4s ease;
}

@.ags-tool[data-tool="lol-account-worth"] keyframes fadeUp{.ags-tool[data-tool="lol-account-worth"] from{opacity:0;transform:translateY(16px)}.ags-tool[data-tool="lol-account-worth"] to{opacity:1;transform:translateY(0)}
}.ags-tool[data-tool="lol-account-worth"] .result-card{
  background:linear-gradient(145deg,#111827 0%,#0f172a 100%);
  border:1px solid #1e293b;
  border-radius:14px;
  padding:28px 24px;
  text-align:center;
  position:relative;
  overflow:hidden;
}.ags-tool[data-tool="lol-account-worth"] .result-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#00b4d8,#f59e0b,#00b4d8);
}.ags-tool[data-tool="lol-account-worth"] .result-label{
  font-size:13px;color:#6b7280;letter-spacing:1px;text-transform:uppercase;
}.ags-tool[data-tool="lol-account-worth"] .result-value{
  font-family:'Rajdhani',sans-serif;
  font-size:clamp(42px,8vw,56px);
  font-weight:700;
  color:#00b4d8;
  line-height:1.2;
  margin:6px 0;
}.ags-tool[data-tool="lol-account-worth"] .result-range{
  font-size:14px;color:#9ca3af;margin-bottom:18px;
}.ags-tool[data-tool="lol-account-worth"] .breakdown{
  margin-top:18px;
  text-align:left;
}.ags-tool[data-tool="lol-account-worth"] .breakdown-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 0;
  border-bottom:1px solid #1e293b;
  font-size:13px;
}.ags-tool[data-tool="lol-account-worth"] .breakdown-row:last-child{border:none}.ags-tool[data-tool="lol-account-worth"] .breakdown-row .br-label{color:#9ca3af}.ags-tool[data-tool="lol-account-worth"] .breakdown-row .br-value{color:#e8eaed;font-weight:600;font-family:'Rajdhani',sans-serif;font-size:15px}.ags-tool[data-tool="lol-account-worth"] .breakdown-row .br-value.highlight{color:#f59e0b}.ags-tool[data-tool="lol-account-worth"] .result-note{
  margin-top:16px;
  font-size:11px;
  color:#4b5563;
  line-height:1.5;
  text-align:center;
}.ags-tool[data-tool="lol-account-worth"] .cta-box{
  margin-top:20px;
  padding:16px;
  background:linear-gradient(135deg,rgba(0,180,216,0.08),rgba(245,158,11,0.06));
  border:1px solid rgba(0,180,216,0.2);
  border-radius:10px;
  text-align:center;
}.ags-tool[data-tool="lol-account-worth"] .cta-box p{font-size:13px;color:#9ca3af;margin-bottom:10px;line-height:1.5}.ags-tool[data-tool="lol-account-worth"] .cta-link{
  display:inline-block;
  padding:10px 28px;
  background:linear-gradient(135deg,#f59e0b,#d97706);
  border-radius:8px;
  color:#fff;
  font-family:'Rajdhani',sans-serif;
  font-weight:700;
  font-size:14px;
  letter-spacing:1px;
  text-transform:uppercase;
  text-decoration:none;
  transition:transform .15s,box-shadow .15s;
}.ags-tool[data-tool="lol-account-worth"] .cta-link:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 16px rgba(245,158,11,0.3);
}.ags-tool[data-tool="lol-account-worth"] .watermark{
  text-align:center;
  margin-top:24px;
  font-size:11px;
  color:#374151;
  letter-spacing:1px;
}.ags-tool[data-tool="lol-account-worth"] .watermark a{color:#00b4d8;text-decoration:none}