@font-face{font-family:Lilita One;src:url(./LilitaOne-latin-CiZ7RRtu.woff2)format("woff2");font-weight:400;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#3a2312;--letterbox:#1a0f06;--parchment:#fff6df;--parchment-edge:#ecd5a6;--wood:#a86d38;--wood-light:#d69a5c;--text:#3a2312;--muted:#7a5a3a;--gold:#ffd23f;--gold-deep:#e09b12;--highlight:#2e7d32;--overlay:#1a0e0499;--display:"Lilita One", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 50% 40%, #2e1b0c, var(--letterbox) 70%);place-items:center;line-height:1.4;display:grid;overflow:hidden}#root{place-items:center;width:100%;display:grid}.stage{aspect-ratio:4/3;-webkit-user-select:none;user-select:none;width:min(100vw,133.333dvh);position:relative;overflow:hidden;container-type:inline-size}canvas{touch-action:manipulation;cursor:pointer;width:100%;height:100%;display:block}.overlay{background:radial-gradient(circle at 50% 45%, #1a0e0459, var(--overlay) 75%);place-items:center;padding:3cqw;animation:.16s ease-out fade-in;display:grid;position:absolute;inset:0;overflow-y:auto}.panel{text-align:center;width:min(100%,64cqw);color:var(--text);background:radial-gradient(circle at 50% 0%, #fffdf4, transparent 60%), linear-gradient(var(--parchment), var(--parchment-edge));border:max(3px, .5cqw) solid var(--wood);box-shadow:0 0 0 max(2px, .25cqw) var(--ink), inset 0 0 0 max(2px, .3cqw) var(--wood-light), 0 1.2cqw 0 #00000059;border-radius:1.8cqw;flex-direction:column;align-items:center;gap:1.4cqw;padding:3cqw 3.4cqw;font-size:clamp(11px,2.1cqw,17px);animation:.22s cubic-bezier(.2,1.4,.4,1) pop-in;display:flex;position:relative}.panel h1,.panel h2{font-family:var(--display);letter-spacing:.02em;color:var(--text);margin:0;font-weight:400}.panel h2{font-size:1.9em}.panel h1{color:var(--gold);background:linear-gradient(#fff3b0 10%, var(--gold) 45%, var(--gold-deep));-webkit-text-fill-color:transparent;-webkit-text-stroke:max(2px, .35cqw) var(--ink);paint-order:stroke fill;filter:drop-shadow(0 .5cqw #3a231273);-webkit-background-clip:text;background-clip:text;font-size:3.6em;line-height:1}.logo{align-items:center;gap:.6em;display:flex}.logo-art{filter:drop-shadow(0 .5cqw #3a231273);width:3.4em;height:3.4em}.logo-art:first-child{transform:rotate(-12deg)}.logo-art:last-child{transform:rotate(10deg)}.tagline{max-width:38em}.panel p{margin:0}.muted,.keys{color:var(--muted)}.highlight{font-family:var(--display);color:var(--highlight);font-size:1.3em}kbd{font-family:var(--display);color:var(--text);border:1.5px solid var(--ink);background:#fffaf0;border-bottom-width:3px;border-radius:.35em;padding:0 .4em;font-size:.9em}.button{font-family:var(--display);letter-spacing:.02em;color:var(--text);border:max(2px, .3cqw) solid var(--ink);box-shadow:0 .25em 0 var(--ink);cursor:pointer;background:linear-gradient(#fffaf0,#ead8b5);border-radius:.7em;padding:.35em 1.4em .45em;font-size:1.15em;transition:transform 80ms,box-shadow 80ms}.button.primary{background:linear-gradient(#fff3a6, var(--gold) 45%, var(--gold-deep));font-size:1.4em}.button:hover{filter:brightness(1.05)}.button:active{box-shadow:0 .05em 0 var(--ink);transform:translateY(.2em)}.button:focus-visible,.control:focus-visible{outline-offset:3px;outline:3px solid #fffaf0}.panel.shop{gap:1.1cqw;width:min(100%,90cqw);padding:2cqw 2.4cqw 2.4cqw;font-size:clamp(9px,1.9cqw,16px)}.shop-head{justify-content:space-between;align-items:center;gap:1em;width:100%;display:flex}.purse{font-family:var(--display);color:#fff4d6;background:linear-gradient(var(--wood-light), var(--wood));border:2px solid var(--ink);box-shadow:0 .12em 0 var(--ink);text-shadow:0 1px 0 var(--ink), 1px 0 0 var(--ink), -1px 0 0 var(--ink), 0 -1px 0 var(--ink);border-radius:999px;align-items:center;gap:.3em;padding:.1em .8em .1em .3em;font-size:1.5em;display:flex}.coin-icon{width:1.2em;height:1.2em}.store{border:2px solid var(--ink);border-radius:1.2cqw;width:100%;overflow:hidden}.store-back{background:linear-gradient(#0000,#28140559),repeating-linear-gradient(90deg,#b07a45 0 6.5cqw,#9c6a3a 6.5cqw calc(6.5cqw + 2px),#a5713f calc(6.5cqw + 2px) 13cqw,#8f5f33 13cqw calc(13cqw + 2px));grid-template-columns:18cqw 1fr;align-items:end;gap:1.5cqw;min-height:21cqw;padding:1.6cqw 2cqw 0;display:grid;position:relative}.store-sign{font-family:var(--display);letter-spacing:.06em;color:#fff4d6;border:2px solid var(--ink);background:#4e2f1a;border-radius:.4em;padding:.1em .8em;font-size:1.15em;position:absolute;top:1cqw;right:2cqw;transform:rotate(-2deg);box-shadow:inset 0 0 0 2px #8d5a2b}.shopkeeper{width:100%;height:auto;display:block}.shopkeeper-body{transform-origin:50% 100%;transform-box:fill-box;animation:3.2s ease-in-out infinite breathe}.shopkeeper-eyes{transform-origin:50% 55px;transform-box:view-box;animation:4.5s infinite blink}.panel .speech{text-align:left;min-height:4.2em;color:var(--text);border:2px solid var(--ink);background:#fffdf6;border-radius:1em;align-self:center;margin:5cqw 0 9cqw;padding:.6em .9em;position:relative;box-shadow:0 .15em #00000040}.speech:before,.speech:after{content:"";border-style:solid;border-color:#0000;position:absolute;top:50%}.speech:before{border-width:.55em .75em .55em 0;border-right-color:var(--ink);margin-top:-.55em;left:-.75em}.speech:after{border-width:calc(.55em - 2px) calc(.75em - 2px) calc(.55em - 2px) 0;border-right-color:#fffdf6;margin-top:calc(2px - .55em);left:calc(3px - .75em)}.speech strong{font-family:var(--display);font-weight:400}.counter{border-top:2px solid var(--ink);background:linear-gradient(#e2a866 0 1.6cqw, var(--ink) 1.6cqw calc(1.6cqw + 2px), transparent 0), repeating-linear-gradient(90deg, #8a5428 0 9cqw, #6e4320 9cqw calc(9cqw + 2px));justify-content:center;gap:1cqw;padding:0 1.5cqw 1.4cqw 21.5cqw;display:flex}.offer{font:inherit;min-width:0;color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:0 13cqw;align-items:center;gap:.5cqw;margin-top:-7.6cqw;padding:0;display:flex;position:relative}.offer-art{filter:drop-shadow(0 .5cqw #28140559);width:9cqw;height:9cqw;transition:transform .12s ease-out;position:relative}.shop-icon{width:100%;height:100%;display:block}.offer[data-short] .offer-art{filter:grayscale(.6)opacity(.65)}.offer:hover:not([aria-disabled=true]) .offer-art,.offer:focus-visible:not([aria-disabled=true]) .offer-art{transform:translateY(-.8cqw)rotate(-4deg)}.offer:active:not([aria-disabled=true]) .offer-art{transform:translateY(.2cqw)}.offer[aria-disabled=true]{cursor:default}.offer:focus-visible{outline:none}.offer:has(.stamp) .shop-icon{opacity:.35}.stamp{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#c62828;background:#fffaf0cc;border:.15em solid;border-radius:.3em;font-size:1.15em;position:absolute;inset:30% -10% auto;transform:rotate(-14deg)}.tag{border:2px solid var(--ink);background:linear-gradient(#fffdf4,#f1e2bd);border-radius:.4em;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:.35em .4em .4em;line-height:1.15;display:flex;position:relative;box-shadow:0 .15em #0000004d}.offer:focus-visible .tag{outline-offset:3px;outline:3px solid #fffaf0}.offer:nth-child(odd) .tag{transform:rotate(-2deg)}.offer:nth-child(2n) .tag{transform:rotate(2deg)}.offer-name{color:var(--muted);font-size:.82em}.offer-price{font-family:var(--display);color:#2e7d32;font-size:1.3em}.offer[data-short] .offer-price{color:#c62828}.shop-note{color:var(--muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.controls{gap:1cqw;display:flex;position:absolute;bottom:1.5cqw;right:1.5cqw}.control{font-family:var(--display);letter-spacing:.02em;color:#fff4d6;background:linear-gradient(var(--wood-light), var(--wood));border:2px solid var(--ink);box-shadow:0 .2em 0 var(--ink);text-shadow:0 1px 0 var(--ink);cursor:pointer;border-radius:.6em;padding:.3em .8em .4em;font-size:clamp(11px,1.8cqw,15px)}.control:active:not(:disabled){box-shadow:0 .05em 0 var(--ink);transform:translateY(.15em)}.control:disabled{opacity:.5;cursor:default}.count{text-align:center;min-width:1.4em;color:var(--text);background:var(--gold);border:1.5px solid var(--ink);text-shadow:none;border-radius:999px;margin-left:.3em;padding:0 .3em;display:inline-block}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}@keyframes breathe{50%{transform:scale(1.01,.985)}}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.overlay,.panel,.shopkeeper-body,.shopkeeper-eyes{animation:none}}
