:root{--olive: #3d4a2a;--olive-light: #5a6b3c;--sand: #f5f0e8;--sand-dark: #e8e0d0;--ink: #1a1a1a;--white: #ffffff;--gold: #c8a84e;--gold-light: #e8d38e;--slate: #4a5568;--green: #2d6a4f;--green-light: #40916c;--red-muted: #9b2226;--combat: #7c2d12;--combat-light: #fff7ed;--combat-border: #fed7aa;--bg: #f5f0e8;--accent: #c8a84e;--accent-hover: #e8d38e;--positive: #4ade80;--positive-bg: rgba(74, 222, 128, .08);--negative: #f87171;--negative-bg: rgba(248, 113, 113, .08);--warning: #fbbf24;--bg-primary: #1a2236;--bg-card: #1e2d45;--bg-elevated: #253352;--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.16);--text-primary: #f0ede8;--text-secondary: #9ca3af;--text-muted: #6b7280}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--sand);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif}.input-field{display:flex;flex-direction:column;gap:.4rem}.input-field label{font-size:.78rem;font-weight:600;color:var(--slate);text-transform:uppercase;letter-spacing:.5px}.input-field input,.input-field select{width:100%;padding:.75rem 1rem;border:1.5px solid var(--sand-dark);border-radius:10px;font-family:Inter,sans-serif;font-size:.95rem;color:var(--ink);background:var(--sand);transition:border-color .2s,box-shadow .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.input-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234a5568' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.input-field input:focus,.input-field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c8a84e26}.input-field input[type=number]{-moz-appearance:textfield}.input-field input[type=number]::-webkit-inner-spin-button,.input-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.input-field-error{font-size:.78rem;color:var(--red-muted)}.results-card{background:var(--white);border-radius:16px;padding:1.75rem;border:1px solid var(--sand-dark);transition:transform .2s,box-shadow .2s}.results-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.results-card-label{font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;color:var(--slate);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem}.results-card-amount{font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;color:var(--olive);line-height:1;margin-bottom:.3rem}.results-card-sub{font-size:.82rem;color:var(--slate)}.info-alert{background:var(--sand-dark);border:1px solid var(--sand-dark);border-left:3px solid var(--gold);border-radius:8px;padding:.75rem 1rem;font-size:.875rem;color:var(--slate);line-height:1.6}.info-alert strong{color:var(--ink)}.info-alert.combat{background:var(--combat-light);border-color:var(--combat-border);color:var(--combat)}.info-alert.combat strong{color:var(--combat)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}.toggle-label{font-size:.95rem;color:var(--ink);font-weight:500}.toggle-sublabel{font-size:.8rem;color:var(--slate);margin-top:.1rem}.toggle{position:relative;width:48px;height:26px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--sand-dark);border-radius:26px;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #00000026}.toggle input:checked+.toggle-slider{background:var(--olive)}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.duration-btn{padding:.65rem .5rem;border:1.5px solid var(--sand-dark);border-radius:10px;background:var(--sand);font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600;color:var(--slate);cursor:pointer;text-align:center;transition:all .2s}.duration-btn:hover{border-color:var(--gold);color:var(--olive)}.duration-btn.selected{border-color:var(--olive);background:var(--olive);color:var(--sand)}@media (max-width: 960px){.page-grid{grid-template-columns:1fr!important}}@media (max-width: 390px){.duration-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.duration-btn{font-size:.8rem;padding:.5rem .3rem}.feature-cards{grid-template-columns:1fr!important}.input-field input,.input-field select{font-size:.875rem;padding:.65rem .875rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes valueFadeOut{0%{opacity:1}to{opacity:0}}@keyframes valueFadeIn{0%{opacity:0}to{opacity:1}}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.85}}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawerSlideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes navUnderline{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .4s ease-out}.fade-in-up{animation:fadeInUp .25s ease-out}.results-card-amount{transition:opacity .15s ease}.results-card-amount.updating{animation:valueFadeOut .08s ease forwards,valueFadeIn .12s ease .08s forwards}.hero-value,.stat-value-animated{transition:opacity .15s ease}.hero-value.updating,.stat-value-animated.updating{animation:valueFadeOut .08s ease forwards,valueFadeIn .12s ease .08s forwards}.breakdown-value{transition:opacity .15s ease}.breakdown-value.updating{animation:valueFadeOut .08s ease forwards,valueFadeIn .12s ease .08s forwards}.civ-value{transition:opacity .15s ease}.civ-value.updating{animation:valueFadeOut .08s ease forwards,valueFadeIn .12s ease .08s forwards}.results-section{max-height:800px;opacity:1;overflow:hidden;transition:max-height .25s ease-out,opacity .2s ease-out}.results-section.collapsed{max-height:0;opacity:0}.input-field input,.input-field select{transition:border-color .15s ease,box-shadow .15s ease}.input-field input:focus,.input-field select:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px #c8a84e2e}.cta-btn{transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.cta-btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.cta-btn:active{transform:scale(.97);filter:brightness(.96)}.comparison-table-row{transition:background-color .1s ease}.comparison-table-row:hover{background-color:var(--sand-dark)}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:998;opacity:0;pointer-events:none;transition:opacity .25s ease}.mobile-nav-overlay.open{opacity:1;pointer-events:all}.mobile-nav-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--olive);z-index:999;padding:1.5rem;transform:translate(-100%);transition:transform .25s ease-out}.mobile-nav-drawer.open{transform:translate(0)}.skeleton-pulse{animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-pulse-delay-1{animation-delay:.15s}.skeleton-pulse-delay-2{animation-delay:.3s}.skeleton-pulse-delay-3{animation-delay:.45s}.skeleton-pulse-delay-4{animation-delay:.6s}.duration-btn{transition:border-color .15s ease,color .15s ease,background-color .15s ease}.toggle-track{transition:background-color .2s ease}.toggle-thumb{transition:transform .2s ease}.nav-link{transition:color .15s ease,border-color .15s ease}.results-card{transition:transform .2s ease,box-shadow .2s ease}.results-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000012}