:root{color-scheme:light;--ink:#151515;--coal:#20201f;--cream:#f3ead9;--paper:#fffaf0;--red:#d83b27;--orange:#f06a22;--rust:#d83b27;--gold:#f3ae2b;--line:#d8cebd;--muted:#625d55;--panel:#fffdf8;--teal:#6b813a}
html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:1rem}
[hidden]{display:none!important}button,a{font-family:inherit}button:focus-visible,a:focus-visible{outline:3px solid #2d79c7;outline-offset:4px}
.site-header{min-height:84px;padding:14px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ink);color:white;border-bottom:1px solid #3b3b3b}
.site-header .brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-family:"Barlow Condensed",sans-serif;font-weight:800;letter-spacing:.04em;flex-shrink:0}
.site-header .brand-mark{width:54px;height:54px;border:0;border-radius:12px;background:var(--cream);display:grid;place-items:center;overflow:hidden;flex:0 0 auto;transform:none}
.site-header .brand-mark img{width:47px;height:47px;object-fit:contain}
.brand-name{display:flex;align-items:baseline;gap:12px}.brand-kicker{font-size:1.55rem}.brand-main{font-size:.9rem;color:var(--gold);padding-left:12px;border-left:1px solid #666}
.header-right{display:flex;align-items:center;gap:28px}.flavor-first{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#d8d3c8}.flavor-first span{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:7px}
.header-links{display:flex;align-items:center;gap:20px}.header-links a{color:var(--cream);font-size:.9rem;font-weight:600;text-decoration:none;padding-block:8px}.header-links a:hover{color:var(--gold);text-decoration:underline;text-underline-offset:5px}
.shell{padding-top:34px;padding-bottom:36px}.eyebrow,.num{font-family:"Barlow Condensed",sans-serif;color:var(--red);font-size:.875rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.title,.question,.result h2,.game h2{font-family:"Barlow Condensed",sans-serif;font-weight:800;line-height:.98;text-transform:uppercase;text-shadow:none;letter-spacing:-.025em}
.title{font-size:clamp(3.2rem,7vw,4.9rem);margin:12px 0 16px}.question{font-size:clamp(1.9rem,5vw,2.6rem)}
.lead,.intro{color:#4d4942;font-size:1.05rem;line-height:1.6}.hint,.prompt,.status,.feedback,.bottom,.footer,.rules,.foot,.skip,.tiny{color:var(--muted)}
.panel,.pepper-game .card{background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:none;backdrop-filter:none}
.stats,.meta,.step-count{color:var(--muted)}.stats b,.stat b,.timer{color:var(--red)}.stat{border-color:var(--line);background:var(--cream);border-radius:0}.stat span{font-size:.875rem}
.choice{color:var(--ink);border:1.5px solid var(--line);border-radius:0;background:#fffdf8;font-weight:700}.choice:hover{background:var(--cream);border-color:var(--ink)}.choice small{color:var(--muted)}
.btn,.start,.primary{border-radius:0;background:var(--red);color:white;font:800 1.1rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;box-shadow:none;min-height:48px}.btn:hover,.start:hover,.primary:hover{background:#b92e1d;filter:none}
.share,.secondary{border-radius:0;background:transparent;border:1px solid var(--line);color:var(--ink);box-shadow:none;min-height:44px;align-items:center;justify-content:center}.share:hover,.secondary:hover{border-color:var(--ink);background:var(--cream)}
.foot a,.footer a,.bottom a,.back{color:var(--red)}.foot,.footer,.bottom,.rules,.tiny{font-size:.875rem}.bottom{flex-wrap:wrap}
.progress,.bar{background:var(--line)}.progress span,.bar i{background:var(--red)}.result .descriptor,.match-box p{color:#4d4942}.result-top,.match-box b{color:var(--red)}.result h2{font-size:clamp(2.5rem,7vw,4rem)}.result-icon{background:var(--cream)}.result .result-actions{gap:12px}
.memory-game .card{border-radius:5px;background:var(--ink);border-color:var(--ink);box-shadow:none}.memory-game .card.face{background:var(--cream);color:var(--ink);border-color:var(--gold)}.memory-game .card.matched{background:#244038;border-color:#6b813a;color:white}.memory-mark{width:74%;height:60%;object-fit:contain;filter:invert(1)}
.result{font-family:inherit}.heat-game .result{font-family:"Barlow Condensed",sans-serif;color:var(--red)}.tower{border-color:#b7814d}.safe{border-color:var(--ink)}
.barn-home .shell{width:min(100% - 48px,1124px);padding-top:28px}.barn-home .hero{max-width:none;margin:0 0 24px;padding:36px clamp(24px,5vw,58px);text-align:left;position:relative;background:linear-gradient(90deg,rgba(8,8,8,.93),rgba(8,8,8,.48)),url("western-pepper-sky.png") center 48%/cover;color:white}
.barn-home .hero .eyebrow{color:var(--gold);margin-bottom:12px}.barn-home .title{font-size:clamp(3.5rem,7vw,6rem);max-width:750px;margin:0 0 16px}.barn-home .title em{color:var(--orange);font-style:italic}.barn-home .lead{color:#e4dfd6;margin:0;max-width:570px}.barn-home .meta{color:#d8d3c8;font-size:.875rem;margin-top:14px}
.barn-home .grid{gap:14px}.barn-home .game{padding:22px;min-height:228px;border:1.5px solid var(--line);border-radius:0;background:#fffdf8;box-shadow:none;color:var(--ink);backdrop-filter:none}.barn-home .game:hover{border-color:var(--ink);background:var(--cream);transform:translateY(-2px)}.barn-home .game h2{font-size:1.9rem;margin:2px 0 10px}.barn-home .game p{color:var(--muted);font-size:1rem;line-height:1.5}.barn-home .cta{color:var(--red);font-family:"Barlow Condensed",sans-serif;font-size:1.1rem;text-transform:uppercase;letter-spacing:.04em}.barn-home .icon{font-size:1.8rem;margin:8px 0}
.site-footer{margin:0;padding:30px clamp(20px,5vw,72px);background:#111;color:white;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-logo{display:block;width:150px;height:auto;border-radius:8px}.site-footer p{font-size:.875rem;line-height:1.5;color:#bbb5aa;max-width:420px;margin:0}.site-footer .share{color:white;border-color:#666;padding:10px 18px}.site-footer .share:hover{background:#20201f;border-color:var(--gold)}
@media(max-width:900px){.flavor-first{display:none}.header-right{gap:0}}
@media(max-width:780px){.barn-home .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{flex-wrap:wrap}.shell{padding-top:26px}.barn-home .shell{width:calc(100% - 32px)}}
@media(max-width:520px){.site-header{min-height:70px;padding:12px 16px;gap:12px;flex-wrap:wrap}.site-header .brand{gap:8px}.site-header .brand-mark{width:44px;height:44px;border-radius:10px}.site-header .brand-mark img{width:39px;height:39px}.brand-kicker{font-size:1.35rem}.brand-main{display:none}.header-links{gap:12px;flex-wrap:wrap}.header-links a{font-size:.8rem}.barn-home .shell{width:calc(100% - 32px);padding-top:16px}.barn-home .hero{padding:26px 22px}.barn-home .grid{grid-template-columns:1fr}.barn-home .game{min-height:0;padding:20px}.barn-home .game p{margin-bottom:16px}.barn-home .title{font-size:3.5rem}.site-footer{gap:18px;padding-block:24px}.footer-logo{width:130px}.site-footer p{max-width:100%}.controls,.actions{flex-wrap:wrap}.btn,.start{flex-shrink:0}.result .choice strong{font-size:1rem}.title,.question,.stat span,.game h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}