/* Payroll keeps the game's blue cabinet, yellow accents and arcade labels. */
.payrollPage{background:radial-gradient(ellipse at 90% 8%,#17327488,transparent 38%),#070e24}.payrollMain{max-width:1320px;padding:0 36px}.backGame{color:#c8d4ed;text-decoration:none;font:700 11px monospace;line-height:1.6}.backGame:hover{color:var(--yellow)}.payrollHero{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:45px 0 38px}.payrollHero h1{font-size:clamp(38px,5vw,66px);line-height:1.04;margin:20px 0}.payrollHero h1 em{color:var(--yellow);font-style:normal}.payrollHero>div>p:not(.eyebrow){max-width:590px;line-height:1.8;font-size:15px;color:#b8c6e1}.payrollBadges{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.payrollBadges span{font:700 8px monospace;letter-spacing:1px;padding:9px 10px;border:1px solid #3c4e75;color:#b7c9eb}.payrollArt{margin:0;padding:12px;background:#162348;border:1px solid #52648a;box-shadow:7px 7px #03091a;transform:rotate(1deg)}.payrollArt img{display:block;width:100%;height:auto;border:2px solid #070e24}.payrollArt figcaption{padding:10px 0 0;font:10px monospace;letter-spacing:.5px;color:var(--yellow);text-align:center}.calculatorGrid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.62fr);gap:24px;align-items:start}.inputPanel,.resultPanel{padding:26px;background:#101b37;border:1px solid #3c4c70;box-shadow:5px 5px #030919}.inputPanel{border-top:3px solid var(--yellow);position:sticky;top:16px}.inputPanel h2,.resultPanel h2{font-size:25px;letter-spacing:-.5px;margin:14px 0 22px}.resultPanel{background:linear-gradient(160deg,#15244b,#0d172e)}.resultPanel h2{display:flex;align-items:center;justify-content:space-between;gap:10px}.resultPanel h2>span{color:var(--yellow);border:1px solid #776a38;padding:7px 9px;font:700 12px monospace;letter-spacing:1px}.stageSelector{border:0;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.stageSelector legend{font-size:12px;color:#bac8e1;margin:0 0 12px}.stageSelector label{position:relative;cursor:pointer}.stageSelector input{position:absolute;opacity:0}.stageSelector label>span{display:flex;flex-direction:column;gap:7px;padding:14px 10px;background:#0a1430;border:1px solid #3e5179;min-height:76px}.stageSelector b{font:700 19px monospace}.stageSelector small{font-size:10px;color:#a8bbdc}.stageSelector input:checked+span{background:#283955;border:2px solid var(--yellow);padding:13px 9px;color:var(--yellow)}.stageSelector input:focus-visible+span{outline:3px solid #dce6ff;outline-offset:3px}.payrollField{display:flex;flex-direction:column;gap:9px;margin:0 0 22px;font-size:12px}.payrollField input:not([type=range]){display:block;width:100%;min-height:45px;background:#071329;border:1px solid #596c94;color:#f8f2df;font:600 16px monospace;padding:12px}.payrollField input:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.payrollField small{font-size:10px;line-height:1.7;color:#9eafcd}.hoursControl{display:flex;align-items:center;background:#071329;border:1px solid #596c94;min-width:0}.hoursControl input:not([type=range]){border:0;min-width:0;flex:1;background:none;width:0}.hoursControl>span{font:12px monospace;padding-right:15px;color:#b9cae7}.hoursField input[type=range]{width:100%;accent-color:var(--yellow);cursor:pointer;margin:8px 0;min-height:22px}.hoursField small strong{color:#e9cf79}.calculationDate{border-top:1px solid #354664;border-bottom:1px solid #354664;padding:14px 0;margin:0 0 20px}.calculationDate summary{font:11px monospace;color:#c5d1e7;cursor:pointer;line-height:1.6}.calculationDate[open] summary{margin-bottom:16px}.calculationDate p{font-size:10px;color:#a3b1ce;line-height:1.6}.calculationDate button{font-size:9px}.calculateButton{margin:0;width:100%;font-size:11px;padding:16px 10px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px}.calculateButton span{margin:0}.privateCalculation{font-size:10px;line-height:1.8;color:#99abc9;margin:22px 0 0}.privateCalculation span{color:#88c9b5;font-size:15px;margin-right:4px}#calculationError{color:#ffd39d;font-size:12px;line-height:1.7;border-left:2px solid #ffb16b;padding-left:12px;margin-top:20px}.resultPeriod{font-size:11px;color:#acbdd9;line-height:1.6;margin-top:-10px;margin-bottom:20px}.netResult{background:linear-gradient(120deg,#21396a,#14294e);border:1px solid #556d9c;padding:23px;position:relative}.netResult:before{content:'★';position:absolute;top:17px;right:18px;color:var(--yellow);font-size:17px}.netResult>p{font:700 9px monospace;letter-spacing:1px;color:#b3c3e0;margin:0 0 15px;padding-right:15px}.netResult>strong{display:block;color:var(--yellow);font-size:clamp(34px,4vw,52px);letter-spacing:-1.5px;line-height:1.1}.netResult>span{display:block;font-size:11px;color:#bac9e3;margin:12px 0 18px;line-height:1.6}.netMeter{height:10px;border:2px solid #0b1731;background:#4b3a51;padding:1px}.netMeter>span{display:block;height:100%;background:linear-gradient(90deg,#55b889,#92e1ad);transition:width .3s}.netResult>small{display:block;font:9px monospace;color:#aacbbf;margin-top:10px}.seniorityBadges{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 0;border-bottom:1px solid #334466;gap:8px}.seniorityBadges>div{text-align:center;padding:3px 0;border-right:1px solid #334466}.seniorityBadges>div:last-child{border:0}.seniorityBadges strong{display:block;font:700 25px monospace;color:#e3e9f6}.seniorityBadges span{display:block;font:8px monospace;letter-spacing:.7px;color:#98acca;margin-top:7px}.payerCards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.payerCards>div{background:#0c1731;border:1px solid #364b70;padding:15px}.payerCards p{margin:0 0 13px;font:700 9px monospace;color:#bacdeb;letter-spacing:.3px;line-height:1.6}.payerCards p>span{display:block;color:var(--yellow);margin-top:4px}.payerCards strong{display:block;font:700 clamp(17px,2vw,24px) monospace;color:#eceddc}.payerCards small{display:block;font-size:10px;color:#899fbe;margin-top:7px}.summaryTiles{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:24px 0 30px}.summaryTiles>div{border-left:2px solid #526d9c;padding-left:12px}.summaryTiles span{display:block;font-size:10px;color:#96aacc;margin-bottom:9px}.summaryTiles strong{font:700 16px monospace;color:#d3e0f6}.breakdownHeading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.breakdownHeading h3{font-size:17px;letter-spacing:-.3px}.breakdownHeading>span{font:8px monospace;color:#879bbb}.payrollTableWrap{overflow-x:auto;border:1px solid #35476b}.payrollTable{width:100%;font-size:11px}.payrollTable caption{text-align:left;padding:12px;font-size:10px;color:#a3b7d9;background:#0b1630;line-height:1.6}.payrollTable th,.payrollTable td{padding:12px 10px;border-bottom:1px solid #2b3d5c;line-height:1.4;overflow-wrap:normal}.payrollTable thead th{font:700 9px monospace;background:#132449;color:#d7e4fb}.payrollTable th:not(:first-child),.payrollTable td{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.payrollTable tbody th{font-size:11px;font-weight:400;color:#b6c7e2;min-width:135px}.payrollTable tbody td{color:#d6e1ef}.payrollTable .grossRow,.payrollTable .deductionsRow{background:#17294a}.payrollTable .grossRow th,.payrollTable .grossRow td{color:#f2dfa2;font-weight:700}.payrollTable .baseRow th,.payrollTable .baseRow td{font-size:10px;color:#91a7c6}.payrollTable .netRow th,.payrollTable .netRow td{color:#98e3bb;background:#122e37;font-weight:bold}.payrollTable .extraRow th,.payrollTable .extraRow td{color:#e9d990}.roundingNote{font-size:10px;line-height:1.7;color:#839abc;margin:14px 0 4px}.annualDetail{display:flex;flex-wrap:wrap;gap:16px;font-size:10px;color:#8da3c4;margin:18px 0}.annualDetail b{color:#bccfe9}.invalidResult{padding:40px 20px;background:#192441;border:1px solid #7d694d;line-height:1.7}.invalidResult strong{color:#ffda97}.invalidResult p{font-size:12px;color:#b6c4dc}.modelNotes{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;border-top:1px solid #33415f;padding:30px 0;margin-top:40px}.modelNotes h2{font-size:24px;margin:14px 0}.modelNotes p,.modelNotes li{font-size:12px;color:#a9bbd8;line-height:1.9}.modelNotes ul{padding-left:16px;margin-top:0}.modelNotes li{padding-bottom:8px}.modelNotes details{margin-top:18px;padding-top:18px;border-top:1px solid #344360}.modelNotes summary{font-size:12px;color:var(--yellow);cursor:pointer;line-height:1.7}.modelNotes a{color:#d5d7ab;text-underline-offset:4px}.modelNotes dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;line-height:1.6}.modelNotes dt{color:#a7bad9}.modelNotes dd{margin:0;color:#e5e5cf}.payrollSupport{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #3c5078;border-left:3px solid var(--yellow);background:#14213f;padding:26px;margin:10px 0 40px}.payrollSupport h2{font-size:26px;margin:14px 0}.payrollSupport p:not(.eyebrow){font-size:12px;color:#b4c3dd}.payrollSupport>div:last-child{display:flex;flex-direction:column;gap:16px}.payrollSupport .affiliateButton{font-size:10px;justify-content:center}.screenReaderOnly{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.payrollMain [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.netMeter>span{transition:none}.payrollArt{transform:none}}
@media(max-width:1000px){.payrollMain{padding:0 24px}.payrollHero{gap:25px}.calculatorGrid{grid-template-columns:minmax(250px,.85fr) minmax(0,1.3fr);gap:16px}.inputPanel,.resultPanel{padding:19px}.payrollTable th,.payrollTable td{padding:10px 7px;font-size:10px}.modelNotes{gap:25px}.payrollBadges span{font-size:7px}.payrollHero h1{font-size:44px}}
@media(max-width:760px){.payrollHero{grid-template-columns:1fr;padding-top:28px}.payrollHero h1{font-size:45px}.payrollArt{max-width:420px;justify-self:center;width:100%}.calculatorGrid{grid-template-columns:1fr}.inputPanel{position:static}.payrollHero>div>p:not(.eyebrow){font-size:13px}.payrollMain{padding:0 16px}.modelNotes{grid-template-columns:1fr;gap:12px}.payrollSupport{flex-direction:column;align-items:stretch;padding:20px;gap:12px}.payrollSupport h2{font-size:23px}.payrollPage header .brand{font-size:15px}.payrollPage header .headerActions{gap:12px}.payrollPage header .backGame{font-size:9px;max-width:75px}.payrollHero .eyebrow{font-size:8px;line-height:1.8}.netResult>strong{font-size:44px}.inputPanel h2,.resultPanel h2{font-size:24px}.summaryTiles strong{font-size:16px}.breakdownHeading>span{display:none}.modelNotes dl{grid-template-columns:1fr}.modelNotes dd{margin-top:-8px}}
@media print{body.payrollPage{background:white;color:#111}.payrollPage header,.payrollArt,.inputPanel,.payrollSupport,.payrollPage footer{display:none}.payrollHero{display:block;padding:0}.payrollHero h1{font-size:25px}.calculatorGrid{display:block}.resultPanel{box-shadow:none;border:1px solid #aaa;background:white;color:#111}.resultPanel *{color:#111!important;background:transparent!important}.netResult{border:1px solid #aaa}.modelNotes{display:block}.payrollTableWrap{overflow:visible}.payrollTable th,.payrollTable td{color:#111!important}.payrollMain{padding:0}.payrollBadges{display:none}}