:root{--color-hud-bg: #E8CFA6;--color-hud-bg-dark: #D4B98A;--color-icon: #B68962;--color-icon-dark: #9B7050;--color-text-muted: #9B8259;--color-text-dark: #191108;--color-text-light: #FFF8EF;--shadow-hud-inset: inset 1px 0 0 0 rgba(25, 17, 8, 0.15), inset 2px 0 0 0 rgba(255, 255, 255, 0.20);--shadow-hud-inset-top: inset 0 1px 0 0 rgba(25, 17, 8, 0.15), inset 0 2px 0 0 rgba(255, 255, 255, 0.20);--color-sky-top: #3A5F8A;--color-sky-mid: #7B9FBF;--color-sky-horizon: #F4C97A;--color-sky-glow: #E8843A;--color-mountain-far: #8B6DBF;--color-mountain-near: #5A4080;--color-volcano: #2A1A10;--color-lava-glow: #FF6820;--color-ground: #6B8E3A;--color-ground-dark: #4A6A20;--color-farm-plot: #8B6020;--color-farm-soil: #6B4810;--color-water: #4A80C0;--color-water-light: #7AB0E8;--color-cloud: #FFF8EF;--font-pixel: "Pixelify Sans", "Courier New", monospace;--font-ui: "Pixelify Sans", system-ui, sans-serif;--font-size-base: 1rem;--font-size-sm: 0.875rem;--font-size-xs: 0.75rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.625rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--hud-height: 4rem;--hud-logo-size: 2.375rem;--hud-controls-width: 8.625rem;--hud-game-logo-w: 20.875rem;--hud-game-logo-h: 15rem;--hud-info-width: 14.1875rem;--hud-track-width: 11.9375rem;--hud-icon-sm: 1.5625rem;--hud-icon-sm-h: 1.75rem;--hud-icon-lg: 2.375rem;--page-width: 103.125rem;--page-height: 56.25rem;--page-ratio: 11 / 6;--transition-fast: 0.15s ease;--transition-base: 0.25s ease;--radius-none: 0;--radius-sm: 0.125rem;--z-sky: 1;--z-clouds: 2;--z-mountains: 3;--z-volcano: 4;--z-ground: 5;--z-farm: 6;--z-characters: 7;--z-logo: 8;--z-hud: 10}@media screen and (max-width: 37.4375rem){:root{--hud-height: 3.5rem;--hud-controls-width: 6.5rem;--hud-info-width: 12rem;--hud-track-width: 7rem;--hud-icon-sm: 1.125rem;--hud-icon-sm-h: 1.375rem;--hud-icon-lg: 1.75rem}}@media screen and (max-width: 24.9375rem){:root{--hud-height: 3rem;--hud-controls-width: 6rem;--hud-icon-sm: 1rem;--hud-icon-sm-h: 1.25rem;--hud-icon-lg: 1.5rem}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;tab-size:4;-moz-tab-size:4}body{min-height:100svh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,video,canvas,svg,picture{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none}img{height:auto}svg{display:inline-block;vertical-align:middle}body{font-family:var(--font-pixel);font-size:var(--font-size-base);color:var(--color-text-dark)}h1{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2}h2{font-size:var(--font-size-xl);font-weight:600;line-height:1.3}h3{font-size:var(--font-size-lg);font-weight:600;line-height:1.3}h4{font-size:var(--font-size-base);font-weight:600;line-height:1.4}p{font-size:var(--font-size-base);line-height:1.6}small{font-size:var(--font-size-xs)}.logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.logo__img{display:block;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.logo--sm{width:var(--hud-logo-size);height:var(--hud-logo-size)}.logo--hero{width:var(--hud-game-logo-w);height:var(--hud-game-logo-h);aspect-ratio:167/120}.game-logo{position:absolute;top:13%;left:50%;transform:translateX(-50%);z-index:var(--z-logo);width:var(--hud-game-logo-w);pointer-events:none;user-select:none}.game-logo__img{display:block;width:100%;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.pixel-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-hud-bg);color:var(--color-text-dark);font-family:var(--font-pixel);font-size:var(--font-size-xs);font-weight:600;line-height:1;letter-spacing:.05em;border-radius:var(--radius-sm);box-shadow:inset 0 -2px 0 0 rgba(25,17,8,.15),inset 0 1px 0 0 rgba(255,255,255,.3)}.pixel-badge--dark{background:var(--color-text-dark);color:var(--color-text-light)}.player{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:var(--z-hud);display:inline-flex;align-items:flex-start;overflow:visible;max-width:calc(100vw - 2rem);filter:drop-shadow(0 0.375rem 1rem rgba(25, 17, 8, 0.5));box-shadow:0 -2px 0 0 rgba(0,0,0,.25) inset,0 2px 0 0 rgba(255,255,255,.25) inset,0 4px 0 0 rgba(0,0,0,.25)}.player__logo-wrap{position:relative;display:flex;align-items:flex-end;justify-content:center;width:8.75rem;height:var(--hud-height);flex-shrink:0;background:var(--color-hud-bg);border-radius:.5rem 0 0 .5rem;overflow:visible;box-shadow:inset 1px 0 0 0 rgba(25,17,8,.15),inset 0 1px 0 0 rgba(255,255,255,.2)}.player__gramophone{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:7.25rem;height:8.5rem;flex-shrink:0;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;pointer-events:none;user-select:none;opacity:1;transition:opacity var(--transition-base)}.player__gramophone.is-hidden{opacity:0;pointer-events:none}.player__gramophone:first-child{width:7.25rem;height:10.7rem;transform:translateX(-50%);bottom:-18px}.player__controls{display:flex;width:var(--hud-controls-width);height:var(--hud-height);justify-content:center;align-items:center;gap:var(--space-3);flex-shrink:0;background:var(--color-hud-bg);box-shadow:inset 1px 0 0 0 rgba(25,17,8,.15),inset 2px 0 0 0 rgba(255,255,255,.2)}.player__btn{appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:0;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity var(--transition-fast),transform var(--transition-fast)}.player__btn:focus-visible{outline:2px solid var(--color-icon);outline-offset:2px}.player__btn:active{transform:translateY(1px)}.player__btn svg{display:block;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.player__btn:hover{opacity:.7}.player__btn:active{transform:translateY(0.0625rem)}.player__btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.player__btn--sm{width:var(--hud-icon-sm);height:var(--hud-icon-sm-h)}.player__btn--sm svg{width:var(--hud-icon-sm);height:var(--hud-icon-sm-h)}.player__btn--lg{width:var(--hud-icon-lg);height:var(--hud-icon-lg);position:relative}.player__btn--lg svg{width:var(--hud-icon-lg);height:var(--hud-icon-lg);position:absolute;top:0;left:0;opacity:1;transition:opacity var(--transition-base)}.player__btn--lg svg.is-hidden{opacity:0;pointer-events:none}.player__btn--active svg path{fill:var(--color-icon-dark)}.player__info{display:flex;width:var(--hud-info-width);height:var(--hud-height);justify-content:center;align-items:center;gap:var(--space-3);flex-shrink:0;background:var(--color-hud-bg);border-radius:0 .5rem .5rem 0;box-shadow:inset 1px 0 0 0 rgba(25,17,8,.15),inset 2px 0 0 0 rgba(255,255,255,.2);padding-inline:var(--space-4)}.player__track{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;width:var(--hud-track-width);flex-shrink:0;color:var(--color-text-muted);font-family:var(--font-pixel);font-size:var(--font-size-sm);font-weight:400;line-height:normal}@media screen and (max-width: 37.4375rem){.player{bottom:.75rem}.player__logo-wrap{width:6rem}.player__gramophone{width:4.5rem;height:6rem}.player__gramophone:first-child{width:4.5rem;height:7rem;bottom:-14px}.player__controls{gap:var(--space-2);width:auto;padding-inline:var(--space-3)}.player__btn--sm{display:none}.player__btn--lg svg{width:var(--hud-icon-lg);height:var(--hud-icon-lg)}.player__info{padding-inline:var(--space-2)}}@media screen and (max-width: 24.9375rem){.player__info{display:none}}@keyframes note-float{0%{opacity:0;transform:translateX(0) translateY(0) scale(0.8)}20%{opacity:1}80%{opacity:.5}100%{opacity:0;transform:translateX(0.25rem) translateY(-1.25rem) scale(1.1)}}.scene-bg{position:absolute;inset:0;z-index:0;background-image:url("../images/bg.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat}.farm{position:absolute;z-index:var(--z-farm);bottom:4%;left:5%;width:55%}.farm__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(3.5rem, 1fr));grid-template-rows:repeat(3, 2.5rem);gap:.1875rem;width:100%}.farm__plot{position:relative;background:var(--color-farm-plot);border:.0625rem solid var(--color-farm-soil);aspect-ratio:1/1;overflow:hidden;cursor:pointer;transition:filter var(--transition-fast);image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.farm__plot::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, transparent 50%)}.farm__plot:hover{filter:brightness(1.1)}.farm__plot--tilled{background:var(--color-farm-soil)}.farm__plot--tilled::after{content:"";position:absolute;inset:.25rem;background:repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 0px, rgba(255, 255, 255, 0.06) 2px, transparent 2px, transparent 6px)}.farm__plot--planted{background:var(--color-farm-soil)}.farm__plot--planted .farm__crop{display:block}.farm__plot--watered{background:#5a3808;box-shadow:inset 0 0 .25rem rgba(74,128,192,.4)}.farm__plot--ready{animation:plot-ready-glow 1.5s ease-in-out infinite alternate}.farm__crop{display:none;position:absolute;bottom:.1875rem;left:50%;transform:translateX(-50%);width:.25rem;height:.25rem;background:#6abf40;box-shadow:0 -4px #6abf40,0 -8px #80d050,-4px -8px #6abf40,4px -8px #6abf40,0 -12px #a0e060}.farm__road{width:100%;height:.5rem;background:repeating-linear-gradient(90deg, #C8A878 0px, #C8A878 8px, #B89858 8px, #B89858 16px);margin-block:.125rem}@keyframes plot-ready-glow{from{box-shadow:inset 0 0 .25rem rgba(160,224,96,.2)}to{box-shadow:inset 0 0 .5rem rgba(160,224,96,.6);filter:brightness(1.08)}}.character{position:absolute;z-index:var(--z-characters);bottom:8%;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.character__sprite{display:block;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;image-rendering:pixelated}.character--player{left:28%;width:2rem;height:3rem;animation:character-idle .8s steps(2) infinite}.character--npc{left:40%}@keyframes character-idle{0%{transform:translateY(0)}50%{transform:translateY(-2px)}100%{transform:translateY(0)}}.page{position:fixed;inset:0;overflow:hidden}.game-canvas{position:absolute;inset:0;overflow:visible;background:#2a1a0a;font-size:clamp(.5rem,1vw,1rem)}.main-content{position:absolute;inset:0;overflow:hidden}/*# sourceMappingURL=main.css.map */