/* ---- Winnings Calculator card (reused on winnings-calculator.html) ---- */
.calc-modal{
  background:var(--char-2);border:1px solid var(--char-3);border-radius:16px;
  width:100%;max-width:540px;max-height:90vh;overflow-y:auto;
  box-shadow:0 0 60px rgba(255,122,0,.12),0 20px 60px rgba(0,0,0,.5);
  animation:calcSlideIn .25s ease;
}
@keyframes calcSlideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.calc-modal-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 28px 16px;border-bottom:1px solid var(--char-3);
}
.calc-modal-header h2{font-size:1.4rem;font-family:'Bebas Neue',sans-serif;letter-spacing:.06em;color:#fff}
.calc-body{padding:24px 28px 28px}
.calc-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-bottom:22px}
.calc-field{display:flex;flex-direction:column;gap:5px}
.calc-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mist)}
.calc-input-wrap{position:relative;display:flex;align-items:center}
.calc-input-wrap .c-unit{
  position:absolute;right:10px;font-family:'JetBrains Mono',monospace;
  font-size:.72rem;color:var(--mist);pointer-events:none;
}
.calc-input{
  width:100%;background:#0d1210;border:1px solid var(--char-3);border-radius:8px;
  color:var(--paper);font-family:'JetBrains Mono',monospace;font-size:.92rem;
  padding:9px 40px 9px 12px;outline:none;transition:border-color .2s,box-shadow .2s;
  -moz-appearance:textfield;
}
.calc-input::-webkit-inner-spin-button,.calc-input::-webkit-outer-spin-button{-webkit-appearance:none}
.calc-input:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(255,122,0,.15)}
.calc-divider{height:1px;background:var(--char-3);margin-bottom:20px;position:relative}
.calc-divider span{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  background:var(--char-2);padding:0 10px;font-size:.7rem;letter-spacing:.14em;
  color:var(--mist);text-transform:uppercase;font-family:'JetBrains Mono',monospace;
}
.calc-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0}
.calc-box{
  background:#0d1210;border:1px solid var(--char-3);border-radius:10px;padding:14px 16px;
}
.calc-box.c-highlight{
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;
  border-color:var(--aqua);box-shadow:0 0 20px rgba(255,122,0,.15);
}
.calc-box .c-label{font-size:.68rem;letter-spacing:.12em;color:var(--mist);text-transform:uppercase;margin-bottom:5px}
.calc-box.c-highlight .c-label{margin-bottom:0}
.calc-box .c-val{font-family:'JetBrains Mono',monospace;font-size:1.1rem;color:var(--paper)}
.calc-box.c-highlight .c-val{font-size:1.55rem;color:var(--aqua);text-shadow:0 0 14px rgba(255,122,0,.5)}
.calc-box.c-neg .c-val{color:#ff4d6d}
@media(max-width:480px){
  .calc-field-grid,.calc-results{grid-template-columns:1fr}
  .calc-box.c-highlight{flex-direction:column;align-items:flex-start;gap:4px}
  .calc-modal-header,.calc-body{padding-left:18px;padding-right:18px}
}

/* ---- Standalone calculator page chrome ---- */
.calc-page-hero{padding:44px 0 4px;text-align:center}
.calc-page-hero h1{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(2rem,4.4vw,2.6rem)}
.calc-page-hero h1 img{width:36px;height:36px;object-fit:contain}
.calc-page-hero p{color:var(--mist);margin:12px auto 0;max-width:520px}
.calc-page-back{display:inline-flex;align-items:center;gap:6px;color:var(--mist);font-size:.88rem;margin-bottom:8px}
.calc-page-back:hover{color:var(--aqua)}
.calc-page-card{
  max-height:none;overflow-y:visible;max-width:600px;margin:36px auto 0;animation:none;
}
