/* Troop Camp is a construction route, not a generic calculator card. */
:root{--camp-void:#1e2926;--camp-deep:#26332f;--camp-panel:#30403a;--camp-ink:#fff1c7;--camp-mist:#c1bba1;--camp-line:rgba(211,236,225,.22);--camp-mint:#d3ece1;--camp-amber:#c77a27;--camp-coral:#f07c5f}
html{background:var(--camp-void)}body{background:radial-gradient(58rem 38rem at 108% -13%,rgba(211,236,225,.25),transparent 63%),radial-gradient(48rem 34rem at -13% 93%,rgba(199,122,39,.21),transparent 65%),var(--camp-void);color:var(--camp-ink);font-family:var(--wos-sans)}.tool-shell{width:min(1320px,100%);padding:0 clamp(20px,5vw,72px)}.tool-head{min-height:106px;padding:0;border-color:var(--camp-line)}.brand{gap:17px}.brand-mark{display:none}.brand b{font:700 22px/1 var(--wos-sans);letter-spacing:.075em}.brand span,.mono,.eyebrow{font-family:var(--wos-mono)}.brand .brand-sub{margin:5px 0 0;color:var(--camp-mist);font-size:10px;letter-spacing:.15em}.tool-nav{gap:7px}.tool-nav a{border:1px solid transparent;border-radius:7px;padding:10px 11px;color:var(--camp-mist);font-size:10px;letter-spacing:.12em}.tool-nav a:hover,.tool-nav a[aria-current="page"]{background:rgba(199,122,39,.13);border-color:rgba(199,122,39,.55);color:var(--camp-amber)}
.tool-hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(35px,7vw,94px);min-height:400px;padding:clamp(58px,8vw,112px) 0 clamp(46px,6vw,76px);border-color:var(--camp-line);overflow:hidden}.tool-hero::before{content:"";position:absolute;right:2%;bottom:-155px;width:400px;height:400px;border:1px solid rgba(211,236,225,.22);border-radius:50%;box-shadow:0 0 0 64px rgba(211,236,225,.025),0 0 0 128px rgba(211,236,225,.018)}.tool-hero::after{content:"BUILD / COST / TIME";position:absolute;right:0;top:64px;color:rgba(211,236,225,.13);font:10px/1 var(--wos-mono);letter-spacing:.18em;writing-mode:vertical-rl}.tool-hero>*{position:relative;z-index:1}.eyebrow{color:var(--camp-amber)}h1{max-width:9ch;margin:14px 0 0;font:700 clamp(57px,8.2vw,118px)/.8 var(--wos-display);letter-spacing:-.06em;text-transform:uppercase}h1 em{color:var(--camp-mint)}.tool-hero p:last-child{align-self:end;max-width:46ch;margin:0;padding:22px;border-left:2px solid var(--camp-amber);background:rgba(199,122,39,.07);color:var(--camp-mist);font-size:17px;line-height:1.6}
main{padding:clamp(46px,7vw,92px) 0}.planner{grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);gap:18px}.panel{border-color:var(--camp-line);border-radius:17px;background:linear-gradient(145deg,rgba(48,64,58,.93),rgba(38,51,47,.96));padding:clamp(22px,3vw,34px)}.panel-title{align-items:flex-end;padding-bottom:19px;border-bottom:1px solid var(--camp-line)}.panel-title h2{font:700 clamp(31px,3.7vw,50px)/.86 var(--wos-display);letter-spacing:-.045em;text-transform:uppercase}.panel-title span{color:var(--camp-mint);font-family:var(--wos-mono)}.choice-row{gap:0;margin:0 0 23px;border:1px solid var(--camp-line);border-radius:9px;overflow:hidden}.choice-row button{flex:1;border:0;border-right:1px solid var(--camp-line);border-radius:0;padding:14px 10px;background:rgba(27,32,31,.32);color:var(--camp-mist);font-family:var(--wos-mono)}.choice-row button:last-child{border-right:0}.choice-row button:hover,.choice-row button.on{background:var(--camp-amber);color:var(--camp-void)}.field label{color:var(--camp-ink);font-family:var(--wos-mono)}.field .sub{color:var(--camp-mist);font-family:var(--wos-sans)}input,select{border-color:var(--camp-line);border-radius:8px;background:rgba(27,32,31,.38);color:var(--camp-ink)}select option{background:var(--camp-deep)}.divider,.steps{border-color:var(--camp-line)}.toggles{gap:8px}.toggle{border-color:var(--camp-line);border-radius:8px;background:rgba(27,32,31,.28)}.toggle b{color:var(--camp-ink);font-family:var(--wos-mono)}.toggle small,.hint{color:var(--camp-mist)}.toggle input{background:rgba(211,236,225,.25)}.toggle input:checked{background:var(--camp-mint)}.hint{padding:14px 0 0;border-top:1px solid var(--camp-line)}.hint b{color:var(--camp-mint)}
.result .panel{position:relative;border-color:rgba(199,122,39,.72);background:linear-gradient(145deg,rgba(81,63,39,.48),rgba(48,64,58,.96) 45%,rgba(38,51,47,.98))}.result .panel::before{content:"PROJECTED BILL";position:absolute;right:24px;bottom:26px;color:rgba(255,241,199,.075);font:700 40px/.8 var(--wos-display);letter-spacing:-.05em}.result-top{position:relative;z-index:1}.result-top h2{font:700 clamp(42px,5.2vw,68px)/.78 var(--wos-display);letter-spacing:-.06em;text-transform:uppercase}.result-top .pill{border-color:rgba(199,122,39,.6);color:var(--camp-amber);font-family:var(--wos-mono)}.stat-grid{position:relative;z-index:1;border-color:var(--camp-line)}.stat{min-height:102px;border-color:var(--camp-line);background:rgba(27,32,31,.17)}.stat b{font-family:var(--wos-display);font-size:clamp(30px,3.2vw,42px);font-weight:700;letter-spacing:-.045em}.stat span{color:var(--camp-mist);font-family:var(--wos-mono)}.stat.time b{color:var(--camp-mint)}.stat.power b{color:var(--camp-amber)}.result-note{position:relative;z-index:1;color:var(--camp-mist)}.result-note b{color:var(--camp-mint)}.steps{position:relative;z-index:1}.steps summary{color:var(--camp-ink);font-family:var(--wos-mono)}.steps ul{color:var(--camp-mist);font-family:var(--wos-mono)}
.section-rule{margin-top:clamp(68px,10vw,120px);padding:32px 0 0;border-color:var(--camp-line)}.section-rule h2{font:700 clamp(37px,5vw,66px)/.84 var(--wos-display);letter-spacing:-.05em;text-transform:uppercase}.section-rule p{color:var(--camp-mist)}.callout{border-left:2px solid var(--camp-coral);background:rgba(240,124,95,.08);color:var(--camp-mist)}.callout strong{color:var(--camp-ink)}.site-foot{border-color:var(--camp-line);color:var(--camp-mist);font-family:var(--wos-mono)}
@media(max-width:850px){.tool-hero,.planner{grid-template-columns:1fr}.tool-hero{min-height:0}.tool-hero p:last-child{max-width:600px}.result{position:static}}@media(max-width:640px){.tool-head{min-height:0;padding:20px 0}.brand{gap:7px}.brand>.wos-mark{margin-right:-15px;transform:scale(.75);transform-origin:left center}.brand b{font-size:17px}.brand .brand-sub{display:none}.tool-nav{justify-content:flex-start}.tool-hero{padding-top:55px}.choice-row{display:grid;grid-template-columns:1fr 1fr}.choice-row button:nth-child(2){border-right:0}.choice-row button:nth-child(-n+2){border-bottom:1px solid var(--camp-line)}.field-grid{grid-template-columns:1fr}.panel{padding:21px}.result-top h2{font-size:52px}}
