/* Job-Site Mayhem only: white mortar, black ink, brick display type. */
@font-face{font-family:'Chimney Brick';src:url('assets/fonts/chimney-brick-bold.woff') format('woff');font-weight:700 900;font-display:swap}
:root{--paper:#f7f7f7;--ink:#101010;--yellow:#fff;--orange:#b8b8b8;color-scheme:dark}
body{background:#090909}
.screen{background:linear-gradient(90deg,#080808fa,#080808ee 60%,#08080870);color:#f7f7f7}
#menu{background-color:#0b0b0b;background-image:linear-gradient(90deg,#090909eb,#090909b3),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='80'%3E%3Cpath d='M0 0H180M0 40H180M0 80H180M90 0V40M0 40V80M180 40V80' fill='none' stroke='%23505050' stroke-width='1'/%3E%3C/svg%3E")}
#menu h1{font:700 clamp(48px,5vw,78px)/1.08 'Chimney Brick',Impact,sans-serif;letter-spacing:-.04em;transform:none;text-shadow:none;margin:22px 0}
#menu h1 em{color:#fff}
.screen h2,.screen h3,.screen .jobCard>strong,.screen .contractCard>strong,.screen .weaponChoice strong{font-family:'Chimney Brick',Impact,sans-serif;font-weight:700;line-height:1.15;letter-spacing:-.025em;color:#fff}
.screen .eyebrow,.screen .stamp{color:#ccc;border-color:#fff}
.screen .tape{background:#fff;color:#111;transform:rotate(-1deg);border:1px solid #fff;font-size:11px;letter-spacing:.06em}
.screen p,.screen small,.screen .brief span,.screen .contractCard span,.screen .jobCard>small,.screen .jobCard>span{color:#ccc}
.screen .brief{border-color:#555}.screen .brief b,.screen #loading,.screen .hubReturn{color:#fff}
.screen button{background:#f8f8f8;color:#111;border:1px solid #f8f8f8}
.screen button:hover{background:#d2d2d2;color:#000}
.screen button:focus-visible,.screen a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.screen .outline{background:#111;color:#f8f8f8;border:1px solid #999}
.screen .outline:hover{background:#333;color:#fff}
.screen .pauseCard,.screen .townMapCard,.screen .arsenalCard{background:#111;border:1px solid #888;box-shadow:10px 10px 0 #0008;color:#f7f7f7}
.screen .arsenalCard header{background:#111}
.screen .jobCard,.screen .contractCard,.screen .contractCard.medium,.screen .contractCard.hard{background:#191919;border-color:#666;color:#fff}
.screen .contractCard{border-top:4px solid #fff}
.screen .jobCard.selected{border-left:4px solid #fff}
.screen .jobCard:hover,.screen .jobCard:focus-within,.screen .contractCard:focus-within{background:#252525;border-color:#fff}
.screen .jobCard>b,.screen .contractCard small,.screen .contractCard span{color:#eee;border-color:#666}
.screen .hudSwitch{background:#1b1b1b;color:#fff;border:1px solid #999}
.screen .hudSwitch b{background:#fff;color:#111}
.screen .hudSwitch[aria-checked="false"] b{background:#444;color:#eee}
.screen .settings input[type=range]{accent-color:#fff}
.screen .settings select{background:#191919;color:#fff;border:1px solid #777}
.screen .upgrade{border-color:#666}
.screen .weaponChoice{background:#202020;border-color:#777;color:#fff}
.screen .weaponChoice.selected{background:#343434;border-color:#fff}
.screen .weaponChoice span,.screen .weaponChoice small{color:#ccc}
.screen .hubReturn:focus-visible{outline-color:#fff}
@media(max-width:650px){#menu h1{font-size:clamp(54px,12vw,76px)}.screen .pauseCard h2{font-size:32px}}