@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Rye&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--cream:#f4dfb4;--lime:#c5e46b;--ink:#181c19}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',sans-serif;background-image:radial-gradient(ellipse at 70% 20%,#34413255,transparent 60%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}.shell{max-width:1500px;margin:auto;min-height:100svh;display:grid;grid-template-columns:85px 1fr minmax(360px,480px);gap:0 6%;padding:30px 6% 0 0}.rail{grid-row:1;display:flex;flex-direction:column;align-items:center;gap:30px;border-right:1px solid #b0bd9326;padding:10px 0 30px}.brand{font:26px Rye,Georgia;color:var(--cream);text-decoration:none;position:relative}.brand span{position:absolute;font:14px serif;top:28px;left:12px;color:var(--lime)}.rail-line{height:80px;width:1px;background:#b0bd9333;margin-top:20px}.rail-label{writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;color:#8d9887}.icon-btn{margin-top:auto;width:32px;height:32px;border:1px solid #78846b;border-radius:50%;background:none;color:var(--cream)}.intro{align-self:center;padding-bottom:40px}.eyebrow{font:600 10px 'DM Sans';letter-spacing:2px;color:var(--lime);display:flex;align-items:center;gap:10px}.eyebrow span{width:22px;height:1px;background:var(--lime)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(64px,6.7vw,100px);font-weight:800;line-height:.94;letter-spacing:-2px;margin:28px 0}h1 em{font-style:normal;color:var(--lime)}.intro>p{color:#a6ad9c;line-height:1.8;font-size:14px}.rule{width:55px;height:2px;background:#b6c38e;margin:30px 0}.edition{font-size:9px;letter-spacing:1.5px;display:flex;flex-direction:column;gap:8px}.edition span:last-child{color:#818d78;font-size:8px}.desktop-instructions{margin-top:35px;display:grid;gap:16px}.desktop-instructions>div{display:flex;gap:16px;align-items:center}.desktop-instructions b{font:20px 'Barlow Condensed';color:#727d65}.desktop-instructions p{margin:0;color:#8f9b85;font-size:11px;line-height:1.8}.desktop-instructions strong{font-weight:500;font-size:13px;color:var(--cream)}.smallprint{font-size:8px;letter-spacing:2px;color:#758369;margin-top:40px}.game-column{max-width:440px;width:100%;justify-self:center;align-self:center}.game-top,.game-bottom{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.4px;color:#b3bca5;height:32px}.game-top>span{display:flex;align-items:center;gap:7px}.game-top i{width:5px;height:5px;background:#b9d779;border-radius:50%}.game-top button,.game-bottom button{border:0;background:none;color:#a9b398;font-size:8px;letter-spacing:1px;padding:8px 0}.game{position:relative;width:100%;aspect-ratio:3/5;overflow:hidden;border:5px solid #3d4635;outline:1px solid #70775b;border-radius:19px;box-shadow:0 30px 70px #0008;background:#b88d55;isolation:isolate;container-type:inline-size;touch-action:none;user-select:none}canvas{width:100%;height:100%;display:block;position:absolute}.overlay{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;padding:7%;pointer-events:none}.overlay>*{pointer-events:auto}.overlay.home{justify-content:space-between;padding-top:10%;padding-bottom:7%}.logo{text-align:center;filter:drop-shadow(0 5px 0 #411d13);transform:rotate(-3deg);width:100%;line-height:.9}.logo .nosey{font-family:'Barlow Condensed',Impact,sans-serif;font-size:20cqw;font-weight:900;letter-spacing:-1px;color:#abdf38;-webkit-text-stroke:1px #3c6414;text-shadow:0 3px #436a12,0 6px #2b4716,2px 0 #1e2d10}.logo .cowboys{font:12.2cqw Rye,Georgia;color:#ffdb91;text-shadow:0 3px #a95724;letter-spacing:-1px}.tagline{display:inline-block;background:#efc37b;color:#492717;font:600 3.1cqw 'Barlow Condensed';letter-spacing:1px;padding:8px 20px;margin-top:12px;border:2px solid #8a4e26;border-radius:3px}.home-actions{width:100%;display:grid;gap:12px}.wood{border:2px solid #5c3119;border-radius:9px;color:#55260f;background:linear-gradient(#ffe0a0,#e5a84e);box-shadow:inset 0 0 0 2px #ffe4ac90,inset 0 -4px #a9682b,0 5px #412a1c,0 9px 12px #0004;font-family:Rye,Georgia;font-size:4.4cqw;min-height:55px;padding:12px 14px;transition:filter .15s,transform .15s;text-shadow:0 1px #ffe4ad}.wood:hover{filter:brightness(1.1)}.wood:active{transform:translateY(3px);box-shadow:inset 0 0 0 2px #ffe4ac90,0 2px #412a1c}.green{background:linear-gradient(#a9db40,#5a951d);border-color:#294117;color:#fcf4c9;text-shadow:0 2px #33520f;box-shadow:inset 0 0 0 2px #d3ee8880,inset 0 -4px #4b791b,0 5px #263719,0 9px 12px #0004}.main-play{font-size:6cqw;min-height:68px}.menu-row{display:flex;gap:10px}.menu-row .wood{flex:1;font:700 3.2cqw 'Barlow Condensed';letter-spacing:1px;min-height:42px;padding:10px 5px}.home-note{text-align:center;color:#fff1cf;font-size:2.2cqw;letter-spacing:1.5px;text-shadow:0 1px 4px #321e11}.hud{position:absolute;top:3%;left:3%;right:3%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#5c3425,#33231b);border:2px solid #ba8b43;border-radius:9px;padding:8px;color:#ffdda1;box-shadow:0 3px 0 #382014}.hud button{border:0;background:none;color:#f7dca5;font-size:18px;padding:0 5px}.score{display:grid;text-align:center;gap:3px}.score span{font:700 2.6cqw 'Barlow Condensed';letter-spacing:1px}.score b{font:6cqw Georgia;line-height:1;color:#bde149}.round{display:grid;text-align:center;gap:4px}.round small{font-size:1.7cqw;letter-spacing:1px;color:#c4a26c}.round strong{font:3.7cqw Rye}.announcement{position:absolute;top:25%;left:0;width:100%;text-align:center;font:10cqw Rye;color:#ffe477;text-shadow:3px 3px #7a3017,-2px -2px #7a3017,0 6px #582411;pointer-events:none;transform:rotate(-5deg);z-index:2;white-space:pre-line}.announcement.small{font-size:6cqw}.play-controls{position:absolute;bottom:5%;left:7%;right:7%;text-align:center}.status{font:600 3.5cqw 'Barlow Condensed';letter-spacing:.5px;margin-bottom:10px;text-shadow:0 2px 5px #44210d;color:#fff5d9}.fire{width:100%;touch-action:none;font-size:4.5cqw}.fire.waiting{filter:saturate(.45);background:linear-gradient(#edc678,#b98a45);color:#63421b}.charge-track{height:4px;margin:9px 15px 6px;border-radius:5px;background:#43290a60;overflow:hidden}.charge-track>div{height:100%;width:0;background:#d6ff54}.control-tip{font-size:2.2cqw;letter-spacing:1px;color:#49351c;font-weight:700}.panel{margin:auto 0;width:100%;padding:22px 20px;text-align:center;border:3px solid #6d3c23;background:linear-gradient(110deg,#ffdfa0,#e9be78);border-radius:12px;color:#542e1c;box-shadow:inset 0 0 0 3px #fff1c375,0 9px 0 #42291a,0 20px 50px #0006}.panel h2{font:7cqw Rye;margin:12px 0 16px;line-height:1.2}.panel h3{font:5cqw Rye;margin:12px 0}.panel p{font-size:3.2cqw;line-height:1.65}.panel .eyeline{font:700 2.4cqw 'Barlow Condensed';letter-spacing:2px}.panel .wood{width:100%;margin-top:12px}.panel .secondary{background:none;border:0;box-shadow:none;min-height:30px;color:#633a21;font:700 3cqw 'Barlow Condensed';letter-spacing:1px;padding:12px}.panel ul{text-align:left;list-style:none;padding:0;font-size:3.2cqw;line-height:1.6}.panel li{padding:9px 0;border-bottom:1px solid #87512e30}.panel li b{color:#81401d}.badge{font-size:9cqw;color:#9a4b1c}.rival-card{margin-top:9%;margin-bottom:auto;padding:18px}.rival-card h2{font-size:6.2cqw}.rival-card .quote{font-style:italic;font-size:3cqw}.rival-intro-actions{width:100%;margin-top:auto;margin-bottom:4%}.rival-intro-actions button{width:100%}.result-panel{margin-top:13%;margin-bottom:auto}.result-panel h2{font-size:8cqw}.match-score{font:9cqw 'Barlow Condensed';font-weight:800;margin:10px}.stat-line{display:flex;justify-content:space-around;border-top:1px solid #8a593d50;border-bottom:1px solid #8a593d50;padding:12px 0;margin:15px 0}.stat-line b{display:block;font:5cqw 'Barlow Condensed';font-weight:700}.stat-line span{font-size:2cqw;letter-spacing:1px}.swatches{display:flex;gap:9px;justify-content:center;padding:15px}.swatch{width:48px;height:48px;border:3px solid #5b391e;border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff33}.swatch.selected{outline:3px solid #648324;outline-offset:3px}.small-panel{margin-top:10%;margin-bottom:auto}.loading{position:absolute;inset:0;background:#283120;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;color:#d5e79b;font:4cqw 'Barlow Condensed';z-index:10}.loading span{font:2.8cqw 'DM Sans';color:#a1af90}.game:fullscreen{height:100dvh;width:60dvh;margin:auto;border-radius:0;max-width:100vw}.game:fullscreen::backdrop{background:#161c16}footer{grid-column:2/4;display:flex;align-items:center;gap:20px;min-height:65px;font:700 9px 'Barlow Condensed';letter-spacing:1px;color:#a6ae96}footer>span{font:7px 'DM Sans';color:#718068;letter-spacing:1px}footer .version{margin-left:auto}@media(min-height:940px) and (min-width:900px){.game-column{max-width:480px}.shell{padding-top:45px}}@media(max-width:1000px){.shell{gap:0 4%;padding-right:4%;grid-template-columns:65px 1fr minmax(330px,410px)}.intro h1{font-size:70px}.eyebrow{font-size:8px;letter-spacing:1px}.intro>p{font-size:12px}}@media(max-width:760px){.shell{display:flex;flex-direction:column;padding:10px 15px;min-height:100svh;justify-content:center}.rail,.intro,footer{display:none}.game-column{max-width:min(480px,calc((100svh - 72px)*.6));width:100%}.game{border-width:3px;border-radius:15px}.game-top,.game-bottom{height:26px;font-size:6px;letter-spacing:1px}.game-top button,.game-bottom button{font-size:7px}.wood{min-height:45px;padding:8px}.main-play{min-height:56px}.panel{padding:15px}.game-top{margin-bottom:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}
.help-link{border:0;background:none;cursor:pointer;padding:4px;font-family:inherit}.help-link:hover{text-decoration:underline}.wood.locked{filter:saturate(.15);opacity:.55}
.challenge-brief{border-top:1px solid #8b572344;padding-top:10px}.objectives{text-align:left;font:600 3cqw 'Barlow Condensed';display:grid;gap:7px;margin-bottom:8px}.objectives>div{color:#775e43}.objectives .earned{color:#416711}.objectives small{display:block;font-size:2.3cqw;margin-left:15px}.home-actions{gap:9px}.result-panel:has(.objectives){margin-top:8%;padding:14px}.result-panel:has(.objectives) h2{margin:6px 0}.result-panel:has(.objectives) .stat-line{padding:7px 0;margin:8px 0}
.action-row{display:flex;gap:8px}.action-row #duck{width:30%;font:700 3.6cqw 'Barlow Condensed';padding:8px 2px}.action-row #fire{width:70%;font-size:3.8cqw}.action-row #duck:disabled{filter:saturate(.25);opacity:.8}.aim-control{background:#51361cde;padding:7px 12px;border:1px solid #c49a59;border-radius:7px;margin:7px 0 10px}.aim-control label{display:flex;justify-content:space-between;font:700 2.5cqw 'Barlow Condensed';letter-spacing:1px;color:#ffe3a9}.aim-control input{display:block;width:100%;accent-color:#b9de49;height:18px;touch-action:none}.play-controls{bottom:3%}.status{margin-bottom:5px}.control-tip{font-size:2cqw}
.score small{font-size:2.5cqw;color:#edb275;letter-spacing:2px}.aim-control input{margin:0;height:16px}.aim-control{padding:4px 10px;margin:3px 0 7px}.play-controls .charge-track{margin-top:7px;margin-bottom:3px}
/* Phone layout: full screen arena with a separate, thumb-sized control deck. */
@media(max-width:760px),(pointer:coarse){
 html,body{height:100%;overflow:hidden;overscroll-behavior:none}
 .shell{display:block;width:100%;height:100dvh;min-height:0;padding:0;max-width:none}
 .rail,.intro,footer,.game-bottom{display:none}
 .game-column{display:flex;flex-direction:column;width:100%;height:100%;max-width:560px;margin:auto}
 .game-top{flex:0 0 auto;height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;margin:0;font-size:10px}
 .game-top button{min-height:44px;min-width:90px;font-size:11px}
 .game{flex:1;min-height:0;width:100%;aspect-ratio:auto;border:0;outline:0;border-radius:0;box-shadow:none}
 .game.mobile-combat{background:#c49050 url('assets/dusty-gulch.png') center/cover}
 .game.mobile-combat canvas{height:calc(100% - 220px - env(safe-area-inset-bottom));object-fit:contain;object-position:center top}
 .game.mobile-combat .hud{top:8px;left:8px;right:8px;padding:5px 8px}
 .hud button{width:44px;height:44px;font-size:24px}.score span{font-size:11px}.score small{font-size:13px}.round small{font-size:9px}.round strong{font-size:16px}
 .play-controls{bottom:0;left:0;right:0;min-height:220px;padding:8px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#392919,#211c15);border-top:2px solid #ad8548;z-index:3}
 .status{font:600 14px 'Barlow Condensed',sans-serif;min-height:20px;margin:0;color:#ffe3a8}
 .aim-control{padding:0 10px;margin:2px 0 7px;border-color:#9b7748;background:#1a1713}
 .aim-control label{font-size:11px;line-height:18px}.aim-control input{height:40px;margin:0;cursor:pointer;accent-color:#c4e666}
 .aim-control input::-webkit-slider-thumb{width:28px;height:28px}.aim-control input::-moz-range-thumb{width:28px;height:28px}
 .action-row{gap:12px}.action-row #duck{width:38%;font:800 22px 'Barlow Condensed',sans-serif}.action-row #fire{width:62%;font:800 22px 'Barlow Condensed',sans-serif}
 .action-row .wood{min-height:70px;padding:10px 5px;touch-action:none}
 .control-tip{color:#cfb98f;font-size:11px;letter-spacing:.3px}.charge-track{height:5px}
 .overlay{padding:5%;overflow-y:auto;touch-action:pan-y;z-index:4}.overlay:empty{pointer-events:none}.panel{flex-shrink:0;max-height:100%;overflow:auto;touch-action:pan-y}.panel p,.panel li{font-size:14px}.panel .eyeline{font-size:10px}.panel .secondary{font-size:14px;min-height:44px}
 .home-actions{gap:12px}.menu-row .wood{min-height:48px;font-size:14px}.main-play{min-height:68px;font-size:25px}.help-link{font-size:11px;min-height:40px}
 .overlay.home{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.announcement{top:25%;z-index:2}
 .game.mobile-combat .announcement{top:24%;font-size:36px}.game.mobile-combat .announcement.small{font-size:24px}
 .game.mobile-combat:has(.panel) .play-controls{pointer-events:none;opacity:.3}
}
@media(max-height:550px) and (orientation:landscape) and (pointer:coarse){
 .game-column{max-width:none}.game-top{height:36px;padding:0 12px}.game.mobile-combat canvas{width:calc(100% - 260px);height:100%;object-fit:contain}
 .game.mobile-combat .play-controls{left:auto;width:260px;height:100%;padding-top:14px;display:flex;flex-direction:column;justify-content:center;border-top:0;border-left:2px solid #ad8548}
 .game.mobile-combat .hud{right:270px}.game.mobile-combat .announcement{width:calc(100% - 260px)}.game:not(.mobile-combat) .overlay.home{padding:15px 6%;flex-direction:row;gap:20px}.overlay.home .logo{max-width:45%}.overlay.home .home-actions{max-width:45%}.game:not(.mobile-combat) .logo .nosey{font-size:70px}.game:not(.mobile-combat) .logo .cowboys{font-size:38px}.game:not(.mobile-combat) .tagline{font-size:11px}.panel{max-width:480px}.overlay{justify-content:center}
}