/* Approved art direction A: Better Living Through Layoffs. */
:root{--paper:#fff3da;--white:#fff8e9;--ink:#254942;--muted:#657467;--gold:#dfb44f;--line:#c9c9ab;--a:#3f8680;--b:#bb4435;--c:#7e688f;--d:#a78237;--radius:14px;background:var(--paper);color:var(--ink)}
body{background:linear-gradient(180deg,#fff5e3,var(--paper) 700px)}
.masthead{border-bottom:2px solid var(--a);background:#fff5e0;padding-top:19px;padding-bottom:19px}
.wordmark{display:inline-block;background:#b83e30;color:#fff6de;padding:9px 18px 7px;border-radius:8px 19px 11px 16px;transform:rotate(-2deg);font:italic 800 27px/1 Georgia,serif;letter-spacing:-.8px;box-shadow:3px 3px 0 #7aa59a}
.wordmark span{color:#fff6de}.wordmark small{color:#ffedc1;font-size:7px;letter-spacing:1.6px;margin-top:6px}
nav .quiet{color:#355a50;font-weight:650}.quiet:hover{color:#b83e30}
h1,h2,h3{color:var(--ink)}h1{font-family:Georgia,serif;font-style:italic;font-weight:800;line-height:1.02;font-size:clamp(46px,5.1vw,73px);letter-spacing:-2.8px}h1 em{color:#b83e30}
.eyebrow{color:#b83e30;font-size:10px;letter-spacing:1.8px}
.lobby{max-width:1260px;margin-top:48px}.lobby-hero{grid-template-columns:1fr 1.14fr;gap:35px}
.lobby-copy p{font-size:15px;max-width:470px}.hero-art{mix-blend-mode:normal;aspect-ratio:1.35;object-fit:cover;object-position:55% center;border:2px solid var(--a);border-radius:20px;box-shadow:7px 7px 0 #9ebfb04d}
.primary{background:#b83e30;border-color:#b83e30;color:#fff8e7}.primary:hover:not(:disabled){background:#983326;border-color:#983326;color:white}
button{border-color:#98b3a4;border-radius:9px}button:hover:not(:disabled){background:#f5e6be;border-color:#b83e30}.gold{background:#b83e30;border-color:#b83e30}
select,input{border:1px solid #82a99a;background:#fff9eb}.lobby-start{box-shadow:3px 3px 0 #e3c477}
.features{border-top:2px solid var(--a);margin-top:42px;gap:32px}.features h3{font-style:italic;font-weight:bold}.features .eyebrow{color:#b83e30}.fineprint{color:#6c7869}
.tabletop{padding-top:25px}.turn-title h2{font-family:Georgia,serif;font-style:italic;font-weight:bold;color:#a73a2e}.round{background:#fff8e9;border-color:#9db6a5}.round.quarter{border-color:#c34735;background:#ffe9ad}.round.current{background:#b83e30;border-color:#b83e30;color:#fff9e9}.round.past{background:#dee6cc}
.board-heading h2,.section-heading h2{font:italic bold 26px Georgia,serif;color:#a73a2e}.board-heading span{color:#5f7466}
.board{gap:14px}.arena{background:#fff8e8;border:2px solid #79a697;border-radius:15px;padding:10px 10px 11px;overflow:hidden}.arena h3{font:italic 800 15px/1.12 Georgia,serif;text-transform:uppercase;letter-spacing:-.2px;color:#fff8e6;background:#bc4435;border-radius:8px;padding:9px 7px;text-align:center;min-height:36px;display:flex;align-items:center;justify-content:center}.arena .purpose{font-size:9px;display:block;text-align:center;margin:5px 0;color:#547465}.arena img{width:calc(100% + 20px);margin:5px -10px 9px;height:99px;object-fit:cover;object-position:center;mix-blend-mode:normal;border-top:1px solid #bdc3a6;border-bottom:1px solid #bdc3a6}.arena .presence-row{border-top:0;padding-top:1px}.control-label{color:#587160;font-size:8px;letter-spacing:.6px;text-align:center}.arena.controlled{border-color:var(--owner);box-shadow:0 0 0 2px var(--owner)}.arena.setup-choice{border-style:dashed}.arena.setup-choice:hover{background:#fff0c9}.board-note{border-top:1px solid #b7c3a5;padding-top:8px;color:#5c7565}
.standing{border:1px solid #96b49f;border-radius:12px;background:#fff9eb}.standing.active{border:2px solid var(--owner)}.standing-name{font-size:11px}.score{font-weight:bold;color:#a73a2e}.asset-chip{background:#e4ead0;color:#315d4b}.standing-details{color:#607865}.logbox h3{color:#a73a2e}.log-items{color:#607465}.log-items div{border-color:#ddd6bb}
.actionbar{background:#3d8178;border:2px solid #28685e;border-radius:14px;box-shadow:0 3px 0 #c3d3b3;padding:13px 14px}.cash{color:#fff2a6;font-weight:bold}.cash small{color:#eef2d5}.actionbar button{border:1px solid #a5c7ae;color:#fff9e5;border-radius:8px}.actionbar button:hover:not(:disabled){background:#5d9b88}.actionbar .end-turn{background:#b83e30;border-color:#fff0d4;color:#fff7de}.actionbar .end-turn:hover{background:#9c3428}
.status-note{background:#f9e6b0;border:1px solid #d8b85d;color:#5d592e}
.game-card{border:2px solid #77a497;border-radius:14px;background:#fff6df;box-shadow:0 2px 0 #ddd0a7}.game-card:hover{box-shadow:0 5px 16px #466e4d22;transform:translateY(-2px)}.game-card.legacy{border-style:dashed}.card-meta{padding:8px 12px 0;background:#b83e30;color:#fff0cc;font-size:8px;letter-spacing:1.4px}.card-title{background:#b83e30;min-height:78px;padding:8px 11px 11px;gap:7px}.card-title h3{color:#fff7df;font:bold italic 18px/1.07 Georgia,serif;text-transform:uppercase;letter-spacing:-.4px}.cost{background:#f2cf70;color:#674c25;min-width:35px;width:35px;height:36px;border-radius:30%;font:bold 18px Georgia,serif;box-shadow:1px 1px 0 #fff2be;clip-path:polygon(50% 0%,60% 8%,73% 3%,78% 17%,93% 15%,92% 31%,100% 40%,92% 51%,98% 65%,83% 72%,83% 87%,67% 86%,57% 100%,46% 91%,32% 97%,27% 83%,12% 83%,15% 67%,2% 58%,9% 46%,2% 32%,17% 27%,18% 12%,33% 15%,40% 3%)}
.card-art{height:133px;width:100%;margin:0;object-fit:cover;object-position:center;mix-blend-mode:normal;border-bottom:1px solid #b7b996}.card-body{padding:13px 13px 11px;font-size:12px;line-height:1.5}.card-main{font-weight:650;color:#294c43;margin-bottom:10px}.bonus-label{font-weight:800;font-size:8px;color:var(--faction);letter-spacing:.5px;margin-bottom:4px}.bonus{border-top:1px solid #d7d2b2;padding-top:9px}.card-flavor{font:italic 11px/1.45 Georgia,serif;color:#9d3d30;border-top:1px solid #d0bd88;padding-top:9px;margin-top:11px}.card-buttons{padding:0 11px 11px}.card-buttons button{background:#e9e9c9;border-color:#8baa96;color:#315b4e}.card-buttons .primary{background:#b83e30;color:#fff8e7;border-color:#b83e30}.card-buttons .inspect{background:transparent}.inspect-card .card-title{padding:11px 13px;min-height:90px}.inspect-card .card-title h3{font-size:23px}.inspect-card .card-art{height:180px}.inspect-card .card-body{padding:15px 18px 18px}.inspect-card .card-flavor{font-size:13px}.library-grid .card-title h3{font-size:18px}
.modal-backdrop{background:#23494299}.modal{background:#fff4dc;border:2px solid #76a396;border-radius:18px;box-shadow:0 15px 65px #23492e33}.modal h2{font-style:italic;font-weight:bold;color:#a43a2d}.modal-close{color:#a43a2d}.choice{background:#fff9e9;border-color:#9cb6a2}.choice img{mix-blend-mode:normal;object-fit:cover;border-radius:4px;width:84px;height:43px;margin-left:8px}.choice.skip{border-color:#b8bea2;color:#64745e}.choice .secondary{color:#60725d}.curtain .company-dot{box-shadow:0 0 0 6px #e4dab4}.rule-chip{background:#f7e5ae;border-color:#b83e30;color:#5c5a36}.results-table th,.results-table td{border-color:#c8c5a6}.results-table th{color:#526d59}#toast{background:#376b5e}.empty,.pile-summary{color:#657660}
@media(min-width:1400px){.arena img{height:113px}.arena h3{font-size:16px}.card-art{height:150px}.card-title h3{font-size:20px}.card-body{font-size:12px}}
@media(max-width:1100px){.card-title h3{font-size:19px}.card-art{height:145px}.lobby{margin-top:36px}.lobby-hero{gap:22px}.wordmark{font-size:24px}.arena img{height:95px}}
@media(max-width:750px){.masthead{padding:15px}.wordmark{font-size:22px;padding:8px 11px}.wordmark small{font-size:6px;letter-spacing:1.1px}nav .quiet{font-size:10px}.lobby{margin-top:30px}.lobby-hero{grid-template-columns:1fr;gap:24px}.hero-art{display:block;width:100%;max-height:280px;aspect-ratio:1.9;object-position:center 55%;order:2}.lobby-copy p{font-size:14px}.features{margin-top:32px}.lobby-form{margin-top:21px}.card-title h3{font-size:18px}.card-title{min-height:74px}.card-art{height:128px}.arena h3{font-size:15px}.arena img{height:97px}.arena:last-child img{height:125px}.standing-name{font-size:11px}.actionbar{position:relative;padding:11px 9px}.cash{font-size:24px}.actionbar button{padding:8px 7px}.board-heading h2,.section-heading h2{font-size:24px}.inspect-card .card-art{height:180px}.library-grid .card-art{height:118px}.library-grid .card-title h3{font-size:17px}}

/* Preserve the complete painted joke, including faces and foreground props. */
.game-card .card-art{object-fit:contain;background:#fff3da}

/* v0.4: six comic scenes, with actual pieces over the art and no placement lanes. */
.board{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.arena:nth-child(5),.arena:last-child{grid-column:auto}
.arena{padding:8px 8px 10px}.arena h3{min-height:36px;margin:0}
.arena-scene{position:relative;margin:6px -4px 0;aspect-ratio:1.5;overflow:hidden;background:#fff3da;border-radius:6px}
.arena .arena-scene img{display:block;width:100%;height:100%;margin:0;border:0;object-fit:contain;opacity:.6}
.arena .purpose{white-space:normal;font:italic 11px/1.3 Georgia,serif;margin:7px 0 4px;min-height:15px}
.arena .control-label{font-size:8px;height:auto;min-height:13px;letter-spacing:.15px}
.piece-pile{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;background:var(--piece);color:white;border:2px solid #fff9e9;box-shadow:2px 3px 0 #25494266;border-radius:50%;padding:5px 8px;min-width:38px;min-height:34px;justify-content:center;font:700 13px/1 sans-serif;pointer-events:none}
.piece-pile b{font-size:9px}.piece-pile strong{font-size:16px}
.board-heading{display:block;margin-bottom:3px}.board-heading span{display:block;margin-top:7px;font-size:12px;line-height:1.4}
.board-punchline{font:italic 14px/1.4 Georgia,serif;color:#b83e30;margin:5px 0 17px}
.card-meta{display:flex;justify-content:space-between;gap:4px}.card-meta span{font-size:8px;letter-spacing:0}
.card-main{margin-bottom:8px}.bonus{margin:0 0 8px;font-weight:400}
.card-vp{display:flex;justify-content:space-between;gap:7px;border-top:1px solid #c6b47f;border-bottom:1px solid #c6b47f;padding:5px 0;margin-top:10px;font:700 9px/1.2 sans-serif;color:#315c52}
.inspect-card .card-vp{font-size:11px}
.lobby h1{font-size:clamp(42px,4.5vw,64px)}
@media(max-width:750px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}.arena:nth-child(5),.arena:last-child{grid-column:auto}.arena .arena-scene img,.arena:last-child .arena-scene img{height:100%}.board-punchline{font-size:13px}.piece-pile{padding:4px 6px;min-width:30px;min-height:29px}.piece-pile strong{font-size:13px}.arena .purpose{font-size:10px;min-height:26px}}

/* Exact brand capitalization and the board's two-part header. */
.wordmark,.board-wordmark{text-transform:none}
.arena h3{text-transform:none}
.arena .purpose{min-height:29px;display:flex;align-items:center;justify-content:center}
.board-brand-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:26px;margin:0 0 19px}
.board-wordmark{font:bold italic 31px/1.1 Georgia,serif;white-space:nowrap;background:#b83e30;color:#fff3da;border-radius:12px;padding:13px 19px;box-shadow:3px 3px 0 #79a697;margin:0}
.board-slogans{text-align:right}.board-slogans p{font:700 13px/1.4 sans-serif;margin:0 0 6px}.board-slogans p:last-child{font:italic 15px/1.3 Georgia,serif;color:#b83e30;margin:0}
@media(max-width:750px){.board-brand-header{grid-template-columns:1fr;gap:14px}.board-wordmark{justify-self:start}.board-slogans{text-align:left}.arena .purpose{min-height:42px}}

.brand-case{text-transform:none}