:root{--bg: #16100a;--bg2: #1f1610;--gold: #ffd84d;--gold-deep: #e8a91d;--gold-dark: #b87714;--ink: #2b1c0a;--paper: #f5deb0;--wood: #9a6228;--wood-dark: #6e4418;--red: #ff5e5e;--green: #7dff8a;--px: "Press Start 2P", monospace;--body: "VT323", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:radial-gradient(ellipse 120% 80% at 50% 0%,#241a10 0%,var(--bg) 55%,#0c0805 100%);color:var(--paper);font-family:var(--body);overflow-x:hidden;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0;background:conic-gradient(rgba(255,216,77,.022) 90deg,transparent 0 180deg,rgba(255,216,77,.022) 0 270deg,transparent 0);background-size:24px 24px;pointer-events:none}.app{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 10px 28px;position:relative}.scanlines{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.13) 0px,rgba(0,0,0,.13) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;z-index:50}.pxbtn{font-family:var(--px);font-size:12px;color:var(--ink);background:linear-gradient(180deg,#ffe27a 0%,var(--gold) 45%,var(--gold-deep) 100%);border:0;padding:10px 16px;cursor:pointer;position:relative;text-transform:uppercase;box-shadow:0 4px 0 var(--gold-dark),0 4px 0 2px #4a2e08,inset 0 2px #fff3b8,0 0 0 2px #4a2e08;image-rendering:pixelated;transition:transform 60ms steps(2),box-shadow 60ms steps(2);display:inline-flex;align-items:center;gap:8px;user-select:none}.pxbtn:hover:not(:disabled){filter:brightness(1.07)}.pxbtn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--gold-dark),0 0 0 2px #4a2e08,inset 0 2px #fff3b8}.pxbtn:disabled{filter:grayscale(.85) brightness(.75);cursor:not-allowed}.pxbtn-big{font-size:15px;padding:16px 26px;animation:btn-pulse 1.6s steps(2) infinite}@keyframes btn-pulse{50%{box-shadow:0 4px 0 var(--gold-dark),0 4px 0 2px #4a2e08,inset 0 2px #fff3b8,0 0 0 2px #4a2e08,0 0 22px #ffd84d73}}.pxbtn-newrun{font-size:11px;padding:10px 16px;margin-top:14px;background:linear-gradient(180deg,#c98a5a 0%,var(--wood) 50%,var(--wood-dark) 100%);color:#f5deb0;box-shadow:0 3px #3a2208,0 3px 0 2px #2b1804,inset 0 2px #d9a55c,0 0 0 2px #2b1804}.menu .pxbtn-big,.menu .pxbtn-newrun{display:flex;width:fit-content;margin-left:auto;margin-right:auto}.pxbtn-exit{font-size:9px;padding:8px 10px;background:linear-gradient(180deg,#c98a5a 0%,var(--wood) 50%,var(--wood-dark) 100%);color:#f5deb0;box-shadow:0 3px #3a2208,0 3px 0 2px #2b1804,inset 0 2px #d9a55c,0 0 0 2px #2b1804}.pxbtn-dyn{font-size:10px;padding:6px 10px}.pxbtn-buy{font-size:10px;padding:10px 12px;min-width:86px;justify-content:center}.mute{position:fixed;top:10px;right:10px;z-index:60;font-size:14px;padding:6px 8px}.pxicon{image-rendering:pixelated;display:block}.panel{width:min(680px,96vw);background:linear-gradient(180deg,var(--bg2),#181009),var(--bg2);padding:34px 26px;text-align:center;position:relative;box-shadow:0 0 0 3px var(--wood-dark),0 0 0 6px var(--ink),0 0 0 8px var(--wood-dark),0 18px 50px #000000b3;clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px))}.title{font-family:var(--px);font-size:clamp(26px,7vw,46px);letter-spacing:2px;line-height:1.2;margin-bottom:6px}.title-ch{display:inline-block;color:var(--gold);text-shadow:0 3px 0 var(--gold-dark),0 6px 0 #4a2e08,0 0 26px rgba(255,216,77,.35);animation:bounce 2.4s steps(3) infinite}.title .sp{display:inline-block;width:.6em}@keyframes bounce{0%,to{transform:translateY(0)}10%{transform:translateY(-6px)}20%{transform:translateY(0)}}.subtitle{font-family:var(--px);font-size:11px;color:var(--gold-deep);margin-bottom:22px;letter-spacing:4px}.menu-icons{display:flex;justify-content:center;gap:26px;margin:8px 0 26px}.menu-icons .pxicon{animation:bounce 3s steps(3) infinite}.menu-icons .pxicon:nth-child(2){animation-delay:.4s}.menu-icons .pxicon:nth-child(3){animation-delay:.8s}.menu-icons .pxicon:nth-child(4){animation-delay:1.2s}.howto{margin-top:26px;font-size:21px;line-height:1.45;color:#d9c79a}.howto p{margin:4px 0}.howto b{color:var(--gold)}.best{margin-top:18px;font-family:var(--px);font-size:10px;color:var(--green)}.stage{width:min(1000px,97vw);display:flex;flex-direction:column;align-items:stretch}.hud{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:var(--px);background:linear-gradient(180deg,#ffd84d,#f0b71f 60%,#d98e00);color:var(--ink);padding:9px 14px;box-shadow:0 0 0 3px #4a2e08,inset 0 -3px #0000002e,inset 0 2px #ffe9a0}.hud-block{display:flex;flex-direction:column;gap:4px}.hud-block.right{margin-left:auto}.hud-block.right+.hud-block.right{margin-left:0}.hud-label{font-size:7px;opacity:.75}.hud-money{font-size:14px;color:#0b5c1d}.hud-goal{font-size:14px;color:#7a2410}.hud-time{font-size:14px}.hud-time.low{color:#c81e1e;animation:blink .5s steps(1) infinite}@keyframes blink{50%{opacity:.25}}.hud-level{font-size:14px}.hud-mid{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.buff{font-size:16px}.hud-consumable{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:4px 6px;background:#00000024;box-shadow:inset 0 0 0 2px #4a2e0880}.pxbtn-dyn.armed{filter:none;animation:armed-pulse .7s steps(2) infinite}@keyframes armed-pulse{50%{box-shadow:0 4px 0 var(--gold-dark),0 4px 0 2px #4a2e08,inset 0 2px #fff3b8,0 0 0 2px #4a2e08,0 0 18px #fff7a8f2}}.screen-frame{margin-top:8px;box-shadow:0 0 0 3px var(--wood-dark),0 0 0 6px var(--ink),0 0 0 8px var(--wood-dark),0 16px 44px #000000a6;line-height:0}.game-canvas{width:100%;height:auto;display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;cursor:pointer}.hint{text-align:center;font-size:20px;color:#b59f74;margin:12px 0 0}.hint b{color:var(--gold)}.shop-head{margin-bottom:18px}.shop-title{font-family:var(--px);font-size:clamp(14px,4vw,20px);color:var(--green);text-shadow:0 3px 0 #0b3a14;margin-bottom:12px}.shop-sub{font-size:22px;color:#d9c79a}.shop-money{font-family:var(--px);font-size:11px;margin-top:10px;color:var(--gold)}.gold-text{color:var(--gold)}.crate-msg{font-family:var(--px);font-size:10px;color:var(--green);padding:10px;background:#00000047;box-shadow:0 0 0 2px var(--wood-dark);animation:blink 1.4s steps(2) infinite}.offers{display:flex;flex-direction:column;gap:10px;margin:18px 0 24px}.offer{display:flex;align-items:center;gap:14px;text-align:left;background:#00000047;padding:10px 12px;box-shadow:0 0 0 2px var(--wood-dark)}.offer .pxicon{flex:0 0 auto}.offer-body{flex:1;min-width:0}.offer-name{font-family:var(--px);font-size:11px;color:var(--gold);margin-bottom:4px}.offer-name .own{color:var(--green)}.offer-desc{font-size:20px;line-height:1.1;color:#cdb88c}.soldout{font-size:22px;color:#b59f74}.go-title{font-family:var(--px);font-size:clamp(20px,6vw,32px);color:var(--red);text-shadow:0 4px 0 #5c0f0f;margin-bottom:16px;animation:shake 2.2s steps(2) infinite}@keyframes shake{0%,to{transform:translate(0)}4%{transform:translate(-3px)}8%{transform:translate(3px)}12%{transform:translate(0)}}.go-text{font-size:24px;line-height:1.4;color:#d9c79a;margin-bottom:10px}.go-text b{color:var(--paper)}@media(max-width:560px){.hud{gap:10px;padding:8px 10px}.hud-money,.hud-goal,.hud-time,.hud-level{font-size:11px}.pxbtn-exit{font-size:8px;padding:7px 8px}.hint{font-size:17px}.panel{padding:26px 14px}.offer-desc{font-size:17px}.pxbtn-big{font-size:12px;padding:14px 18px}}
