:root{color-scheme:light;--wood-dark: #3a2414;--wood-mid: #6a4326;--wood-light: #a07346;--hay: #d6b36c;--paper: #f8ecd3;--paper-2: #f2dfbf;--ink: #231408;--accent: #d0702a;--accent-2: #2f7e58;--danger: #8d2c20;--locked: #96826a}*{box-sizing:border-box}body{margin:0;font-family:Courier New,Lucida Console,monospace;background:#5a3a22;color:var(--ink);letter-spacing:.02em}button{font:inherit;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:transform var(--motion-hover) var(--motion-ease),box-shadow var(--motion-hover) var(--motion-ease),filter var(--motion-hover) var(--motion-ease),opacity var(--motion-hover) var(--motion-ease)}button:active{transform:scale(.96);transition-duration:var(--motion-press)}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app-shell{min-height:100vh;padding:1rem;position:relative;overflow:hidden;transition:opacity var(--motion-transition) var(--motion-ease)}.app-shell>*{position:relative;z-index:1}.app-shell[data-transition=exiting]{opacity:.72}.app-shell[data-transition=entering]{animation:fade-in var(--motion-transition) var(--motion-ease) both}.app-shell[data-phase=night],.app-shell[data-phase=night-summary]{background:linear-gradient(180deg,#6d4a2b,#4f341d 35%,#7f5834 35%,#89613b)}.app-shell[data-phase=night]:before,.app-shell[data-phase=night-summary]:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(90deg,transparent 0 8%,rgba(24,14,8,.2) 8% 9%),radial-gradient(circle at 8% 12%,#ffd576 0 .33rem,transparent .34rem),radial-gradient(circle at 16% 14%,#ffd576 0 .33rem,transparent .34rem),radial-gradient(circle at 24% 11%,#ffd576 0 .33rem,transparent .34rem),radial-gradient(circle at 32% 13%,#ffd576 0 .33rem,transparent .34rem),radial-gradient(circle at 40% 11%,#ffd576 0 .33rem,transparent .34rem),radial-gradient(circle at 48% 14%,#ffd576 0 .33rem,transparent .34rem),radial-gradient(circle at 56% 11%,#ffd576 0 .33rem,transparent .34rem),radial-gradient(circle at 64% 13%,#ffd576 0 .33rem,transparent .34rem),radial-gradient(circle at 72% 11%,#ffd576 0 .33rem,transparent .34rem),radial-gradient(circle at 80% 14%,#ffd576 0 .33rem,transparent .34rem),radial-gradient(circle at 88% 12%,#ffd576 0 .33rem,transparent .34rem),linear-gradient(180deg,#1a0f0940,#1a0f0900 34%)}.app-shell[data-phase=night]:after,.app-shell[data-phase=night-summary]:after{content:"";position:absolute;left:0;right:0;bottom:-1.25rem;height:8.5rem;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 10% 100%,rgba(214,179,108,.45) 0 34%,transparent 35%),radial-gradient(ellipse at 88% 100%,rgba(214,179,108,.45) 0 34%,transparent 35%),repeating-linear-gradient(90deg,#331f1152 0 .2rem,#0000 .2rem 1.2rem),linear-gradient(180deg,#8a613a00,#8a613aad 42%,#54351ce0)}.status-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-bottom:.9rem}.status-pill{border:2px solid #221206;background:linear-gradient(180deg,#f9eed7,#efd8b4);box-shadow:2px 2px #3f2716;padding:.38rem .65rem;text-align:center;font-weight:700}.night-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(17rem,1fr);gap:1rem;align-items:start}.barn-grid-wrap{overflow-x:auto;padding-bottom:.45rem}.barn-grid{background:repeating-linear-gradient(180deg,#6e46271f 0 .45rem,#0000 .45rem .9rem),linear-gradient(180deg,#fef3d7f2,#eed4aaf2);border:4px solid #4a2d18;box-shadow:4px 4px #29160b;padding:.6rem;display:grid;grid-template-columns:repeat(10,minmax(4.2rem,1fr));gap:.38rem;min-width:46rem;position:relative;transform-origin:center}.barn-grid.busted{animation:screen-shake .4s var(--motion-step-retro)}.barn-grid.busted:after{content:"";position:absolute;inset:0;background:#aa2a2047;pointer-events:none;animation:fade-in .15s linear both}.barn-slot{border:2px solid #5e3d23;background:#f7e5c4;min-height:5rem;padding:.2rem;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.06rem;position:relative;box-shadow:inset 0 -2px #3b21122e;transition:transform var(--motion-hover) var(--motion-ease),box-shadow var(--motion-hover) var(--motion-ease),filter var(--motion-hover) var(--motion-ease),opacity var(--motion-hover) var(--motion-ease);cursor:pointer}.barn-slot:hover{transform:translateY(-1px);box-shadow:inset 0 -2px #3b21122e,0 0 0 2px #d0702a40}.barn-slot.selected{outline:3px solid var(--accent);outline-offset:1px}.barn-slot.guest-enter{animation:bounce-in .34s var(--motion-step-retro) both;animation-delay:calc(var(--slot-index) * 40ms)}.barn-slot.stack-pulse .slot-stack{animation:count-pulse .28s var(--motion-step-retro) both}.barn-slot.ability-attention .slot-meta{animation:flash-attention .9s ease-in-out infinite}.barn-slot.ability-fired{box-shadow:inset 0 0 0 2px #f5d887cc,0 0 12px #f5d887b3}.barn-slot.idle-bob{animation:hover-bob 2.2s steps(2,end) infinite;animation-delay:calc(var(--slot-index) * 80ms)}.barn-slot.bust-fade{animation:fade-out .32s ease forwards}.barn-slot-window,.barn-slot-door{background:#ecd4ad;font-weight:700}.barn-slot-window{background:linear-gradient(180deg,#82b0d661,#ecd4add9 80%),#ecd4ad}.barn-slot-door{background:repeating-linear-gradient(90deg,#79502d4d 0 .35rem,#0000 .35rem .75rem),#d8b286}.barn-slot-locked{background:var(--locked);color:#4f473b}.barn-slot-empty{background:#f2dcb8}.barn-slot-animal{background:#fff2d8}.animal-sprite{width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;border:2px solid #2a180d;background:#fffaf0;image-rendering:pixelated;flex-shrink:0}.animal-sprite svg{width:100%;height:100%;display:block;shape-rendering:crispEdges}.barn-slot-sprite{width:1.75rem;height:1.75rem}.slot-title{font-size:.66rem;font-weight:700}.slot-meta,.slot-currency,.slot-label{font-size:.58rem;line-height:1.1;word-break:break-word}.slot-meta.ability-spent{opacity:0;transform:translateY(-3px)}.slot-stack{position:absolute;top:.12rem;right:.18rem;background:var(--accent);color:#fff8ec;padding:.05rem .25rem;border:1px solid #8f4d1e;font-size:.57rem;font-weight:700}.inspector{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);border:3px solid #462916;box-shadow:4px 4px #2a1608;padding:.75rem}.inspector h2{margin-top:0;margin-bottom:.55rem;text-transform:uppercase;font-size:1.05rem}.inspector-quip{font-weight:700;color:#55321a}.inspector-note{border:1px dashed #8f5b2a;background:#fff7e7cc;padding:.3rem}.inspector button{display:block;width:100%;margin-top:.5rem;border:2px solid #28140a;background:linear-gradient(180deg,#fffdf8,#f2e2c4);box-shadow:2px 2px #4e2d17;padding:.45rem;font-weight:700}.inspector button:hover,.inspector button:focus-visible,.target-list button:hover,.target-list button:focus-visible,.summary-card button:hover,.summary-card button:focus-visible,.targeting-card>button:hover,.targeting-card>button:focus-visible{transform:translateY(-1px);box-shadow:3px 3px #4e2d17}.inspector button:disabled{opacity:.45;box-shadow:none}.window-counts{max-height:12rem;overflow-y:auto;border:2px solid #8f6b44;padding:.4rem;background:#fff8eb}.window-count-row{display:flex;align-items:center;gap:.4rem;margin:.25rem 0}.window-count-row .animal-sprite{width:1.4rem;height:1.4rem}.targeting-overlay,.summary-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:#1009059e;z-index:30;animation:fade-in .16s linear both}.targeting-card,.summary-card{width:min(38rem,100%);background:linear-gradient(180deg,#fff7e7,#f0ddbd);border:3px solid #472a17;box-shadow:5px 5px #2b1709;padding:1rem;animation:pop-in .26s var(--motion-step-retro) both}.summary-card h2{margin-top:0;text-transform:uppercase}.summary-quip{font-weight:700;color:#55321a}.summary-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-bottom:.75rem}.summary-total-row{margin:0;border:2px solid #8f6b44;background:#fff8eb;padding:.35rem .45rem;display:flex;justify-content:space-between;gap:.4rem}.summary-total-row strong{animation:count-pulse .22s var(--motion-step-retro)}.target-list{display:grid;gap:.5rem;margin-bottom:.75rem}.target-list button,.summary-card button,.targeting-card>button{border:2px solid #28140a;background:linear-gradient(180deg,#fffdf8,#f2e2c4);box-shadow:2px 2px #4e2d17;padding:.5rem;font-weight:700}.summary-log{max-height:12rem;overflow-y:auto;border:2px solid #8f6b44;padding:.4rem;margin-bottom:.75rem;background:#fff8eb}.summary-event{animation:slide-in-up .22s var(--motion-step-retro) both;animation-delay:calc(var(--event-index) * 80ms)}.summary-skip-hint{margin-top:.5rem;font-size:.74rem}.phase-curtain{position:fixed;inset:0;border:0;z-index:45;background:linear-gradient(180deg,#2a180df2,#140b06f5);color:#f8ecd3;display:grid;place-items:center;letter-spacing:.08em;text-transform:uppercase}.phase-curtain.exiting{animation:fade-in .18s linear both}.phase-curtain.entering{animation:fade-out .22s linear both}.phase-curtain-label{border:2px solid rgba(248,236,211,.7);padding:.55rem .75rem;background:#f8ecd314}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1120px){.status-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.night-layout{grid-template-columns:1fr}}@media(max-width:700px){.status-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{padding:.7rem}.summary-totals{grid-template-columns:1fr}.phase-curtain-label{width:min(96vw,24rem);text-align:center;word-break:break-word}}.audio-controls{position:fixed;top:.65rem;right:.65rem;z-index:55;display:grid;justify-items:end;gap:.35rem}.audio-toggle,.audio-mute{border:2px solid #28140a;background:linear-gradient(180deg,#fffdf8,#f2e2c4);box-shadow:2px 2px #4e2d17;color:#2b180c;min-height:2.2rem;min-width:2.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.32rem .45rem;line-height:1}.audio-toggle svg{width:1.1rem;height:1.1rem;fill:currentColor}.audio-panel{width:min(14rem,calc(100vw - 1.3rem));border:2px solid #4a2d18;background:linear-gradient(180deg,#faeed1fa,#eed7adfa);box-shadow:3px 3px #29160b;padding:.5rem;display:grid;gap:.28rem}.audio-slider-label{font-size:.65rem;text-transform:uppercase;font-weight:700}.audio-panel input[type=range]{width:100%;accent-color:#d0702a}.audio-unlocked-hint{margin:.1rem 0 0;font-size:.62rem;color:#5a3418}@media(max-width:700px){.audio-controls{top:.45rem;right:.45rem}.audio-panel{width:min(13rem,calc(100vw - 1rem))}}:root{--motion-press: .12s;--motion-hover: .2s;--motion-transition: .32s;--motion-ease: cubic-bezier(.22, .61, .36, 1);--motion-step-retro: steps(4, end)}@keyframes bounce-in{0%{transform:translateY(10px) scale(.86);opacity:0}55%{transform:translateY(-2px) scale(1.06);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-in{0%{transform:scale(.82);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes slide-in-up{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-out-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(14px);opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes count-pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}to{transform:rotate(0)}}@keyframes hover-bob{0%{transform:translateY(0)}50%{transform:translateY(-1px)}to{transform:translateY(0)}}@keyframes flash-attention{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@keyframes screen-shake{0%{transform:translate(0)}25%{transform:translate(-4px,1px)}50%{transform:translate(4px,-1px)}75%{transform:translate(-3px,1px)}to{transform:translate(0)}}.count-pulse{animation:count-pulse .22s var(--motion-step-retro)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}.phase-curtain{display:none!important}}.trading-post{background:linear-gradient(180deg,#faeed1fa,#eed7adfa);border:4px solid #4a2d18;box-shadow:4px 4px #29160b;padding:1rem;display:grid;gap:.95rem;outline:none;animation:slide-in-up var(--motion-transition) var(--motion-ease) both}.shop-header{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.shop-header h1{margin:0;margin-right:.5rem;font-size:1.45rem;text-transform:uppercase}.shop-header p{margin:0;border:2px solid #3c2413;background:linear-gradient(180deg,#fff8e7,#f0debd);box-shadow:2px 2px #4d311c;padding:.28rem .52rem;font-weight:700}.shop-quip{margin:0;font-weight:700;color:#4c2e16}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.shop-card,.upgrade-card,.hootenanny-button{border:2px solid #422814;background:linear-gradient(180deg,#fffdf7,#f3e2c3);box-shadow:2px 2px #4f311b;padding:.52rem;text-align:left;color:inherit;transition:transform var(--motion-hover) var(--motion-ease),box-shadow var(--motion-hover) var(--motion-ease),filter var(--motion-hover) var(--motion-ease),opacity var(--motion-hover) var(--motion-ease)}.shop-card{display:grid;gap:.22rem;align-content:start;animation:slide-in-up .24s var(--motion-ease) both;animation-delay:calc(var(--entry-index) * 50ms)}.shop-card h3,.upgrade-card h3{margin:.15rem 0;display:flex;flex-direction:column;gap:.2rem}.shop-card p,.upgrade-card p,.shop-inspector p{margin:0;font-size:.78rem;line-height:1.3}.shop-card.focused,.upgrade-card.focused,.hootenanny-button.focused{outline:3px solid #d0702a;outline-offset:1px}.shop-card:hover,.shop-card:focus-visible,.upgrade-card:hover,.upgrade-card:focus-visible,.hootenanny-button:hover,.hootenanny-button:focus-visible{transform:translateY(-2px);box-shadow:4px 4px #4f311b}.shop-card.blue-ribbon{border-color:#2f7e58;background:linear-gradient(135deg,#2f7e5824,#2f7e5800 36%),linear-gradient(180deg,#fffdf7,#e7f3ec)}.shop-card.blue-ribbon{animation-name:pop-in;animation-duration:.28s}.shop-card.blue-ribbon:after{content:"";justify-self:end;width:0;height:0;border-top:.9rem solid #2f7e58;border-left:.9rem solid transparent;margin-top:-.52rem;margin-right:-.52rem}.shop-card.dimmed,.upgrade-card.dimmed{opacity:.46;box-shadow:none}.shop-card.sold-out{filter:grayscale(.82)}.shop-card.purchased{animation:wiggle .21s var(--motion-step-retro)}.shop-sprite{width:2.7rem;height:2.7rem}.shop-sprite .animal-sprite{width:100%;height:100%}.blue-ribbon-chip{display:inline-block;width:fit-content;border:1px solid #1f5a3f;background:#def3e7;color:#174632;padding:.05rem .28rem;font-size:.62rem}.shop-card.focused .shop-sprite,.shop-card:hover .shop-sprite{animation:walk-bob .28s steps(2,end) infinite}@keyframes walk-bob{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.shop-lower-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.hootenanny-button{align-self:stretch;font-weight:700;text-align:center;display:grid;place-items:center}.shop-inspector{border:2px solid #4d311b;background:linear-gradient(180deg,#fff8ea,#f0dfbe);box-shadow:2px 2px #4f311b;padding:.7rem}.shop-inspector-content{animation:slide-in-up .18s var(--motion-ease) both}.shop-inspector-flavor{font-weight:700;color:#5a3418}.shop-inspector h3{margin:0 0 .35rem;text-transform:uppercase;font-size:.98rem}.chip{display:inline-block;width:fit-content;border:1px solid #7d2f1f;padding:.1rem .42rem;font-size:.68rem;font-weight:700;background:#ffd9cf}.power-badge{display:inline-block;min-width:1.2rem;text-align:center;border:1px solid #5d4228;background:#f9ecd0;font-weight:700}.shop-footer-note{margin:0;font-size:.74rem;color:#5a3418}@media(max-width:980px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-lower-row{grid-template-columns:1fr}}@media(max-width:520px){.shop-grid{grid-template-columns:1fr}}.win-screen{max-width:42rem;margin:2rem auto;border:4px solid #2f7e58;box-shadow:5px 5px #173b2b;background:linear-gradient(180deg,#f1fef4f2,#dcf3e4f2);padding:1.2rem;text-align:center;animation:pop-in .32s var(--motion-ease) both}.win-screen h1{margin-top:0;text-transform:uppercase}.win-title{margin:0 auto .45rem;width:21ch;max-width:100%;clip-path:inset(0 100% 0 0);white-space:nowrap;animation:win-type .9s steps(26,end) both}.win-quip{font-weight:700;color:#1f5f42}.win-screen p{margin:.35rem 0;font-weight:700}.win-ribbons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.win-ribbon-pill{border:2px solid #2f7e58;background:#ebfbf1;padding:.2rem .45rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem;opacity:0;transform:scale(.86);animation:pop-in .3s var(--motion-step-retro) both;animation-delay:calc(.45s + (var(--ribbon-index) * .5s))}.win-ribbon-pill .animal-sprite{width:1.35rem;height:1.35rem}.win-screen button{border:2px solid #174632;box-shadow:2px 2px #214631;background:linear-gradient(180deg,#fff,#dcf2e5);padding:.55rem 1rem;font-weight:700;opacity:0;transform:translateY(8px);animation:slide-in-up .26s var(--motion-step-retro) both;animation-delay:calc(.75s + (var(--winner-count) * .5s))}.win-play-again:hover,.win-play-again:focus-visible{transform:translateY(-2px)}@keyframes win-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}