:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7ff;background:#0b1020;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% 0%,#273761 0,transparent 30rem),#0b1020}button,input,select{font:inherit}.page-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:64px 0 80px}.site-header{margin-bottom:48px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.topbar .eyebrow{margin:0}.language-control{display:flex;align-items:center;gap:10px;white-space:nowrap}.language-control select{width:auto;min-width:170px;padding:9px 34px 9px 11px}.hero{display:grid;grid-template:"title image" auto "copy image" auto / minmax(0,720px) clamp(112px,15vw,168px);width:min(100%,970px);column-gap:clamp(28px,6vw,72px);align-items:center}.hero>div{display:contents}.hero h1{grid-area:title;align-self:end}.hero-copy{grid-area:copy;max-width:690px;margin-bottom:0}.hero-thumbnail{grid-area:image;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.35))}.eyebrow,.formation-id{margin:0 0 8px;color:#71e3d5;font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:16px;font-size:clamp(2.6rem,5.4vw,4rem);line-height:.98;letter-spacing:-.055em}h2{margin-bottom:8px;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.035em}h3{margin-bottom:6px;font-size:1.17rem}.hero-copy,.helper,.formation-heading p,.result-summary>p{color:#b9c3da;line-height:1.55}.calculator,.formation-card,.remaining-card,.notes,.result-summary{border:1px solid #283557;border-radius:18px;background:#131b31d6;box-shadow:0 18px 50px #0000002e}.calculator{padding:clamp(20px,4vw,34px)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:28px}.section-heading .helper{max-width:330px;margin:0;font-size:.92rem}form{display:grid;gap:22px}fieldset{min-width:0;margin:0;padding:0;border:0}legend{margin-bottom:12px;font-weight:750}.input-grid{display:grid;gap:14px}.three-columns{grid-template-columns:repeat(3,1fr)}label{display:grid;gap:7px;color:#c6cee1;font-size:.88rem;font-weight:650}input,select{width:100%;border:1px solid #3a496f;border-radius:10px;padding:12px 13px;color:#f7f9ff;background:#111a31;outline:none}input:focus,select:focus{border-color:#71e3d5;box-shadow:0 0 0 3px #71e3d524}.troop-field.has-error{color:#ffb4ba}input.input-invalid{border-color:#ff6574;background:#301b2b;box-shadow:0 0 0 3px #ff657424}.input-error{color:#ffb4ba;font-size:.78rem;font-weight:650}.slot-field{width:min(100%,230px);margin-top:15px}.valora-control{display:flex;align-items:center;gap:12px;margin-top:17px;padding:12px;border:1px solid #3a496f;border-radius:13px;background:linear-gradient(110deg,#302a5b99,#111a31cc)}.valora-portrait{width:52px;height:52px;object-fit:contain}.valora-skill{width:38px;height:38px;object-fit:contain}.valora-control label{flex:1}.form-error{margin:0;color:#ffb4ba}.live-status{margin:0;color:#71e3d5;font-size:.88rem;font-weight:700}.results{margin-top:32px}.result-summary{padding:24px;margin-bottom:18px;background:linear-gradient(125deg,#1f6872b3,#131b31f2)}.result-summary h2{margin-bottom:5px}.result-summary>p:last-child{margin:0}.results-stack{display:grid;gap:18px}.formation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.formation-card,.remaining-card,.notes{padding:21px}.formation-heading{display:flex;justify-content:space-between;gap:14px}.formation-heading p{margin-bottom:0;font-size:.88rem}.capacity{text-align:right;white-space:nowrap;color:#b9c3da}.capacity strong{display:block;color:#f9fbff;font-size:1.15rem}.capacity span{font-size:.8rem}.fill-track{height:6px;margin:18px 0;overflow:hidden;border-radius:999px;background:#2b385a}.fill-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#69dfd2,#79b6ff)}.troop-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.troop-list div{padding:9px;border-radius:10px;background:#111a31}.troop-list dt{margin-bottom:3px;color:#9eabc7;font-size:.71rem;font-weight:700;text-transform:uppercase}.troop-list dd{margin:0;font-size:.96rem;font-weight:800}.card-detail{margin:17px 0 0;padding:11px 12px;border-radius:10px;color:#d0daf1;background:#71e3d517;font-size:.88rem;line-height:1.45}.notes{border-color:#66542a;background:#49391a73}.notes h3{margin-bottom:9px}.notes ul{margin:0;padding-left:20px;color:#e4d5a5;line-height:1.55}.site-footer{margin-top:48px;padding-top:24px;border-top:1px solid #283557;text-align:center}.site-footer p{margin:0;color:#9eabc7;font-size:.85rem}@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr) clamp(100px,17vw,132px);column-gap:clamp(20px,5vw,40px)}.formation-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading .helper{margin-top:12px}}@media(max-width:620px){.page-shell{width:min(100% - 22px,1120px);padding-top:42px}.site-header{margin-bottom:38px}.topbar{align-items:flex-start;margin-bottom:28px}.language-control{display:grid;justify-items:end;gap:5px}.language-control select{min-width:148px;max-width:165px}.hero{grid-template:"title image" auto "copy copy" auto / minmax(0,1fr) 88px;column-gap:18px}.hero-thumbnail{align-self:start}h1{font-size:clamp(2.35rem,10vw,3.15rem)}.three-columns,.troop-list{grid-template-columns:1fr}.formation-heading{display:block}.capacity{margin-top:12px;text-align:left}}