:root{--brand-blue:#0067cd;--cobalt:#0047ab;--navy:#082d5c;--work-gray:#0067cd;--action-green:#18864b;--ink:#10233e;--muted:#52677f;--white:#fff;--soft:#eef5fc;--line:#cfdeed;--shadow:0 18px 50px #022d5e29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 15% 10%,#0067cd1a,#0000 27rem),linear-gradient(#f7fbff 0%,#eaf3fb 100%);flex-direction:column;margin:0;font-family:Arial,Helvetica,sans-serif;display:flex}button,input,select{font:inherit}button{cursor:pointer}.site-header{z-index:20;color:var(--white);background:var(--brand-blue);position:sticky;top:0;box-shadow:0 8px 28px #00285c3b}.header-inner{justify-content:space-between;align-items:center;gap:30px;width:min(1420px,100% - 48px);min-height:84px;margin:0 auto;display:flex}.brand{min-width:0;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:14px;padding:0;text-decoration:none;display:flex}.brand-mark{object-fit:cover;border-radius:50%;flex:0 0 60px;width:60px;height:60px;box-shadow:0 0 0 2px #ffffffb8}.brand-copy{gap:2px;display:grid}.brand-copy b{color:var(--white);letter-spacing:-.8px;font-size:31px;line-height:1}.brand-copy small{color:var(--white);font-size:13px;line-height:1.35}.tool-tabs{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;width:min(1420px,100% - 48px);margin:0 auto;padding:0 0 16px;display:grid}.tool-tabs a{min-height:58px;color:var(--white);background:var(--cobalt);white-space:normal;text-align:center;border:0;border-radius:9px;place-items:center;padding:10px 8px;font-size:12px;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .15s,color .15s,background-color .15s,box-shadow .15s;display:grid}@media (hover:hover) and (pointer:fine){.tool-tabs a:hover{color:var(--cobalt);background:var(--white);filter:none;transform:translateY(-1px)}}.tool-tabs a.active{color:var(--cobalt);background:var(--white);filter:none;box-shadow:none}.tool-tabs a:focus-visible,.brand:focus-visible,.tool-card:focus-visible,.preset:focus-visible,.roll-button:focus-visible{outline-offset:3px;outline:3px solid #fff}main{flex:1 0 auto;min-height:70vh}.calculator-page-nav{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;width:min(1180px,100% - 48px);margin:22px auto 8px;display:grid}.calculator-page-description{color:var(--muted);margin:0;font-size:13px;line-height:1.35}.back-to-calculators{min-height:40px;color:var(--white);background:var(--cobalt);border-radius:9px;align-items:center;padding:8px 14px;font-weight:800;text-decoration:none;display:inline-flex}.back-to-calculators:hover{filter:brightness(1.06)}.back-to-calculators:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}.page-shell{width:min(1180px,100% - 48px);margin:8px auto 0}.calculator-card{background:var(--white);box-shadow:var(--shadow);border-radius:22px;scroll-margin-top:190px;overflow:hidden}.calculator-heading{min-height:0;color:var(--white);background:radial-gradient(circle at 90% 18%, #ffffff24, transparent 17rem), var(--work-gray);flex-direction:column;justify-content:center;align-items:flex-start;padding:10px 20px;display:flex}.category-tag{color:var(--white);background:var(--action-green);letter-spacing:1.25px;border:0;border-radius:8px;margin-bottom:25px;padding:9px 14px;font-size:12px;font-weight:900;display:inline-block}.calculator-heading h1{color:var(--white);letter-spacing:-.8px;margin:0;font-size:clamp(20px,2.3vw,27px);line-height:1.08}.calculator-body{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:start;gap:16px;padding:18px;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;display:grid}.area-calculator .calculator-body{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:18px}.area-calculator .field-grid,.area-calculator .field-group-grid{align-items:end}.area-calculator .field>span{align-items:flex-end;min-height:24px;display:flex}.area-calculator .field-group{padding:12px}.area-calculator .result-card{padding:22px 24px}.field{gap:4px;min-width:0;display:grid}.field>span{color:var(--navy);font-size:13px;font-weight:800}.field input,.field select{border:2px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:var(--soft);border-radius:9px;outline:none;padding:6px 10px}.field input:focus,.field select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #0067cd24}.field select:disabled{opacity:.55}.result-stack{gap:10px;min-width:0;display:grid}.result-disclaimer{color:var(--muted);margin:0 4px;font-size:12px;line-height:1.4}.result-card{border:3px solid var(--white);min-height:100%;color:var(--white);background:var(--brand-blue);border-radius:16px;flex-direction:column;align-items:flex-start;padding:22px;display:flex;box-shadow:0 0 0 1px #0047ab2b,0 15px 32px #0047ab33}.result-label{color:var(--white);letter-spacing:1.35px;margin-bottom:10px;font-size:12px;font-weight:900}.result-card>strong{color:var(--white);letter-spacing:-1px;font-size:clamp(29px,4vw,46px);line-height:1.05}.result-lines,.calculation-breakdown{border-top:1px solid #ffffff80;gap:9px;width:100%;margin-top:16px;padding-top:14px;display:grid}.result-lines span,.calculation-breakdown span{color:var(--white);font-size:14px;line-height:1.4}.paint-result{min-height:360px}.purchase-line{width:100%;color:var(--navy);background:var(--white);border-radius:10px;gap:5px;margin-top:24px;padding:16px;display:grid}.purchase-line span{color:var(--action-green);letter-spacing:1.2px;font-size:11px;font-weight:900}.purchase-line b{color:var(--action-green);font-size:24px}.paint-result small{color:var(--white);margin-top:14px;font-size:12px;line-height:1.45}.field-span{grid-column:1/-1}.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.preset{min-height:42px;color:var(--white);background:var(--cobalt);border:0;border-radius:9px;padding:7px 9px;font-weight:900;transition:color .15s,background-color .15s,box-shadow .15s}.preset.active,.preset.active:hover{color:var(--cobalt);background:var(--white);filter:none;box-shadow:inset 0 0 0 3px var(--cobalt), 0 0 0 2px #ffffffe6}.preset:hover{color:var(--cobalt);background:var(--white);filter:none;box-shadow:inset 0 0 0 2px var(--cobalt)}.roll-button{min-height:44px;color:var(--white);background:var(--action-green);border:0;border-radius:9px;padding:8px 14px;font-size:16px;font-weight:900;transition:color .15s,background-color .15s,box-shadow .15s;box-shadow:0 9px 20px #18864b33}.roll-button:hover{color:var(--action-green);background:var(--white);filter:none;box-shadow:inset 0 0 0 2px var(--action-green), 0 9px 20px #18864b33}.dice-calculator .field-grid{row-gap:7px}.dice-calculator .calculator-actions{gap:7px}.dice-calculator .check-field{min-height:38px;padding:6px 10px}.field-note{color:var(--muted);margin:-4px 0 0;font-size:12px;line-height:1.45}.notation{color:var(--white);margin-top:9px;font-size:15px;font-weight:800}.dice-values,.coin-values{flex-wrap:wrap;gap:9px;width:100%;margin-top:22px;display:flex}.dice-values span,.coin-values span{border:2px solid var(--white);width:48px;height:48px;color:var(--navy);background:var(--white);border-radius:10px;place-items:center;font-size:19px;font-weight:900;display:grid}.coin-values span{border-radius:50%}.dice-result p{color:var(--white);margin:14px 0 0}.roll-history{gap:7px;width:100%;margin-top:auto;padding-top:22px;display:grid}.roll-history b{color:var(--white);letter-spacing:1px;font-size:11px}.roll-history span{color:var(--white);font-size:13px;line-height:1.5}.ad-placeholder{width:min(1180px,100% - 48px);min-height:112px;color:var(--muted);text-align:center;background:#ffffffb8;border:2px dashed #9fb6cf;border-radius:14px;place-content:center;gap:6px;margin:38px auto 0;display:grid}.ad-placeholder span{color:var(--cobalt);letter-spacing:1.5px;font-size:10px;font-weight:900}.ad-placeholder p{margin:0;font-size:13px}.calculator-result-column{align-content:start;gap:8px;min-width:0;display:grid}.calculator-result-ad{width:100%;min-height:76px;margin:0}.home-top-ad,.footer-ad{min-height:76px;margin-top:20px;margin-bottom:24px}.explore-section{width:min(1420px,100% - 48px);margin:28px auto}.home-explore-section{margin-top:20px;margin-bottom:20px}.section-heading{max-width:700px;margin-bottom:30px}.section-heading>span{color:var(--cobalt);letter-spacing:1.4px;font-size:12px;font-weight:900}.section-heading h2{color:var(--cobalt);letter-spacing:-1px;margin:10px 0 12px;font-size:clamp(29px,4vw,44px)}.section-heading p{color:var(--muted);margin:0;font-size:16px;line-height:1.55}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.tool-card{border:3px solid var(--white);min-height:118px;color:var(--white);background:var(--brand-blue);text-align:left;border-radius:15px;align-items:flex-start;gap:15px;padding:15px 17px;text-decoration:none;transition:transform .16s,color .16s,background-color .16s,border-color .16s;display:flex;box-shadow:0 12px 25px #0047ab2b}.tool-card:hover{color:var(--brand-blue);background:var(--white);border-color:var(--brand-blue);transform:translateY(-3px)}.tool-symbol{width:42px;height:42px;color:var(--cobalt);background:var(--white);border-radius:10px;flex:0 0 42px;place-items:center;font-size:21px;font-weight:900;display:grid}.tool-card-copy{gap:6px;min-width:0;display:grid}.tool-card-copy b{color:var(--white);font-size:18px;line-height:1.25}.tool-card-copy small{color:var(--white);font-size:13px;line-height:1.48}.tool-card:hover .tool-symbol{color:var(--white);background:var(--brand-blue)}.tool-card:hover .tool-card-copy b,.tool-card:hover .tool-card-copy small{color:var(--brand-blue)}footer{min-height:84px;color:var(--white);background:var(--navy);flex-shrink:0;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:16px max(24px,50% - 710px);display:grid}.footer-brand{align-items:center;gap:13px;display:flex}.footer-brand img{border-radius:50%}.footer-brand div{gap:3px;display:grid}.footer-brand b{font-size:17px}.footer-brand span,.footer-copyright{color:var(--white);font-size:12px}.footer-center{justify-content:flex-end;align-items:center;gap:16px;display:flex}.footer-balance{display:none}.footer-copyright{text-align:center;margin:0}.footer-terms{color:var(--white);text-underline-offset:3px;font-size:12px;text-decoration:underline}.footer-terms:hover{text-decoration-thickness:2px}.terms-main{width:min(900px,100% - 48px);min-height:52vh;margin:48px auto}.terms-card{background:var(--white);box-shadow:var(--shadow);border-radius:22px;padding:38px 44px}.terms-card h1{color:var(--navy);margin:0;font-size:clamp(34px,5vw,50px)}.terms-card p{max-width:760px;color:var(--ink);margin:22px 0 0;font-size:17px;line-height:1.7}.auto-update-note{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.field-error{color:var(--action-green);font-size:12px;font-weight:800;line-height:1.35}.field-invalid input,.field-invalid select{border-color:var(--action-green)}.field-group{border:2px solid var(--line);border-radius:12px;min-width:0;margin:0;padding:11px 12px 12px}.field-group legend{color:var(--navy);padding:0 8px;font-weight:900}.field-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;display:grid}.check-field{border:2px solid var(--line);min-height:42px;color:var(--navy);background:var(--soft);border-radius:9px;align-items:center;gap:10px;padding:8px 11px;font-size:13px;font-weight:800;display:flex}.check-field input{width:18px;height:18px}.calculator-actions{flex-wrap:wrap;gap:8px;display:flex}.calculator-actions .roll-button,.calculator-actions .secondary-button{flex:180px}.secondary-button{border:2px solid var(--cobalt);min-height:42px;color:var(--cobalt);background:var(--white);border-radius:9px;padding:8px 14px;font-weight:900}.secondary-button:hover{color:var(--white);background:var(--cobalt)}.secondary-button:focus-visible,.calculator-actions button:focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}.result-note{color:var(--white);margin-top:18px;font-size:12px;line-height:1.45}.schedule-details{min-width:0;color:var(--navy);font-size:13px;font-weight:800}.schedule-details summary{cursor:pointer}.table-scroll{max-height:360px;margin-top:12px;overflow:auto}.table-scroll table{border-collapse:collapse;background:var(--white);width:100%}.table-scroll th,.table-scroll td{border:1px solid var(--line);text-align:right;padding:8px}.open-cue{color:var(--white);font-size:12px;font-weight:900}.tool-card:hover .open-cue{color:var(--brand-blue)}.roll-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:1100px){.tool-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.calculator-card{scroll-margin-top:260px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.header-inner{align-items:flex-start;width:min(100% - 28px,1420px);padding:13px 0}.tool-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:calc(100% - 28px)}.page-shell,.ad-placeholder,.explore-section{width:calc(100% - 28px)}.calculator-result-ad{box-sizing:border-box;width:100%}.calculator-page-nav{width:calc(100% - 28px);margin-top:16px}.page-shell{margin-top:6px}.calculator-card{scroll-margin-top:210px}.calculator-heading{min-height:0;padding:9px 16px}.calculator-body,.area-calculator .calculator-body{grid-template-columns:1fr;padding:18px}.result-card{min-height:0}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.site-header{position:static}.tool-tabs a{min-height:44px;padding:7px 6px}.calculator-card{scroll-margin-top:20px}.brand-mark{flex-basis:52px;width:52px;height:52px}.brand-copy b{font-size:25px}.brand-copy small{font-size:10px}footer{text-align:left;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px 14px}.footer-brand{gap:8px;min-width:0}.footer-brand img{width:34px;height:34px}.footer-brand span{display:none}.footer-center{flex-direction:column;align-items:flex-end;gap:3px}.footer-copyright{white-space:nowrap;font-size:10px}.field-grid,.field-group-grid,.tool-grid{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-body{padding:14px}.calculator-page-nav{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:12px;margin-bottom:5px}.calculator-page-description{font-size:11px;line-height:1.25}.back-to-calculators{white-space:nowrap;min-height:36px;padding:7px 10px;font-size:12px}.calculator-heading{padding:8px 14px}.calculator-heading h1{font-size:21px}.field input,.field select,.time-entry-controls select{min-height:40px}.field-grid,.field-group-grid{row-gap:8px}.field-group{padding:10px}.dice-calculator .preset,.dice-calculator .roll-button,.dice-calculator .secondary-button,.dice-calculator .check-field{min-height:40px}.calculator-card input[aria-label$=\ day],.calculator-card input[aria-label$=\ year],.calculator-card select[aria-label$=\ month]{height:40px!important;min-height:40px!important}.calculator-result-ad{min-height:76px}.explore-section{margin-top:56px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.construction-mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.construction-mode-toggle button{border:2px solid var(--cobalt);min-height:40px;color:var(--cobalt);background:var(--white);border-radius:10px;font-size:16px;font-weight:900}.construction-mode-toggle button.active,.construction-mode-toggle button:hover{color:var(--white);background:var(--cobalt)}.construction-mode-description{color:var(--muted);margin:-2px 0 4px;font-size:13px;line-height:1.45}.opening-assumption{background:var(--soft);color:var(--muted);border-radius:8px;margin:0;padding:10px 12px;font-size:12px;line-height:1.45}.opening-editor{gap:8px;padding-top:2px;display:grid}.opening-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.opening-heading b{color:var(--navy);font-size:14px}.opening-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.compact-button{min-height:40px;padding:7px 11px}.remove-opening{margin-bottom:0}@media (max-width:560px){.construction-mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.construction-mode-toggle button{min-height:40px;padding:6px;font-size:13px}.opening-row{grid-template-columns:1fr}}@media (max-width:520px){.tool-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.time-entry{border:2px solid var(--line);border-radius:9px;min-width:0;margin:0;padding:9px 10px 10px}.time-entry legend{color:var(--navy);padding:0 6px;font-size:13px;font-weight:800}.time-entry-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.time-entry-controls-24{grid-template-columns:repeat(2,minmax(0,1fr))}.time-entry-controls label{gap:6px;min-width:0;display:grid}.time-entry-controls span{color:var(--navy);font-size:12px;font-weight:800}.time-entry-controls select{border:2px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:var(--soft);border-radius:9px;outline:none;padding:6px 9px}.time-entry-controls select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #0067cd24}.time-format-note{color:var(--muted);margin-top:-5px;font-size:12px}.date-entry-controls{grid-template-columns:minmax(0,1.45fr) minmax(56px,.65fr) minmax(74px,.9fr);align-items:start;gap:8px;margin-top:4px;display:grid}.date-entry-controls>label{min-width:0}@media (max-width:420px){.time-entry-controls-12{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(78px,.8fr);gap:6px}.time-entry-controls-24{grid-template-columns:repeat(2,minmax(0,1fr))}.time-entry-controls-12 label:nth-child(3){grid-column:auto}}.home-top-ad{margin-bottom:16px}.explore-section.home-explore-section{margin-top:16px}