body.tone-invoice{--bg:#d8e0e7;--panel:#f7f9fa;--ink:#17202a;--muted:#51606d;--accent:#1f5f8b;--line:#17202a;color-scheme:light;background:#d8e0e7;color:#17202a;overflow-x:hidden;background-image:repeating-linear-gradient(0deg,rgba(23,32,42,.035) 0 1px,transparent 1px 6px)}
.tone-invoice .site-header,.tone-invoice footer{background:#e8edf2;border-color:#17202a}.tone-invoice .brand b{background:#1f5f8b;color:#fff}.tone-invoice .game-nav a,.tone-invoice .game-nav button{color:#17202a}
.tone-invoice .hero{position:relative;border:2px solid #17202a;padding:clamp(1.2rem,4vw,3.2rem);background:#f7f9fa;box-shadow:12px 12px 0 #1f5f8b;background-image:linear-gradient(90deg,transparent 0 7%,rgba(31,95,139,.11) 7% calc(7% + 2px),transparent calc(7% + 2px))}
.tone-invoice .utility-code{display:flex;justify-content:space-between;border-block:5px double #17202a;padding:.65rem 0;font:900 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.tone-invoice .utility-code::after{content:"ACCT 00-EMO-451"}.tone-invoice h1,.tone-invoice .question h2{font-family:"Arial Narrow",Arial,sans-serif;text-transform:uppercase}.tone-invoice h1{font-size:clamp(3rem,8.5vw,6.5rem);letter-spacing:-.05em}.tone-invoice .kicker,.tone-invoice .progress-label,.tone-invoice .counter{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#1f5f8b}.tone-invoice .support,.tone-invoice .fine{color:#51606d}.tone-invoice .button,.tone-invoice .option,.tone-invoice .text-input{border:2px solid #17202a;border-radius:0}.tone-invoice .primary{background:#1f5f8b;color:#fff;border-color:#17202a;box-shadow:5px 5px 0 #17202a}.tone-invoice button:focus-visible,.tone-invoice a:focus-visible,.tone-invoice input:focus-visible{outline:4px solid #c62828;outline-offset:4px}.tone-invoice .barcode{height:54px;margin-top:2rem;background:repeating-linear-gradient(90deg,#17202a 0 2px,transparent 2px 5px,#17202a 5px 10px,transparent 10px 13px,#17202a 13px 14px,transparent 14px 19px);clip-path:inset(0 58% 0 0)}
.tone-invoice .quiz{max-width:920px}.tone-invoice .progress{height:9px;background:#aab7c2;border:1px solid #17202a}.tone-invoice .back{color:#17202a;font-weight:900}.invoice-sheet{position:relative;margin-top:1rem;padding:clamp(1rem,4vw,2.5rem);background:#f7f9fa;border:2px solid #17202a;box-shadow:10px 10px 0 #1f5f8b;background-image:linear-gradient(90deg,transparent 0 9%,rgba(31,95,139,.14) 9% calc(9% + 2px),transparent calc(9% + 2px)),repeating-linear-gradient(0deg,transparent 0 42px,rgba(23,32,42,.045) 42px 43px)}.invoice-sheet::before,.invoice-sheet::after{content:"";position:absolute;left:-6px;right:-6px;height:8px;background:radial-gradient(circle at 4px 4px,#d8e0e7 0 3px,transparent 3.5px) 0 0/16px 8px}.invoice-sheet::before{top:-5px}.invoice-sheet::after{bottom:-5px}.invoice-number{display:inline-block;margin-bottom:1rem;padding:.35rem .55rem;background:#17202a;color:#fff;font:900 .7rem ui-monospace,monospace;letter-spacing:.1em}.invoice-sheet h2{max-width:780px}.remittance-note{display:inline-block;margin-top:1.4rem;padding:.45rem;border:3px solid #b42318;color:#b42318;font:950 .65rem ui-monospace,monospace;letter-spacing:.08em;transform:rotate(-1deg)}
.tone-invoice .options{counter-reset:invoice-option}.tone-invoice .option{counter-increment:invoice-option;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;position:relative;padding:1.05rem 1rem 1.05rem 3.8rem;background:#fff;color:#17202a;text-align:left}.tone-invoice .option::before{content:counter(invoice-option,decimal-leading-zero);position:absolute;left:1rem;color:#1f5f8b;font:950 .75rem ui-monospace,monospace}.tone-invoice .option b{white-space:nowrap;color:#1f5f8b;font:950 .8rem ui-monospace,monospace}.tone-invoice .option:hover,.tone-invoice .option[aria-pressed=true]{background:#dbeaf4;border-color:#1f5f8b}.tone-invoice .option[aria-pressed=true]{box-shadow:5px 5px 0 #1f5f8b}.tone-invoice .option[aria-pressed=true]::before{content:"✓ " counter(invoice-option,decimal-leading-zero);color:#b42318}.tone-invoice .option:disabled{opacity:1;cursor:wait}.tone-invoice .text-input{background:#fff;color:#17202a}.tone-invoice .error{color:#9f1c13;font-weight:900}
.tone-invoice .result-card{--cardbg:#f7f9fa;position:relative;background:#f7f9fa;color:#17202a;border:8px double #1f5f8b;box-shadow:12px 12px 0 #17202a;background-image:repeating-linear-gradient(0deg,transparent 0 44px,rgba(31,95,139,.07) 44px 45px)}.overdue-stamp{position:absolute;right:clamp(1rem,4vw,3rem);top:clamp(1rem,4vw,3rem);padding:.55rem .75rem;border:6px double #b42318;color:#b42318;font:950 1rem ui-monospace,monospace;letter-spacing:.12em;transform:rotate(-6deg)}.tone-invoice .result-card h2{max-width:76%;color:#17202a}.tone-invoice #result-category{font:950 .78rem ui-monospace,monospace;color:#b42318;letter-spacing:.07em}.tone-invoice #result-name{display:inline-block;max-width:100%;padding:.45rem .65rem;background:#17202a;color:#fff;font:900 .76rem ui-monospace,monospace;overflow-wrap:anywhere}.tone-invoice .result-card dl{border:2px solid #17202a;background:#17202a}.tone-invoice .result-card dl>div{background:#f7f9fa;border-bottom:1px dashed #7d8992}.tone-invoice .result-card dl>div:nth-child(6){background:#dbeaf4}.tone-invoice .result-card dt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.total-meter{border-block:5px double #17202a;padding-block:1rem}.tone-invoice .score{color:#1f5f8b}.tone-invoice #closing{border-top:2px dashed #17202a;padding-top:1rem;font-weight:900}.invoice-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){.tone-invoice .hero,.invoice-sheet{box-shadow:6px 6px 0 #1f5f8b}.tone-invoice .utility-code::after{display:none}.invoice-sheet{background-image:repeating-linear-gradient(0deg,transparent 0 42px,rgba(23,32,42,.045) 42px 43px)}.tone-invoice .option{grid-template-columns:1fr;padding-left:3.3rem}.tone-invoice .option b{justify-self:start}.overdue-stamp{position:static;display:inline-block;margin-bottom:1rem}.tone-invoice .result-card h2{max-width:none}.tone-invoice .result-card dl{grid-template-columns:1fr}.tone-invoice .game-nav{max-height:7rem;overflow:auto}}
@media(prefers-reduced-motion:reduce){.tone-invoice *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.tone-invoice .button:hover{transform:none}}