:root{--font-hand: "Caveat", cursive;--font-type: "Special Elite", monospace;--font-body: "Nunito", sans-serif;--color-paper: #e8d7b0;--color-paper-dark: #d4c090;--color-ink: #3a2a18;--color-muted: #7a5f3c;--color-accent: #b8884a;--color-accent-alt: #c69a4c;--color-line: #c4a878;--color-cream: #f3ead2;--color-screen: #1c140d;--color-jungle: #0e1a0b;--color-crash-fire: #c84010;--color-crash-ember: #e8780a;--color-crash-smoke: #1a1410;--color-river-deep: #071418;--color-river-mid: #0d2830;--color-river-surf: #153a42;--color-jungle-canopy: #0c1e09;--color-jungle-deep: #162e10;--color-jungle-mid: #264d1c;--color-jungle-mist: #b8d880;--color-office-night: #0d1520;--color-office-wall: #152035;--color-office-deep: #08101a;--color-office-lamp: #c89030;--color-sky-deep: #0e2a5c;--color-sky-mid: #1e5fa0;--color-sky-horizon: #e8a870;--color-sky-dusk: #c85840;--color-mine-deep: #0a0806;--color-mine-stone: #1a1208;--color-mine-rock: #2a1e10;--color-mine-lantern: #c07820;--color-violet: #7c3aed;--color-violet-light: #a78bfa;--color-gold: #c69a4c;--color-gold-light: #f2d781;--color-hat: #6b4423;--color-earth: #a9794a;--color-green-boa: #57662f;--color-green-moss: #8a9a5b;--color-heart: #9b2c2c;--color-outline: #2a1d10;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 56px;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .6s ease;--dialogue-height: 176px;--dialogue-padding: var(--space-lg) var(--space-xl)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;font-family:var(--font-body);color:var(--color-ink);background:var(--color-screen);-webkit-font-smoothing:antialiased}.game-screen{position:relative;width:100vw;height:100vh;overflow:hidden;cursor:pointer}.scene-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.sprite{position:absolute;bottom:var(--dialogue-height);image-rendering:auto;pointer-events:none;-webkit-user-select:none;user-select:none;animation:fade-in var(--transition-slow) ease}.sprite--center{left:50%;transform:translate(-50%)}.sprite--left{left:var(--space-xl)}.sprite--right{right:var(--space-xl)}.dialogue-box{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);width:min(760px,100vw - var(--space-xl) * 2);min-height:var(--dialogue-height);padding:var(--dialogue-padding);border-radius:var(--radius-md);background:repeating-linear-gradient(135deg,rgba(120,86,46,.035) 0 3px,transparent 3px 8px),linear-gradient(180deg,#ecdcb8,var(--color-paper));border:1px solid var(--color-line);box-shadow:0 8px 48px #281c0e99,inset 0 1px #fff3}.dialogue-box__inner{position:relative}.dialogue-box__name{font-family:var(--font-type);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm)}.dialogue-box__text{font-family:var(--font-hand);font-size:28px;line-height:1.4;color:var(--color-ink)}.dialogue-box__hint{position:absolute;bottom:var(--space-md);right:var(--space-xl);font-family:var(--font-type);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);animation:blink 1.6s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{text-shadow:0 0 20px rgba(184,136,74,.35)}50%{text-shadow:0 0 52px rgba(184,136,74,.9),0 0 90px rgba(184,136,74,.25)}}@keyframes plane-fly{0%{transform:translate(-30vw,50vh) rotate(-12deg);opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translate(110vw,-30vh) rotate(-12deg);opacity:0}}@keyframes flicker{0%,to{opacity:1}15%{opacity:.7}30%{opacity:.9}50%{opacity:.5}65%{opacity:.85}80%{opacity:.6}}@keyframes onoma-pop{0%{transform:translate(-50%) rotate(-8deg) scale(.3);opacity:0}60%{transform:translate(-50%) rotate(-8deg) scale(1.15);opacity:1}to{transform:translate(-50%) rotate(-8deg) scale(1);opacity:1}}
