\n \n

\n\n \n

🍄

\n\n

\n \n

\n\n \n

Сделано в лесу.
Не крути меня 🍄

\n \n

S/N 0xGRIB-1337

\n\n

🍄 ГРИБАРИУМ 🍄

\n\n \n\n

\n\n \n

Крути, грибник! (пробел или рычаг)

\n \n

Ставка10

\n \n \n \n

Таблица грибов (×3 = кэф×3, пара = кэф×0.3)

\n\n \n

Твой гриб

➜

\n \n

Цель

\n\n \n

\n Стоимость лукошка: 0 💰\n \n

\n \n

\n\n

\n 🖱 Тяни фон — автомат крутится\n \n \n

\n\n \n

\n\n \n\n\n","label",[18],"pulls","branches","forks","envVars",{"_167":26,"_169":26},"connections",{"_167":26,"_168":26},"count","unfilledCount","emptyCount",{"_33":298,"_13":217,"_63":210,"_43":-5,"_35":36,"_153":277,"_154":93,"_37":299,"_39":26,"_65":300,"_156":-5,"_66":24,"_158":-5,"_192":301,"_17":302},{"_33":290,"_13":291,"_63":292,"_43":210,"_35":36,"_153":293,"_154":93,"_37":294,"_39":26,"_65":213,"_156":295,"_66":24,"_158":-5,"_192":296,"_17":297},{"_33":282,"_13":283,"_63":284,"_43":210,"_35":36,"_153":285,"_154":93,"_37":286,"_39":26,"_65":213,"_156":287,"_66":24,"_158":-5,"_192":288,"_17":289},{"_33":274,"_13":275,"_63":276,"_43":210,"_35":36,"_153":277,"_154":93,"_37":278,"_39":26,"_65":213,"_156":279,"_66":24,"_158":-5,"_192":280,"_17":281},{"_33":266,"_13":267,"_63":268,"_43":210,"_35":36,"_153":269,"_154":93,"_37":270,"_39":26,"_65":213,"_156":271,"_66":24,"_158":-5,"_192":272,"_17":273},{"_33":258,"_13":259,"_63":260,"_43":210,"_35":36,"_153":261,"_154":93,"_37":262,"_39":26,"_65":213,"_156":263,"_66":24,"_158":-5,"_192":264,"_17":265},{"_33":250,"_13":251,"_63":252,"_43":210,"_35":36,"_153":116,"_154":93,"_37":253,"_39":254,"_65":213,"_156":255,"_66":24,"_158":-5,"_192":256,"_17":257},{"_33":242,"_13":243,"_63":244,"_43":210,"_35":36,"_153":245,"_154":93,"_37":246,"_39":40,"_65":213,"_156":247,"_66":24,"_158":-5,"_192":248,"_17":249},{"_33":234,"_13":235,"_63":236,"_43":210,"_35":36,"_153":237,"_154":93,"_37":238,"_39":26,"_65":213,"_156":239,"_66":24,"_158":-5,"_192":240,"_17":241},{"_33":226,"_13":227,"_63":228,"_43":210,"_35":36,"_153":229,"_154":93,"_37":230,"_39":26,"_65":213,"_156":231,"_66":24,"_158":-5,"_192":232,"_17":233},{"_33":218,"_13":219,"_63":220,"_43":210,"_35":36,"_153":221,"_154":93,"_37":222,"_39":26,"_65":213,"_156":223,"_66":24,"_158":-5,"_192":224,"_17":225},{"_33":207,"_13":208,"_63":209,"_43":210,"_35":36,"_153":211,"_154":93,"_37":212,"_39":26,"_65":213,"_156":214,"_66":24,"_158":-5,"_192":215,"_17":216},{"_33":152,"_13":18,"_63":64,"_43":-5,"_35":36,"_153":72,"_154":93,"_37":204,"_39":40,"_65":21,"_156":157,"_66":24,"_158":-5,"_192":205,"_17":206},{"_33":195,"_13":196,"_63":91,"_43":-5,"_35":36,"_153":197,"_154":93,"_37":198,"_39":26,"_65":199,"_156":200,"_66":24,"_158":201,"_192":202,"_17":203},{"_33":185,"_13":186,"_63":187,"_43":-5,"_35":36,"_153":188,"_154":93,"_37":189,"_39":190,"_65":21,"_156":191,"_66":24,"_158":-5,"_192":193,"_17":194},"73c5a2a4-b2f4-429e-af30-2b5435fc4ed1","style.css","876e2838-aabb-11f1-9e85-1607ee4eb77e",22,["D",1788786621389],4,":root {\n --ry: -12deg;\n --rx: 6deg;\n --s: 1;\n --gold: #ffd54a;\n --mw: 560px; /* ширина автомата */\n --mh: 760px; /* высота */\n --md: 220px; /* глубина */\n --wood: #3b2416;\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\nhtml, body { height: 100%; }\nbody {\n font-family: \"Segoe UI\", Arial, sans-serif;\n background: #050403;\n color: #f5e6c8;\n overflow: hidden;\n user-select: none;\n}\nbutton { font-family: inherit; cursor: pointer; }\nbutton:disabled { opacity: .45; cursor: not-allowed; }\n\n/* ================= КОМНАТА ================= */\n#room {\n position: fixed; inset: 0;\n display: flex; align-items: center; justify-content: center;\n cursor: grab;\n transition: filter .5s;\n}\n#room.grabbing { cursor: grabbing; }\n\n.wall {\n position: absolute; inset: 0; bottom: 42%;\n background:\n radial-gradient(ellipse 60% 90% at 50% 100%, rgba(255, 190, 90, .16), transparent 70%),\n linear-gradient(#0a0906, #17120c 60%, #221a10);\n transition: background .6s;\n}\n.wall::after { /* дощатая стена */\n content: \"\"; position: absolute; inset: 0;\n background: repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 2px, transparent 2px 80px);\n}\n.floor {\n position: absolute; left: -20%; right: -20%; bottom: 0; height: 42%;\n background:\n radial-gradient(ellipse 45% 70% at 50% 0%, rgba(255, 200, 110, .28), transparent 70%),\n repeating-linear-gradient(90deg, #2a1a0f 0 60px, #24160c 60px 62px, #2c1c10 62px 120px, #201308 120px 122px),\n #1a100a;\n transform: perspective(600px) rotateX(55deg);\n transform-origin: top;\n box-shadow: inset 0 0 200px #000;\n transition: filter .6s;\n}\n.dust {\n position: absolute; inset: 0; pointer-events: none;\n background-image:\n radial-gradient(circle, rgba(255,230,170,.7) 0 1px, transparent 1.5px),\n radial-gradient(circle, rgba(255,230,170,.5) 0 1px, transparent 1.5px);\n background-size: 180px 220px, 260px 300px;\n background-position: 0 0, 90px 120px;\n opacity: .35;\n animation: dust 30s linear infinite;\n mask: radial-gradient(ellipse 35% 60% at 50% 45%, #000 20%, transparent 100%);\n}\n@keyframes dust { to { background-position: 40px 220px, 140px 420px; } }\n\n/* лампа */\n#lamp {\n position: absolute; top: 0; left: 50%; transform: translateX(-50%);\n transform-origin: top center; z-index: 5; cursor: pointer;\n}\n#lamp .cord { width: 3px; height: 70px; background: #111; margin: 0 auto; box-shadow: 1px 0 0 #333; }\n#lamp .shade {\n width: 130px; height: 50px;\n background: linear-gradient(#2c2c2c, #0d0d0d);\n clip-path: polygon(30% 0, 70% 0, 100% 100%, 0 100%);\n border-bottom: 3px solid #5a4a20;\n}\n#lamp .bulb {\n width: 34px; height: 34px; border-radius: 50%; margin: -16px auto 0;\n background: radial-gradient(#fffbe0, #ffd77a 50%, transparent 72%);\n filter: blur(1px);\n box-shadow: 0 0 40px 18px rgba(255, 210, 110, .55);\n transition: all .4s;\n}\n#lamp.swing { animation: swing 1.5s ease-out; }\n@keyframes swing {\n 0% { transform: translateX(-50%) rotate(0); }\n 25% { transform: translateX(-50%) rotate(6deg); }\n 50% { transform: translateX(-50%) rotate(-4deg); }\n 75% { transform: translateX(-50%) rotate(2deg); }\n 100% { transform: translateX(-50%) rotate(0); }\n}\n.light-cone {\n position: absolute; top: 110px; left: 50%; width: 1400px; height: 100%;\n transform: translateX(-50%);\n background: conic-gradient(from 155deg at 50% 0, transparent 0deg, rgba(255,215,130,.13) 12deg, rgba(255,215,130,.13) 38deg, transparent 50deg);\n pointer-events: none;\n mix-blend-mode: screen;\n transition: opacity .5s;\n}\n\n/* сцена */\n.stage {\n position: relative;\n width: var(--mw); height: var(--mh);\n perspective: 1800px;\n transform: scale(var(--s)) translateY(20px);\n z-index: 3;\n}\n\n/* стол */\n.table {\n position: absolute; left: 50%; top: 100%;\n width: 0; height: 0;\n transform-style: preserve-3d;\n transform: rotateX(var(--rx)) rotateY(var(--ry));\n}\n.table .top {\n position: absolute; width: 900px; height: 520px;\n left: -450px; top: -260px;\n transform: rotateX(90deg);\n background:\n radial-gradient(ellipse at 50% 50%, rgba(255,200,120,.18), transparent 70%),\n repeating-linear-gradient(0deg, #5a3a22 0 28px, #4a2e1a 28px 30px),\n var(--wood);\n border-radius: 14px;\n box-shadow: inset 0 0 60px rgba(0,0,0,.6);\n}\n.table .top::before { /* тень автомата */\n content: \"\"; position: absolute; left: 50%; top: 50%;\n width: calc(var(--mw) + 60px); height: calc(var(--md) + 60px);\n transform: translate(-50%, -50%);\n background: radial-gradient(ellipse, rgba(0,0,0,.75), transparent 75%);\n filter: blur(14px);\n}\n.table .front {\n position: absolute; width: 900px; height: 36px; left: -450px; top: 0;\n transform: translateZ(260px);\n background: linear-gradient(#6a4528, #3a2312);\n border-radius: 0 0 8px 8px;\n}\n.table .leg {\n position: absolute; width: 40px; height: 380px; top: 36px;\n background: linear-gradient(90deg, #2a180c, #5a3a22, #2a180c);\n transform: translateZ(220px);\n}\n.table .leg.l { left: -410px; }\n.table .leg.r { left: 370px; }\n\n/* ================= АВТОМАТ ================= */\n#machine {\n position: absolute; inset: 0;\n transform-style: preserve-3d;\n transform-origin: 50% 100% 0;\n transform: rotateX(var(--rx)) rotateY(var(--ry));\n}\n#machine.off .front { filter: brightness(.25) saturate(.3); }\n#machine.off .marquee h1 { text-shadow: none; opacity: .3; }\n#machine.sad .face { filter: saturate(.4) brightness(.8); }\n\n.face {\n position: absolute;\n backface-visibility: hidden;\n}\n.face.front, .face.back { inset: 0; }\n.face.front {\n transform: translateZ(calc(var(--md) / 2));\n background: linear-gradient(170deg, #9a2f2f, #5c1717 55%, #3d0e0e);\n border: 8px solid #c99a2e;\n border-radius: 22px;\n box-shadow: inset 0 0 40px rgba(0,0,0,.6), inset 0 2px 0 rgba(255,255,255,.25);\n cursor: default;\n display: flex; flex-direction: column;\n padding: 10px 16px 16px;\n color: #f5e6c8;\n transition: filter .4s;\n}\n.face.back {\n transform: rotateY(180deg) translateZ(calc(var(--md) / 2));\n background: linear-gradient(#3a3a3a, #1c1c1c);\n border: 8px solid #2a2a2a; border-radius: 22px;\n display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px;\n}\n.face.left, .face.right {\n top: 0; bottom: 0; width: var(--md); left: calc(50% - var(--md) / 2);\n background: linear-gradient(90deg, #4a1010, #7a2020 50%, #4a1010);\n border-top: 8px solid #c99a2e; border-bottom: 8px solid #c99a2e;\n}\n.face.left { transform: rotateY(-90deg) translateZ(calc(var(--mw) / 2)); }\n.face.right { transform: rotateY(90deg) translateZ(calc(var(--mw) / 2)); }\n.face.top, .face.bottom {\n left: 0; right: 0; height: var(--md); top: calc(50% - var(--md) / 2);\n background: linear-gradient(#d4a93a, #a87a1c);\n border-radius: 22px 22px 0 0;\n}\n.face.top { transform: rotateX(90deg) translateZ(calc(var(--mh) / 2)); background: radial-gradient(ellipse at 50% 30%, #f1cf6a, #b8861f); }\n.face.bottom { transform: rotateX(-90deg) translateZ(calc(var(--mh) / 2)); background: #1a1a1a; }\n\n/* задняя стенка */\n.sticker {\n background: #f3e6c0; color: #333; padding: 12px 18px; font-size: 1rem; text-align: center;\n transform: rotate(-4deg); box-shadow: 0 4px 10px rgba(0,0,0,.5); font-family: \"Comic Sans MS\", cursive;\n}\n.vents { width: 60%; height: 120px; background: repeating-linear-gradient(0deg, #111 0 6px, #333 6px 12px); border-radius: 8px; }\n#plug { font-size: 2rem; background: #ddd; border: 3px solid #999; border-radius: 10px; padding: 8px 14px; transition: transform .2s; }\n#plug:hover { transform: scale(1.1) rotate(-5deg); }\n.serial { font-family: monospace; color: #777; font-size: .8rem; }\n\n/* рычаг */\n#lever {\n position: absolute; right: 30px; top: 300px; width: 40px; height: 200px;\n cursor: pointer;\n}\n#lever .arm {\n position: absolute; left: 15px; bottom: 0; width: 10px; height: 160px;\n background: linear-gradient(90deg, #888, #eee, #888); border-radius: 5px;\n transform-origin: bottom center; transition: transform .35s cubic-bezier(.3,1.6,.6,1);\n}\n#lever .knob {\n position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%;\n background: radial-gradient(circle at 35% 35%, #ff6060, #a00); box-shadow: 0 4px 8px rgba(0,0,0,.6);\n transform-origin: 20px 180px; transition: transform .35s cubic-bezier(.3,1.6,.6,1);\n}\n#lever.pulled .arm, #lever.pulled .knob { transform: rotate(-150deg); }\n#lever::after {\n content: \"\"; position: absolute; left: 5px; bottom: -10px; width: 30px; height: 20px;\n background: #222; border-radius: 6px;\n}\n\n/* ---- передняя панель ---- */\n.marquee { position: relative; text-align: center; padding: 6px 0 10px; }\n.marquee h1 {\n font-size: 1.9rem; letter-spacing: 4px; color: var(--gold); cursor: pointer;\n text-shadow: 0 0 10px #ff9800, 0 0 30px #ff5722, 0 3px 0 #7a4a00;\n animation: glow 2s ease-in-out infinite alternate;\n}\n@keyframes glow { from { text-shadow: 0 0 10px #ff9800, 0 0 20px #ff5722, 0 3px 0 #7a4a00; } to { text-shadow: 0 0 20px #ffeb3b, 0 0 45px #ff9800, 0 3px 0 #7a4a00; } }\n.bulbs {\n height: 10px; margin: 4px 30px 0;\n background: radial-gradient(circle, #ffe680 0 3px, transparent 4px) 0 0 / 22px 10px repeat-x;\n animation: bulbs .6s steps(2) infinite;\n}\n@keyframes bulbs { to { background-position: 22px 0; } }\n\n.topbar {\n display: flex; align-items: center; gap: 10px;\n background: #151515; border: 2px solid #3a3a3a; border-radius: 12px; padding: 6px 10px;\n box-shadow: inset 0 2px 8px #000;\n}\n.stat { display: flex; flex-direction: column; min-width: 70px; }\n.stat span:first-child { font-size: .6rem; text-transform: uppercase; letter-spacing: 1px; color: #999; }\n.stat span:last-child { font-size: 1.25rem; font-weight: bold; color: var(--gold); font-variant-numeric: tabular-nums; }\n.tabs { display: flex; gap: 4px; flex: 1; justify-content: center; }\n.tab {\n background: #2a2a2a; color: #ccc; border: 1px solid #444; border-radius: 8px; padding: 6px 10px; font-size: .85rem;\n transition: all .15s;\n}\n.tab:hover { background: #3a3a3a; }\n.tab.active { background: var(--gold); color: #222; border-color: #fff3b0; font-weight: bold; box-shadow: 0 0 12px rgba(255,213,74,.5); }\n.icon-btn { background: #2a2a2a; border: 1px solid #444; border-radius: 50%; width: 36px; height: 36px; font-size: 1rem; }\n\n.screen {\n position: relative; flex: 1; min-height: 0; margin-top: 10px;\n background: linear-gradient(#141c14, #0b100b);\n border: 6px solid #222; border-radius: 14px;\n box-shadow: inset 0 0 40px #000, 0 0 0 2px #c99a2e;\n overflow-y: auto; overflow-x: hidden; padding: 12px;\n scrollbar-width: thin; scrollbar-color: #444 transparent;\n}\n.screen::before { /* скан-линии */\n content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 2;\n background: repeating-linear-gradient(0deg, rgba(0,0,0,.12) 0 1px, transparent 1px 3px);\n}\n.tray {\n height: 26px; margin: 12px 60px 0; border-radius: 0 0 14px 14px;\n background: linear-gradient(#111, #000); box-shadow: inset 0 6px 12px #000;\n}\n\n#bios {\n position: absolute; inset: 0; z-index: 10; background: #000; color: #4caf50;\n font-family: monospace; padding: 24px; display: none;\n}\n#bios.show { display: block; }\n#bios pre { font-size: 1rem; line-height: 1.6; }\n\n.panel { display: none; animation: fadein .3s; }\n.panel.active { display: block; }\n@keyframes fadein { from { opacity: 0; transform: translateY(6px); } }\n\n/* ================= СЛОТЫ ================= */\n.reels {\n position: relative; display: flex; gap: 10px; justify-content: center;\n background: linear-gradient(#2a1a10, #1a0e08); padding: 12px; border-radius: 14px;\n border: 3px solid #c99a2e; box-shadow: inset 0 0 30px #000;\n}\n.reel {\n width: 148px; height: 330px; overflow: hidden; position: relative; border-radius: 10px;\n background: linear-gradient(#fff8e1, #ddd0ae 50%, #fff8e1);\n border: 3px solid #333;\n box-shadow: inset 0 14px 22px rgba(0,0,0,.4), inset 0 -14px 22px rgba(0,0,0,.4);\n}\n.reel.spinning .strip { filter: blur(1.5px); }\n.reel.landed { animation: bump .3s; }\n@keyframes bump { 30% { transform: translateY(5px); } }\n.strip { display: flex; flex-direction: column; will-change: transform; }\n.symbol {\n height: 110px; display: flex; align-items: center; justify-content: center;\n border-bottom: 1px dashed rgba(0,0,0,.15);\n}\n.symbol svg { width: 92px; height: 92px; filter: drop-shadow(0 4px 4px rgba(0,0,0,.35)); }\n.symbol.hit { animation: hit .5s ease 3; background: radial-gradient(circle, color-mix(in srgb, var(--rc) 60%, #fff), transparent 75%); }\n@keyframes hit { 50% { transform: scale(1.15); } }\n.symbol.divine svg, .symbol.mythic svg { filter: drop-shadow(0 0 10px var(--rc)); }\n.payline {\n position: absolute; left: 6px; right: 6px; top: 50%; height: 3px;\n background: rgba(255, 60, 60, .8); box-shadow: 0 0 12px red; transform: translateY(-1px); pointer-events: none;\n}\n.payline::before, .payline::after {\n content: \"\"; position: absolute; top: -6px; border: 8px solid transparent;\n}\n.payline::before { left: -8px; border-left-color: #ffd54a; }\n.payline::after { right: -8px; border-right-color: #ffd54a; }\n\n.message { margin: 12px 0; min-height: 34px; font-size: 1.25rem; font-weight: bold; text-align: center; color: var(--gold); }\n.message.win { animation: pop .4s ease; color: #7dff7d; text-shadow: 0 0 15px #4caf50; }\n.message.big { color: #ff5fd2; font-size: 1.6rem; text-shadow: 0 0 20px #ff00c8; animation: shakeTxt .5s ease infinite; }\n.message.divine { color: #ffd700; text-shadow: 0 0 25px #ffd700, 0 0 60px #ff9800; }\n@keyframes pop { 0% { transform: scale(.6); } 60% { transform: scale(1.2); } }\n@keyframes shakeTxt { 0%,100% { transform: rotate(-1.5deg) scale(1.05); } 50% { transform: rotate(1.5deg) scale(1.1); } }\n\n.controls {\n display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;\n background: #151515; border-radius: 14px; padding: 10px 14px; border: 2px solid #3a3a3a;\n}\n.round { width: 36px; height: 36px; border-radius: 50%; border: none; background: #444; color: #fff; font-size: 1.3rem; }\n.round:hover { background: #666; }\n.spin-btn {\n background: linear-gradient(#ff5722, #b71c1c); color: #fff; border: 3px solid var(--gold); border-radius: 50px;\n padding: 12px 30px; font-size: 1.15rem; font-weight: bold; letter-spacing: 2px;\n box-shadow: 0 5px 0 #7a0f0f, 0 0 20px rgba(255, 87, 34, .5); transition: transform .1s, box-shadow .1s;\n}\n.spin-btn:hover:not(:disabled) { transform: translateY(-2px); }\n.spin-btn:active:not(:disabled) { transform: translateY(3px); box-shadow: 0 2px 0 #7a0f0f; }\n\n.btn { background: #2a2a2a; color: #eee; border: 1px solid #555; border-radius: 8px; padding: 8px 14px; font-size: .9rem; transition: all .15s; }\n.btn:hover:not(:disabled) { background: #3a3a3a; }\n.btn.ghost { background: transparent; }\n.btn.gold { background: linear-gradient(#ffe082, #d4a017); color: #222; font-weight: bold; border-color: #fff3b0; }\n.btn.gold:hover:not(:disabled) { filter: brightness(1.1); }\n.btn.danger { border-color: #a33; color: #f88; margin-top: 12px; }\n\n.paytable-wrap { margin-top: 12px; background: rgba(0,0,0,.4); border-radius: 12px; padding: 8px 12px; }\n.paytable-wrap summary { cursor: pointer; color: var(--gold); font-size: .9rem; }\n.paytable { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; margin-top: 8px; }\n.pay-row { display: flex; align-items: center; gap: 8px; padding: 3px 6px; border-left: 3px solid var(--rc); background: rgba(255,255,255,.03); border-radius: 4px; }\n.pay-icon svg { width: 34px; height: 34px; }\n.pay-name { flex: 1; font-size: .85rem; display: flex; flex-direction: column; }\n.pay-name small { color: var(--rc); font-size: .65rem; }\n.pay-mult { font-weight: bold; color: var(--gold); }\n\n/* ================= КАРТОЧКИ ================= */\n.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; }\n.grid.small { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 6px; }\n.card {\n --rc: #999;\n position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px;\n padding: 10px 6px; border-radius: 12px; border: 2px solid var(--rc);\n background: radial-gradient(circle at 50% 25%, color-mix(in srgb, var(--rc) 30%, #111), #0c0c0c 75%);\n box-shadow: 0 4px 12px rgba(0,0,0,.5), inset 0 0 20px color-mix(in srgb, var(--rc) 15%, transparent);\n transition: transform .15s, box-shadow .15s; cursor: pointer; text-align: center;\n}\n.card:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,.6), 0 0 16px color-mix(in srgb, var(--rc) 50%, transparent); }\n.card.selected { outline: 3px solid #fff; transform: scale(1.05); }\n.card .art svg { width: 76px; height: 76px; filter: drop-shadow(0 5px 6px rgba(0,0,0,.6)); }\n.card.small .art svg { width: 56px; height: 56px; }\n.card .name { font-size: .78rem; font-weight: bold; line-height: 1.1; }\n.card.small .name { font-size: .68rem; }\n.card .rar { font-size: .6rem; text-transform: uppercase; letter-spacing: 1px; color: var(--rc); }\n.card .val { font-size: .75rem; color: var(--gold); }\n.card .pct { font-size: .85rem; font-weight: bold; color: #7dff7d; }\n.card .sell { margin-top: 6px; font-size: .72rem; padding: 5px 8px; }\n.card.legend, .card.mythic, .card.divine { box-shadow: 0 0 18px color-mix(in srgb, var(--rc) 50%, transparent); }\n.card.mythic { animation: pulse 1.6s infinite alternate; }\n@keyframes pulse { to { box-shadow: 0 0 30px var(--rc); } }\n.card.divine {\n background: linear-gradient(135deg, #3a2a00, #6b4d00, #3a2a00); background-size: 200% 200%;\n animation: shimmer 2s linear infinite;\n}\n.card.divine::before {\n content: \"\"; position: absolute; inset: -2px; border-radius: 12px; z-index: -1;\n background: conic-gradient(from 0deg, #ffd700, #ff8800, #fff, #ffd700); animation: rot 3s linear infinite; filter: blur(6px);\n}\n@keyframes shimmer { to { background-position: 200% 200%; } }\n@keyframes rot { to { transform: rotate(360deg); } }\n.card.hit { transform: scale(1.12); outline: 3px solid #fff; z-index: 2; }\n.empty { grid-column: 1/-1; text-align: center; color: #888; padding: 30px 10px; font-size: .9rem; }\n\n/* ================= КЕЙСЫ ================= */\n.case-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n.case-card {\n background: linear-gradient(#232323, #141414); border: 2px solid #444; border-radius: 14px; padding: 14px;\n display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center;\n transition: transform .2s, border-color .2s;\n}\n.case-card:hover { transform: translateY(-4px); border-color: var(--gold); }\n.case-icon { font-size: 3.2rem; filter: drop-shadow(0 6px 8px rgba(0,0,0,.6)); animation: float 3s ease-in-out infinite; }\n@keyframes float { 50% { transform: translateY(-6px); } }\n.case-name { font-weight: bold; font-size: 1.05rem; color: var(--gold); }\n.case-desc { font-size: .75rem; color: #aaa; min-height: 32px; }\n.case-preview { display: flex; gap: 4px; }\n.case-preview span svg { width: 30px; height: 30px; filter: drop-shadow(0 0 4px var(--rc)); }\n.case-card .btn { width: 100%; }\n\n.roulette { position: relative; height: 150px; overflow: hidden; background: #0a0a0a; border-radius: 12px; border: 2px solid #333; margin: 12px 0; }\n.roulette-strip { position: absolute; left: 0; top: 10px; display: flex; gap: 8px; will-change: transform; }\n.roulette-item { width: 104px; flex: 0 0 104px; cursor: default; }\n.roulette-item:hover { transform: none; }\n.marker { position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: var(--gold); box-shadow: 0 0 12px var(--gold); z-index: 3; transform: translateX(-50%); }\n.marker::before, .marker::after { content: \"\"; position: absolute; left: -7px; border: 8px solid transparent; }\n.marker::before { top: 0; border-top-color: var(--gold); }\n.marker::after { bottom: 0; border-bottom-color: var(--gold); }\n.roulette-fade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, #0a0a0a, transparent 15%, transparent 85%, #0a0a0a); z-index: 2; }\n.case-result { min-height: 40px; text-align: center; }\n.result-card { display: inline-flex; flex-direction: column; align-items: center; gap: 8px; animation: pop .5s; }\n.result-card .card { min-width: 160px; }\n.result-text { font-size: 1.3rem; font-weight: bold; color: var(--rc); text-shadow: 0 0 12px var(--rc); }\n.row { display: flex; gap: 10px; justify-content: center; margin-top: 12px; }\n.odds { display: flex; flex-direction: column; gap: 4px; max-height: 50vh; overflow-y: auto; margin: 10px 0; }\n.odds-row { display: grid; grid-template-columns: 36px 1fr 80px 70px; align-items: center; gap: 8px; padding: 4px 8px; border-left: 3px solid var(--rc); background: rgba(255,255,255,.04); border-radius: 4px; font-size: .85rem; }\n.odds-row svg { width: 30px; height: 30px; }\n.odds-row b { text-align: right; color: var(--rc); }\n\n/* ================= АПГРЕЙДЕР ================= */\n.up-layout { display: grid; grid-template-columns: 1fr 210px 1fr; gap: 10px; }\n.up-col h3 { font-size: .85rem; color: var(--gold); text-align: center; margin-bottom: 6px; letter-spacing: 1px; }\n.up-col .grid { max-height: 380px; overflow-y: auto; padding: 2px; scrollbar-width: thin; }\n.up-center { display: flex; flex-direction: column; align-items: center; gap: 8px; }\n.up-preview { display: flex; align-items: center; gap: 6px; }\n.up-preview .card { width: 84px; padding: 6px 4px; }\n.up-preview .arrow { color: var(--gold); font-size: 1.4rem; }\n.slot-empty { width: 84px; height: 100px; border: 2px dashed #444; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #555; font-size: 2rem; }\n.wheel svg { width: 190px; height: 190px; filter: drop-shadow(0 0 12px rgba(0,0,0,.6)); }\n#upArc { transition: stroke-dasharray .4s, stroke .4s; filter: drop-shadow(0 0 6px currentColor); }\n#upNeedle { transform-origin: 100px 100px; }\n#upChance { fill: #fff; font-size: 26px; font-weight: bold; }\n.up-result { min-height: 24px; font-weight: bold; text-align: center; font-size: .95rem; }\n.up-result.win { color: #7dff7d; text-shadow: 0 0 10px #4caf50; animation: pop .4s; }\n.up-result.lose { color: #ff6b6b; }\n#upgrader.fail { animation: fail .7s; }\n@keyframes fail { 0%,100% { transform: translateX(0); } 20%,60% { transform: translateX(-8px); } 40%,80% { transform: translateX(8px); } }\n\n/* ================= ИНВЕНТАРЬ ================= */\n.inv-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: .9rem; }\n.inv-head b { color: var(--gold); }\n.stats { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 14px; font-size: .8rem; color: #aaa; justify-content: center; }\n.stats b { color: #eee; }\n\n/* ================= ОБЩЕЕ ================= */\n.hint { position: fixed; bottom: 14px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; align-items: center; font-size: .8rem; color: #887; z-index: 20; }\n.hint .btn { font-size: .75rem; padding: 5px 10px; }\n\n#modal { position: fixed; inset: 0; background: rgba(0,0,0,.8); display: none; align-items: center; justify-content: center; z-index: 100; backdrop-filter: blur(4px); }\n#modal.open { display: flex; }\n.modal-body { background: linear-gradient(#1c1c1c, #0e0e0e); border: 3px solid var(--gold); border-radius: 18px; padding: 20px; width: min(640px, 94vw); max-height: 90vh; overflow-y: auto; box-shadow: 0 0 60px rgba(255,213,74,.25); animation: pop .3s; }\n.modal-body h2 { color: var(--gold); text-align: center; margin-bottom: 8px; }\n.modal-body > .btn { display: block; margin: 12px auto 0; }\n\n#toasts { position: fixed; top: 16px; right: 16px; display: flex; flex-direction: column; gap: 8px; z-index: 200; pointer-events: none; }\n.toast { background: #1c1c1c; border-left: 4px solid var(--gold); color: #eee; padding: 10px 14px; border-radius: 8px; font-size: .9rem; max-width: 320px; opacity: 0; transform: translateX(40px); transition: all .35s; box-shadow: 0 6px 20px rgba(0,0,0,.6); }\n.toast.show { opacity: 1; transform: none; }\n.toast.whisper { color: #888; border-color: #444; font-style: italic; }\n.toast.rare { border-color: #4a90e2; } .toast.epic { border-color: #b04ce0; } .toast.legend { border-color: #f5b400; } .toast.mythic { border-color: #ff3b6b; } .toast.divine { border-color: #ffd700; background: #3a2a00; }\n\n.coin { position: fixed; top: -40px; font-size: 28px; pointer-events: none; z-index: 150; animation: fall linear forwards; }\n@keyframes fall { to { transform: translateY(110vh) rotate(720deg); } }\n.flash { position: fixed; inset: 0; pointer-events: none; z-index: 140; animation: flashA .7s forwards; mix-blend-mode: screen; }\n@keyframes flashA { from { opacity: .7; } to { opacity: 0; } }\nbody.shake #room { animation: screenShake .5s; }\n@keyframes screenShake { 0%,100% { transform: none; } 20% { transform: translate(-6px, 4px); } 40% { transform: translate(6px, -4px); } 60% { transform: translate(-4px, -3px); } 80% { transform: translate(4px, 3px); } }\n\n/* ================= ТЕМНОТА (пасхалка) ================= */\nbody.flicker #lamp .bulb, body.flicker .light-cone { animation: flick .4s steps(3); }\n@keyframes flick { 50% { opacity: .1; } }\nbody.dark .wall, body.dark .floor, body.dark .table > * { filter: brightness(.18); }\nbody.dark .light-cone, body.dark .dust { opacity: 0; }\nbody.dark #lamp .bulb { background: #222; box-shadow: none; }\nbody.dark .face.front { filter: brightness(.75); }\nbody.dark .screen { box-shadow: inset 0 0 40px #000, 0 0 40px rgba(120,255,160,.35), 0 0 0 2px #c99a2e; }\nbody.dark .face.left, body.dark .face.right, body.dark .face.top { filter: brightness(.3); }\n#floorShroom {\n position: fixed; bottom: 6%; left: 22%; font-size: 40px; opacity: 0; pointer-events: none; z-index: 4;\n filter: drop-shadow(0 0 12px #7de0ff) hue-rotate(180deg); transition: opacity 1s; cursor: pointer;\n}\nbody.dark #floorShroom { opacity: 1; pointer-events: auto; animation: breathe 2s infinite alternate; }\nbody.found #floorShroom { opacity: .2 !important; }\n@keyframes breathe { to { filter: drop-shadow(0 0 28px #7de0ff) hue-rotate(180deg); transform: scale(1.1); } }\nbody.forest .wall { background: linear-gradient(#0a1a0a, #10300f); }\nbody.forest .floor { filter: hue-rotate(60deg); }\nbody.matrix .screen { background: #000; color: #0f0; }\nbody.matrix .face.front { background: linear-gradient(170deg, #0a1a0a, #041004); border-color: #0f0; }\nbody.matrix .marquee h1 { color: #0f0; text-shadow: 0 0 20px #0f0; }\n\n/* ================= АДАПТИВ ================= */\n@media (max-width: 1100px) { :root { --s: .85; } }\n@media (max-width: 900px) { :root { --s: .7; } .hint span { display: none; } }\n@media (max-width: 700px) { :root { --s: .58; } }\n@media (max-width: 520px) { :root { --s: .48; } }\n@media (max-height: 850px) { :root { --s: .8; } }\n@media (max-height: 700px) { :root { --s: .65; } }\n","children",[],[186],"1426e409-2af4-4b11-b319-f476c20dd4bf","main.ts",5,["D",1788785999161],"http","import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default async function (req: Request) {\n const url = new URL(req.url);\n const path = url.pathname === \"/\" ? \"index.html\" : url.pathname.slice(1);\n return serveFile(path, import.meta.url);\n}\n","gribarium",[],[196],["D",1788786378485],[],[18],"d8fdf63a-3030-4407-a890-b8e31e112c65","upgrader.js","a57c3706-aabc-11f1-a2b0-1607ee4eb77e","deccc489-d952-4004-8545-cc64278982cc",13,["D",1788786263202],"script","import { MUSHROOMS, RARITIES, byId, value } from \"./data.js\";\nimport { cardHTML } from \"./svg.js\";\nimport { state, addMushroom, removeMushroom, save } from \"./state.js\";\nimport { sfx } from \"./audio.js\";\nimport { $, $$, fmt, rainCoins, flash, shakeScreen, toast } from \"./ui.js\";\n\nlet fromUid = null;\nlet toId = null;\nlet busy = false;\nconst R = 84, C = 2 * Math.PI * R;\n\nconst chance = (from, to) => Math.min(0.9, (value(from) / value(to)) * 0.85);\n\nfunction render() {\n const fromItem = state.inventory.find((i) => i.uid === fromUid);\n if (!fromItem) fromUid = null;\n const from = fromItem ? byId[fromItem.id] : null;\n const to = toId ? byId[toId] : null;\n if (from && to && value(to) <= value(from)) toId = null;\n\n // левая колонка: инвентарь\n const inv = state.inventory.map((i) => byId[i.id]);\n $(\"#upFrom\").innerHTML = state.inventory.length\n ? state.inventory.map((i) => cardHTML(byId[i.id], {\n small: true, cls: i.uid === fromUid ? \"selected\" : \"\", attrs: `data-uid=\"${i.uid}\"`,\n extra: `

${fmt(value(byId[i.id]))}

`,\n })).join(\"\")\n : `

Инвентарь пуст. Открой кейс или выбей тройку в слотах.

`;\n\n // правая колонка: цели\n const targets = from ? MUSHROOMS.filter((m) => value(m) > value(from)) : [];\n $(\"#upTo\").innerHTML = from\n ? targets.map((m) => cardHTML(m, {\n small: true, cls: m.id === toId ? \"selected\" : \"\", attrs: `data-id=\"${m.id}\"`,\n extra: `

${fmt(value(m))}

${(chance(from, m) * 100).toFixed(1)}%

`,\n })).join(\"\") || `

Выше уже некуда 👑

`\n : `

Сначала выбери гриб слева

`;\n\n // центр\n const p = from && to ? chance(from, to) : 0;\n $(\"#upChance\").textContent = from && to ? (p * 100).toFixed(1) + \"%\" : \"—\";\n $(\"#upArc\").style.strokeDasharray = `${p * C} ${C}`;\n $(\"#upArc\").style.stroke = to ? RARITIES[to.rarity].color : \"#4caf50\";\n $(\"#upBtn\").disabled = busy || !(from && to);\n $(\"#upPreviewFrom\").innerHTML = from ? cardHTML(from, { small: true }) : `

`;\n $(\"#upPreviewTo\").innerHTML = to ? cardHTML(to, { small: true }) : `

`;\n}\n\nfunction spin() {\n const fromItem = state.inventory.find((i) => i.uid === fromUid);\n if (busy || !fromItem || !toId) return;\n const from = byId[fromItem.id], to = byId[toId];\n const p = chance(from, to);\n const won = Math.random() < p;\n busy = true;\n render();\n $(\"#upResult\").textContent = \"\";\n $(\"#upResult\").className = \"up-result\";\n\n const winArc = p * 360;\n const theta = won ? Math.random() * winArc * 0.9 + winArc * 0.05 : winArc + Math.random() * (360 - winArc) * 0.9 + (360 - winArc) * 0.05;\n const needle = $(\"#upNeedle\");\n needle.style.transition = \"none\";\n needle.style.transform = \"rotate(0deg)\";\n sfx.upgradeSpin();\n const dur = 3800;\n\n requestAnimationFrame(() => requestAnimationFrame(() => {\n needle.style.transition = `transform ${dur}ms cubic-bezier(.1,.7,.15,1)`;\n needle.style.transform = `rotate(${360 * 4 + theta}deg)`;\n }));\n\n let last = 0;\n const t0 = performance.now();\n const tick = () => {\n const el = performance.now() - t0;\n const interval = 40 + (el / dur) * 260;\n if (el - last > interval) { last = el; sfx.tick(); }\n if (el < dur) requestAnimationFrame(tick);\n };\n requestAnimationFrame(tick);\n\n setTimeout(() => {\n state.stats.upgrades++;\n removeMushroom(fromItem.uid);\n const res = $(\"#upResult\");\n if (won) {\n state.stats.upgradesWon++;\n addMushroom(to.id);\n res.textContent = `✅ УСПЕХ! ${from.name} → ${to.name}`;\n res.className = \"up-result win\";\n sfx.upgradeWin();\n flash(RARITIES[to.rarity].color);\n rainCoins(RARITIES[to.rarity].order >= 3 ? 60 : 20, [\"🍄\", \"✨\", \"⬆️\"]);\n shakeScreen();\n toast(`${to.name} теперь твой!`, to.rarity);\n } else {\n res.textContent = `💀 Провал. ${from.name} растворился в тумане...`;\n res.className = \"up-result lose\";\n sfx.upgradeLose();\n flash(\"#600\");\n $(\"#upgrader\").classList.add(\"fail\");\n setTimeout(() => $(\"#upgrader\").classList.remove(\"fail\"), 700);\n }\n save();\n fromUid = null;\n busy = false;\n render();\n }, dur + 150);\n}\n\nexport function initUpgrader() {\n $(\"#upCircle\").setAttribute(\"r\", R);\n $(\"#upArc\").setAttribute(\"r\", R);\n $(\"#upArc\").style.strokeDasharray = `0 ${C}`;\n render();\n document.addEventListener(\"tab\", (e) => e.detail === \"upgrader\" && render());\n $(\"#upFrom\").addEventListener(\"click\", (e) => {\n const c = e.target.closest(\".card\");\n if (!c || busy) return;\n sfx.click();\n fromUid = c.dataset.uid === fromUid ? null : c.dataset.uid;\n render();\n });\n $(\"#upTo\").addEventListener(\"click\", (e) => {\n const c = e.target.closest(\".card\");\n if (!c || busy) return;\n sfx.click();\n toId = c.dataset.id === toId ? null : c.dataset.id;\n render();\n });\n $(\"#upBtn\").addEventListener(\"click\", spin);\n}\n",[],[217,208],"js","0f4b03fa-277d-45d1-9db0-648785631d9f","ui.js","51b81040-aabc-11f1-ae5e-1607ee4eb77e",10,["D",1788786122663],"import { state, onChange } from \"./state.js\";\nimport { sfx, muted, toggleMute } from \"./audio.js\";\n\nexport const $ = (sel, root = document) => root.querySelector(sel);\nexport const $$ = (sel, root = document) => [...root.querySelectorAll(sel)];\n\nexport const fmt = (n) => Math.round(n).toLocaleString(\"ru-RU\");\n\n// ---- шапка ----\nexport function renderHeader() {\n $(\"#balance\").textContent = fmt(state.balance);\n $(\"#invCount\").textContent = state.inventory.length;\n}\nonChange(renderHeader);\n\n// ---- табы ----\nexport function initTabs() {\n $$(\".tab\").forEach((btn) => {\n btn.addEventListener(\"click\", () => {\n sfx.click();\n $$(\".tab\").forEach((b) => b.classList.toggle(\"active\", b === btn));\n $$(\".panel\").forEach((p) => p.classList.toggle(\"active\", p.id === btn.dataset.panel));\n document.dispatchEvent(new CustomEvent(\"tab\", { detail: btn.dataset.panel }));\n });\n });\n const m = $(\"#mute\");\n m.textContent = muted ? \"🔇\" : \"🔊\";\n m.addEventListener(\"click\", () => (m.textContent = toggleMute() ? \"🔇\" : \"🔊\"));\n}\n\n// ---- эффекты ----\nexport function rainCoins(n, chars = [\"🪙\", \"🍄\", \"💰\", \"✨\"]) {\n for (let i = 0; i < n; i++) {\n const c = document.createElement(\"div\");\n c.className = \"coin\";\n c.textContent = chars[Math.floor(Math.random() * chars.length)];\n c.style.left = Math.random() * 100 + \"vw\";\n c.style.animationDuration = 1.6 + Math.random() * 1.6 + \"s\";\n c.style.animationDelay = Math.random() * 0.9 + \"s\";\n document.body.appendChild(c);\n setTimeout(() => c.remove(), 4000);\n }\n}\n\nexport function flash(color) {\n const f = document.createElement(\"div\");\n f.className = \"flash\";\n f.style.background = color;\n document.body.appendChild(f);\n setTimeout(() => f.remove(), 700);\n}\n\nexport function shakeScreen() {\n document.body.classList.add(\"shake\");\n setTimeout(() => document.body.classList.remove(\"shake\"), 600);\n}\n\nexport function countUp(el, from, to, dur = 900) {\n const start = performance.now();\n const step = (t) => {\n const p = Math.min(1, (t - start) / dur);\n const e = 1 - Math.pow(1 - p, 3);\n el.textContent = fmt(from + (to - from) * e);\n if (p < 1) requestAnimationFrame(step);\n };\n requestAnimationFrame(step);\n}\n\nexport function toast(text, cls = \"\") {\n const t = document.createElement(\"div\");\n t.className = \"toast \" + cls;\n t.textContent = text;\n $(\"#toasts\").appendChild(t);\n setTimeout(() => t.classList.add(\"show\"), 10);\n setTimeout(() => {\n t.classList.remove(\"show\");\n setTimeout(() => t.remove(), 400);\n }, 2600);\n}\n\n// ---- модалка ----\nexport function openModal(html) {\n const m = $(\"#modal\");\n $(\".modal-body\", m).innerHTML = html;\n m.classList.add(\"open\");\n return m;\n}\nexport function closeModal() {\n $(\"#modal\").classList.remove(\"open\");\n}\n",[],[217,219],"30ae74d2-9b9e-4398-8be0-e8273ca63cfc","svg.js","30b9634e-aabc-11f1-81c8-1607ee4eb77e",7,["D",1788786067306],"import { RARITIES } from \"./data.js\";\n\nfunction shade(hex, amt) {\n const n = parseInt(hex.slice(1), 16);\n const c = (v) => Math.max(0, Math.min(255, v + amt));\n const r = c(n >> 16), g = c((n >> 8) & 255), b = c(n & 255);\n return `#${((r << 16) | (g << 8) | b).toString(16).padStart(6, \"0\")}`;\n}\n\nlet uid = 0;\n\nexport function mushroomSVG(m) {\n const id = \"g\" + uid++;\n const capDark = shade(m.cap, -40);\n const stemDark = shade(m.stem, -35);\n let body = \"\";\n\n const stem = (w = 24, h = 30, y = 56) =>\n ``;\n\n if (m.shape === \"cap\") {\n body += stem(m.thick ? 32 : 22, m.thick ? 28 : 30);\n body += ``;\n body += ``;\n if (m.dots) {\n const dots = [[30, 40, 5], [50, 24, 6], [70, 40, 5], [40, 52, 3.5], [62, 54, 3.5], [58, 38, 3], [22, 52, 3]];\n body += dots.map(([x, y, r]) => ``).join(\"\");\n }\n if (m.gloss) body += ``;\n if (m.specks) body += [[44, 64], [56, 70], [48, 78], [58, 82], [42, 74]].map(([x, y]) => ``).join(\"\");\n } else if (m.shape === \"flat\") {\n body += stem(20, 32, 52);\n body += ``;\n body += ``;\n body += ``;\n } else if (m.shape === \"funnel\") {\n body += stem(16, 26, 60);\n body += ``;\n body += ``;\n for (let i = -3; i <= 3; i++) body += ``;\n } else if (m.shape === \"blob\") {\n body += ``;\n const bumps = [[30, 34], [56, 26], [72, 46], [40, 60], [64, 66], [28, 56], [50, 44], [76, 64]];\n body += bumps.map(([x, y]) => ``).join(\"\");\n body += bumps.map(([x, y]) => ``).join(\"\");\n } else if (m.shape === \"cone\") {\n body += stem(22, 22, 66);\n body += ``;\n const cells = [];\n for (let r = 0; r < 5; r++) for (let c = 0; c <= r + 1; c++) {\n const y = 18 + r * 11, span = 12 + r * 9, x = 50 - span / 2 + (c * span) / (r + 1);\n cells.push(``);\n }\n body += cells.join(\"\");\n if (m.trippy) body += ``;\n }\n\n const glow = m.glow\n ? ``\n : \"\";\n\n return ``;\n}\n\nexport function cardHTML(m, opts = {}) {\n const r = RARITIES[m.rarity];\n const extra = opts.extra || \"\";\n const cls = `card ${m.rarity}${opts.small ? \" small\" : \"\"}${opts.cls ? \" \" + opts.cls : \"\"}`;\n return `

${mushroomSVG(m)}

${m.name}

${r.name}

\n ${extra}\n

`;\n}\n",[],[217,227],"d308c250-0682-4394-acbc-699c69942079","state.js","47294a68-aabc-11f1-ae99-1607ee4eb77e",9,["D",1788786104951],"const KEY = \"gribarium_v1\";\n\nfunction load() {\n try {\n return JSON.parse(localStorage.getItem(KEY));\n } catch {\n return null;\n }\n}\n\nexport const state = load() || {\n balance: 1000,\n inventory: [], // { uid, id }\n stats: { spins: 0, cases: 0, upgrades: 0, upgradesWon: 0, bestWin: 0 },\n};\n\nconst listeners = new Set();\nexport const onChange = (fn) => listeners.add(fn);\nexport function save() {\n localStorage.setItem(KEY, JSON.stringify(state));\n listeners.forEach((fn) => fn());\n}\n\nexport function addBalance(n) {\n state.balance = Math.max(0, Math.round(state.balance + n));\n save();\n}\n\nexport function addMushroom(id) {\n const item = { uid: Math.random().toString(36).slice(2) + Date.now().toString(36), id };\n state.inventory.push(item);\n save();\n return item;\n}\n\nexport function removeMushroom(uid) {\n state.inventory = state.inventory.filter((i) => i.uid !== uid);\n save();\n}\n\nexport function recordWin(n) {\n if (n > state.stats.bestWin) state.stats.bestWin = n;\n}\n\nexport function resetAll() {\n localStorage.removeItem(KEY);\n location.reload();\n}\n",[],[217,235],"e086cf01-8a5b-435c-8bbb-090d9b87408a","slots.js","68639e0e-aabc-11f1-938f-1607ee4eb77e",16,["D",1788786339639],"import { MUSHROOMS, RARITIES, randomMushroom, value } from \"./data.js\";\nimport { mushroomSVG } from \"./svg.js\";\nimport { state, addBalance, addMushroom, recordWin, save } from \"./state.js\";\nimport { sfx } from \"./audio.js\";\nimport { $, $$, fmt, rainCoins, flash, shakeScreen, countUp, toast } from \"./ui.js\";\n\nconst REEL_LEN = 28;\nconst BETS = [10, 25, 50, 100, 250, 500, 1000];\nlet betIdx = 0;\nlet spinning = false;\n\nconst reels = () => $$(\".reel\");\nconst symH = () => $(\".reel .symbol\").offsetHeight;\n\nfunction symbolEl(m) {\n const d = document.createElement(\"div\");\n d.className = \"symbol \" + m.rarity;\n d.style.setProperty(\"--rc\", RARITIES[m.rarity].color);\n d.innerHTML = mushroomSVG(m);\n return d;\n}\n\nfunction initReels() {\n reels().forEach((r) => {\n const strip = $(\".strip\", r);\n strip.innerHTML = \"\";\n for (let i = 0; i < 3; i++) strip.appendChild(symbolEl(randomMushroom()));\n });\n}\n\nfunction spinReel(reel, finalM, duration) {\n return new Promise((resolve) => {\n const strip = $(\".strip\", reel);\n const current = $$(\".symbol\", strip).slice(0, 3);\n strip.innerHTML = \"\";\n current.forEach((el) => strip.appendChild(el)); // плавный старт с текущих\n for (let i = 3; i < REEL_LEN; i++) {\n strip.appendChild(symbolEl(i === REEL_LEN - 2 ? finalM : randomMushroom()));\n }\n strip.style.transition = \"none\";\n strip.style.transform = \"translateY(0)\";\n reel.classList.add(\"spinning\");\n\n const target = -(REEL_LEN - 3) * symH();\n const ticker = setInterval(sfx.tick, 65);\n\n requestAnimationFrame(() => requestAnimationFrame(() => {\n strip.style.transition = `transform ${duration}ms cubic-bezier(.12,.8,.3,1.06)`;\n strip.style.transform = `translateY(${target}px)`;\n }));\n\n setTimeout(() => {\n clearInterval(ticker);\n reel.classList.remove(\"spinning\");\n reel.classList.add(\"landed\");\n setTimeout(() => reel.classList.remove(\"landed\"), 300);\n sfx.stop();\n // оставляем только 3 последних видимых\n const keep = $$(\".symbol\", strip).slice(REEL_LEN - 3);\n strip.style.transition = \"none\";\n strip.innerHTML = \"\";\n keep.forEach((el) => strip.appendChild(el));\n strip.style.transform = \"translateY(0)\";\n resolve();\n }, duration);\n });\n}\n\nfunction evaluate(res, bet) {\n const [a, b, c] = res;\n if (a.id === b.id && b.id === c.id) {\n return { win: Math.round(bet * a.mult * 3), kind: \"triple\", m: a };\n }\n const pair = a.id === b.id ? a : b.id === c.id ? b : a.id === c.id ? a : null;\n if (pair) return { win: Math.max(1, Math.round(bet * pair.mult * 0.3)), kind: \"pair\", m: pair };\n return { win: 0, kind: \"lose\" };\n}\n\nconst LOSE = [\"Пусто... грибы спрятались\", \"Не сезон 🍂\", \"Лукошко пустое\", \"Улитка съела удачу 🐌\", \"Лес молчит...\", \"Ещё разок, грибник!\"];\n\nfunction setMsg(text, cls = \"\") {\n const m = $(\"#slotMsg\");\n m.className = \"message \" + cls;\n m.innerHTML = text;\n}\n\nfunction renderBet() {\n $(\"#bet\").textContent = fmt(BETS[betIdx]);\n $(\"#spin\").disabled = spinning || state.balance < BETS[betIdx];\n}\n\nexport async function spin() {\n const bet = BETS[betIdx];\n if (spinning || state.balance < bet) return;\n spinning = true;\n addBalance(-bet);\n state.stats.spins++;\n renderBet();\n setMsg(\"Крутим...\");\n sfx.spinStart();\n\n const result = [randomMushroom(), randomMushroom(), randomMushroom()];\n const rs = reels();\n await Promise.all([\n spinReel(rs[0], result[0], 1500),\n spinReel(rs[1], result[1], 2100),\n spinReel(rs[2], result[2], 2700),\n ]);\n\n const r = evaluate(result, bet);\n const rc = r.m ? RARITIES[r.m.rarity].color : null;\n const winEls = $$(\".reel .symbol:nth-child(2)\");\n\n if (r.kind === \"triple\") {\n const item = addMushroom(r.m.id);\n winEls.forEach((el) => el.classList.add(\"hit\"));\n const big = r.m.mult >= 25;\n if (r.m.rarity === \"divine\") {\n setMsg(`👑 БОЖЕСТВЕННЫЙ ДЖЕКПОТ! +${fmt(r.win)} 👑`, \"win big divine\");\n sfx.jackpot(); rainCoins(120, [\"👑\", \"🍄\", \"💰\", \"✨\", \"🌟\"]); flash(\"#ffd700\"); shakeScreen();\n } else if (big) {\n setMsg(`ТРИ ${r.m.name.toUpperCase()}! +${fmt(r.win)}`, \"win big\");\n sfx.bigWin(); rainCoins(40); flash(rc); shakeScreen();\n } else {\n setMsg(`Три ${r.m.name}! +${fmt(r.win)}`, \"win\");\n sfx.win(); rainCoins(15);\n }\n toast(`🎁 ${r.m.name} добавлен в инвентарь (${fmt(value(r.m))} монет)`, r.m.rarity);\n } else if (r.kind === \"pair\") {\n $$(\".reel .symbol:nth-child(2)\").forEach((el, i) => {\n if (result[i].id === r.m.id) el.classList.add(\"hit\");\n });\n setMsg(`Пара ${r.m.name} +${fmt(r.win)}`, \"win\");\n sfx.win();\n } else {\n setMsg(LOSE[Math.floor(Math.random() * LOSE.length)]);\n sfx.lose();\n }\n\n if (r.win > 0) {\n const old = state.balance;\n recordWin(r.win);\n addBalance(r.win);\n countUp($(\"#balance\"), old, state.balance);\n }\n save();\n\n spinning = false;\n renderBet();\n rescue();\n}\n\nfunction rescue() {\n if (state.balance < 10 && state.inventory.length === 0) {\n setTimeout(() => {\n addBalance(500);\n toast(\"Проигрался... Лесник дал 500 монет в долг 🍄\");\n renderBet();\n }, 1200);\n }\n}\n\nfunction renderPaytable() {\n const rows = [...MUSHROOMS].reverse().map((m) => {\n const r = RARITIES[m.rarity];\n return `

\n ${mushroomSVG(m)}\n ${m.name}${r.name} · ${m.chance}%\n ×${m.mult}\n

`;\n }).join(\"\");\n $(\"#paytable\").innerHTML = rows;\n}\n\nexport function initSlots() {\n initReels();\n renderPaytable();\n renderBet();\n $(\"#spin\").addEventListener(\"click\", spin);\n $(\"#betPlus\").addEventListener(\"click\", () => { sfx.click(); betIdx = Math.min(BETS.length - 1, betIdx + 1); renderBet(); });\n $(\"#betMinus\").addEventListener(\"click\", () => { sfx.click(); betIdx = Math.max(0, betIdx - 1); renderBet(); });\n $(\"#betMax\").addEventListener(\"click\", () => {\n sfx.click();\n betIdx = Math.max(0, BETS.findLastIndex((b) => b <= state.balance));\n renderBet();\n });\n document.addEventListener(\"keydown\", (e) => {\n if (e.code === \"Space\" && $(\"#slots\").classList.contains(\"active\")) { e.preventDefault(); spin(); }\n });\n document.addEventListener(\"tab\", renderBet);\n rescue();\n}\n",[],[217,243],"169a4477-787d-407f-95f3-d281af5066cb","scene.js","cf3ef060-aabc-11f1-95c4-1607ee4eb77e",["D",1788786643084],3,"// 3D-комната: вращение автомата, лампа, рычаг, пасхалки\nimport { sfx } from \"./audio.js\";\nimport { state, addBalance, addMushroom, save } from \"./state.js\";\nimport { MUSHROOMS, weightedPick } from \"./data.js\";\nimport { $, $$, toast, rainCoins, flash } from \"./ui.js\";\n\nlet ry = -14, rx = -9, targetRy = -14, targetRx = -9;\nlet dragging = false, lx = 0, ly = 0, sway = true, turns = 0, lastRy = ry;\n\nfunction apply() {\n if (!dragging) {\n if (sway) targetRy += Math.sin(performance.now() / 2400) * 0.01;\n ry += (targetRy - ry) * 0.08;\n rx += (targetRx - rx) * 0.08;\n }\n document.documentElement.style.setProperty(\"--ry\", ry + \"deg\");\n document.documentElement.style.setProperty(\"--rx\", rx + \"deg\");\n // блик от лампы зависит от угла\n const n = ((ry % 360) + 360) % 360;\n const back = n > 90 && n < 270;\n $(\"#machine\").classList.toggle(\"backside\", back);\n // полный оборот\n if (Math.abs(ry - lastRy) > 360) { lastRy = ry; turns++; fullTurn(); }\n requestAnimationFrame(apply);\n}\n\nfunction fullTurn() {\n sfx.coin();\n toast(turns === 1 ? \"🌀 Ого, ты его крутанул! Автомату понравилось\" : `🌀 Оборот №${turns}. Головокружение +${turns}`);\n if (turns === 3) { addBalance(333); toast(\"🎁 За три оборота — 333 монеты. Не спрашивай.\"); rainCoins(30); }\n}\n\nfunction initDrag() {\n const room = $(\"#room\");\n const start = (x, y) => { dragging = true; lx = x; ly = y; room.classList.add(\"grabbing\"); };\n const move = (x, y) => {\n if (!dragging) return;\n ry += (x - lx) * 0.5; rx -= (y - ly) * 0.3;\n rx = Math.max(-40, Math.min(15, rx));\n targetRy = ry; targetRx = rx; lx = x; ly = y;\n };\n const end = () => { dragging = false; room.classList.remove(\"grabbing\"); };\n\n room.addEventListener(\"mousedown\", (e) => { if (!e.target.closest(\".front\")) start(e.clientX, e.clientY); });\n window.addEventListener(\"mousemove\", (e) => move(e.clientX, e.clientY));\n window.addEventListener(\"mouseup\", end);\n room.addEventListener(\"touchstart\", (e) => { if (!e.target.closest(\".front\")) start(e.touches[0].clientX, e.touches[0].clientY); }, { passive: true });\n window.addEventListener(\"touchmove\", (e) => move(e.touches[0].clientX, e.touches[0].clientY), { passive: true });\n window.addEventListener(\"touchend\", end);\n\n $(\"#resetView\").addEventListener(\"click\", () => { sfx.click(); targetRy = -14; targetRx = -9; ry = ry % 360; lastRy = ry; });\n $(\"#spinView\").addEventListener(\"click\", () => { sfx.click(); targetRy = ry + 360; });\n}\n\n// ---- рычаг ----\nexport function initLever(onPull) {\n const lever = $(\"#lever\");\n lever.addEventListener(\"click\", () => {\n if (lever.classList.contains(\"pulled\")) return;\n lever.classList.add(\"pulled\");\n sfx.click();\n setTimeout(() => lever.classList.remove(\"pulled\"), 700);\n onPull();\n });\n}\n\n// ---- лампа ----\nlet lightsOff = false;\nfunction initLamp() {\n const lamp = $(\"#lamp\");\n let clicks = 0;\n lamp.addEventListener(\"click\", () => {\n clicks++;\n sfx.click();\n lamp.classList.add(\"swing\");\n setTimeout(() => lamp.classList.remove(\"swing\"), 1500);\n if (clicks % 3 === 0) {\n lightsOff = !lightsOff;\n document.body.classList.toggle(\"dark\", lightsOff);\n toast(lightsOff ? \"💡 Щёлк. Темно... но что-то светится на полу\" : \"💡 Свет включён\");\n if (lightsOff) sfx.lose(); else sfx.coin();\n } else {\n document.body.classList.add(\"flicker\");\n setTimeout(() => document.body.classList.remove(\"flicker\"), 400);\n }\n });\n\n // светящийся гриб на полу — виден только в темноте, 1 раз в час\n $(\"#floorShroom\").addEventListener(\"click\", () => {\n if (!lightsOff) return;\n const last = +localStorage.getItem(\"grib_floor\") || 0;\n if (Date.now() - last < 3600e3) return toast(\"🍄 Гриб ещё не вырос. Загляни через часок\");\n localStorage.setItem(\"grib_floor\", Date.now());\n const rare = MUSHROOMS.filter((m) => [\"rare\", \"epic\", \"legend\"].includes(m.rarity));\n const m = weightedPick(rare, (x) => x.chance);\n addMushroom(m.id);\n sfx.reveal(m.rarity);\n flash(\"#7de0ff\");\n toast(`🍄 Ты нашёл ${m.name} под столом!`, m.rarity);\n document.body.classList.add(\"found\");\n });\n}\n\n// ---- задняя стенка: розетка ----\nfunction initBack() {\n $(\"#plug\").addEventListener(\"click\", () => {\n const mach = $(\"#machine\");\n if (mach.classList.contains(\"off\")) return;\n mach.classList.add(\"off\");\n sfx.upgradeLose();\n toast(\"🔌 Ты выдернул шнур. Зачем?!\");\n setTimeout(() => {\n $(\"#bios\").classList.add(\"show\");\n const lines = [\"GRIBOS v1.0.7 (c) Лесхоз\", \"Проверка мицелия... OK\", \"Загрузка спор... OK\", \"Читерство не обнаружено\", \"Удача: калибруется...\", \"Готово. Не выдёргивай больше.\"];\n const el = $(\"#bios pre\");\n el.textContent = \"\";\n lines.forEach((l, i) => setTimeout(() => { el.textContent += l + \"\\n\"; sfx.tick(); }, i * 450));\n setTimeout(() => {\n $(\"#bios\").classList.remove(\"show\");\n mach.classList.remove(\"off\");\n sfx.win();\n addBalance(7);\n toast(\"💾 Перезагрузка завершена. Нашлось 7 монет в щели.\");\n }, lines.length * 450 + 900);\n }, 1200);\n });\n}\n\n// ---- заголовок ×7 и ввод \"гриб\" ----\nfunction initSecrets() {\n let titleClicks = 0, t;\n $(\"#title\").addEventListener(\"click\", () => {\n titleClicks++;\n clearTimeout(t);\n t = setTimeout(() => (titleClicks = 0), 1500);\n if (titleClicks === 7) {\n titleClicks = 0;\n sfx.bigWin();\n rainCoins(77, [\"🍄\", \"🍄\", \"🟤\", \"🟣\"]);\n addBalance(77);\n toast(\"🍄 Грибной дождь! +77 монет\");\n }\n });\n\n let buf = \"\";\n const codes = {\n \"гриб\": () => { addBalance(100); toast(\"🤫 Пароль принят. +100\"); sfx.win(); },\n \"grib\": () => { addBalance(100); toast(\"🤫 Пароль принят. +100\"); sfx.win(); },\n \"лесник\": () => { document.body.classList.toggle(\"forest\"); toast(\"🌲 Лесник одобряет\"); sfx.reveal(\"epic\"); },\n \"матрица\": () => { document.body.classList.toggle(\"matrix\"); toast(\"💊 Следуй за белым грибом\"); sfx.reveal(\"mythic\"); },\n };\n document.addEventListener(\"keydown\", (e) => {\n if (e.key.length !== 1) return;\n buf = (buf + e.key.toLowerCase()).slice(-10);\n for (const k in codes) if (buf.endsWith(k)) { buf = \"\"; codes[k](); }\n });\n\n // 1337\n const check = () => {\n if (state.balance === 1337) { toast(\"😎 1337. Ты — элитный грибник\"); sfx.coin(); }\n if (state.balance === 0 && state.inventory.length === 0) $(\"#machine\").classList.add(\"sad\");\n else $(\"#machine\").classList.remove(\"sad\");\n };\n import(\"./state.js\").then((s) => s.onChange(check));\n}\n\nexport function initScene() {\n initDrag();\n initLamp();\n initBack();\n initSecrets();\n requestAnimationFrame(apply);\n // случайный шёпот леса\n const whispers = [\"Кажется, кто-то шуршит в углу...\", \"Лампа мигнула. Или показалось?\", \"Автомат тихо гудит.\", \"Пахнет сырыми листьями.\", \"Где-то капает вода.\"];\n setInterval(() => { if (Math.random() < 0.25) toast(whispers[Math.floor(Math.random() * whispers.length)], \"whisper\"); }, 45000);\n}\n",[],[217,251],"eaeeb5e5-7990-4f00-980a-89838369a762","main.js","d83ba0dc-aabc-11f1-b6f0-1607ee4eb77e",17,["D",1788786348341],"import { initTabs, renderHeader, $ } from \"./ui.js\";\nimport { initSlots, spin } from \"./slots.js\";\nimport { initCases } from \"./cases.js\";\nimport { initUpgrader } from \"./upgrader.js\";\nimport { initInventory } from \"./inventory.js\";\nimport { initScene, initLever } from \"./scene.js\";\nimport { resetAll } from \"./state.js\";\n\ninitTabs();\nrenderHeader();\ninitSlots();\ninitCases();\ninitUpgrader();\ninitInventory();\ninitScene();\ninitLever(() => {\n // рычаг работает только на вкладке слотов\n $$(\".tab\").find((t) => t.dataset.panel === \"slots\")?.click();\n setTimeout(spin, 250);\n});\n\n$(\"#reset\").addEventListener(\"click\", () => {\n if (confirm(\"Сбросить весь прогресс? Грибы, монеты — всё в лес.\")) resetAll();\n});\n\nfunction $$(s) { return [...document.querySelectorAll(s)]; }\n",[],[217,259],"4c71cea7-9163-4e7b-a398-d7df6f589955","inventory.js","afcde0ba-aabc-11f1-81aa-1607ee4eb77e",14,["D",1788786280497],"import { RARITIES, byId, value } from \"./data.js\";\nimport { cardHTML } from \"./svg.js\";\nimport { state, addBalance, removeMushroom, save } from \"./state.js\";\nimport { sfx } from \"./audio.js\";\nimport { $, fmt, toast, countUp } from \"./ui.js\";\n\nfunction render() {\n const inv = [...state.inventory].sort((a, b) => value(byId[b.id]) - value(byId[a.id]));\n const total = inv.reduce((s, i) => s + value(byId[i.id]), 0);\n $(\"#invTotal\").textContent = fmt(total);\n $(\"#invGrid\").innerHTML = inv.length\n ? inv.map((i) => cardHTML(byId[i.id], {\n attrs: `data-uid=\"${i.uid}\"`,\n extra: ``,\n })).join(\"\")\n : `

Пока пусто. Иди в лес — открой кейс 🧺

`;\n const s = state.stats;\n $(\"#stats\").innerHTML = `\n Спинов: ${s.spins}\n Кейсов: ${s.cases}\n Апгрейдов: ${s.upgradesWon}/${s.upgrades}\n Лучший выигрыш: ${fmt(s.bestWin)}`;\n}\n\nfunction sell(uid) {\n const item = state.inventory.find((i) => i.uid === uid);\n if (!item) return;\n const v = value(byId[item.id]);\n const old = state.balance;\n removeMushroom(uid);\n addBalance(v);\n sfx.coin();\n countUp($(\"#balance\"), old, state.balance, 500);\n toast(`Продано: ${byId[item.id].name} за ${fmt(v)} 💰`);\n render();\n}\n\nexport function initInventory() {\n render();\n document.addEventListener(\"tab\", (e) => e.detail === \"inventory\" && render());\n $(\"#invGrid\").addEventListener(\"click\", (e) => {\n const btn = e.target.closest(\".sell\");\n if (!btn) return;\n sell(btn.closest(\".card\").dataset.uid);\n });\n $(\"#sellCommon\").addEventListener(\"click\", () => {\n const commons = state.inventory.filter((i) => byId[i.id].rarity === \"common\");\n if (!commons.length) return toast(\"Обычных грибов нет\");\n const sum = commons.reduce((s, i) => s + value(byId[i.id]), 0);\n const old = state.balance;\n commons.forEach((i) => removeMushroom(i.uid));\n addBalance(sum);\n sfx.coin();\n countUp($(\"#balance\"), old, state.balance, 600);\n toast(`Продано ${commons.length} обычных за ${fmt(sum)} 💰`);\n render();\n });\n}\n",[],[217,267],"1285be45-8f19-4825-9492-c2711139c38c","data.js","1bcd2e52-aabc-11f1-8021-1607ee4eb77e",6,["D",1788786032198],"export const RARITIES = {\n common: { name: \"Обычный\", color: \"#9e9e9e\", order: 0 },\n rare: { name: \"Редкий\", color: \"#4a90e2\", order: 1 },\n epic: { name: \"Эпик\", color: \"#b04ce0\", order: 2 },\n legend: { name: \"Легенда\", color: \"#f5b400\", order: 3 },\n mythic: { name: \"Мифик\", color: \"#ff3b6b\", order: 4 },\n divine: { name: \"Божественный\", color: \"#ffd700\", order: 5 },\n};\n\n// shape: cap | flat | funnel | blob | cone\nexport const MUSHROOMS = [\n { id: \"champ\", name: \"Шампиньон\", rarity: \"common\", chance: 25, mult: 1.5, cap: \"#ece4d4\", stem: \"#f6f2ea\", shape: \"cap\" },\n { id: \"syro\", name: \"Сыроежка\", rarity: \"common\", chance: 20, mult: 1.5, cap: \"#d94a5a\", stem: \"#f7f4ee\", shape: \"flat\" },\n { id: \"masl\", name: \"Маслёнок\", rarity: \"common\", chance: 15, mult: 2, cap: \"#7a4418\", stem: \"#e9dcb4\", shape: \"cap\", gloss: true },\n { id: \"lisa\", name: \"Лисичка\", rarity: \"common\", chance: 10, mult: 2, cap: \"#f4a51c\", stem: \"#f6b94e\", shape: \"funnel\" },\n { id: \"podb\", name: \"Подберёзовик\", rarity: \"rare\", chance: 8, mult: 5, cap: \"#6b4a2b\", stem: \"#e6e6e0\", shape: \"cap\", specks: true },\n { id: \"podo\", name: \"Подосиновик\", rarity: \"rare\", chance: 6, mult: 7, cap: \"#dc5a1c\", stem: \"#ece3d2\", shape: \"cap\" },\n { id: \"bely\", name: \"Белый гриб\", rarity: \"rare\", chance: 5, mult: 10, cap: \"#8d5a2a\", stem: \"#f1e8d2\", shape: \"cap\", thick: true },\n { id: \"muho\", name: \"Мухомор красный\", rarity: \"epic\", chance: 3, mult: 25, cap: \"#e21f1f\", stem: \"#ffffff\", shape: \"cap\", dots: \"#fff\" },\n { id: \"truf\", name: \"Трюфель чёрный\", rarity: \"epic\", chance: 2, mult: 40, cap: \"#2b2124\", stem: \"#2b2124\", shape: \"blob\" },\n { id: \"smor\", name: \"Сморчок\", rarity: \"legend\", chance: 1.5, mult: 80, cap: \"#6e5232\", stem: \"#e9dcc0\", shape: \"cone\" },\n { id: \"wtruf\", name: \"Белый трюфель\", rarity: \"legend\", chance: 1, mult: 120, cap: \"#dccdaa\", stem: \"#dccdaa\", shape: \"blob\" },\n { id: \"psilo\", name: \"Псилоцибе\", rarity: \"mythic\", chance: 1.5, mult: 250, cap: \"#c9ad6a\", stem: \"#8fb6d6\", shape: \"cone\", trippy: true },\n { id: \"gold\", name: \"Золотой мухомор\", rarity: \"divine\", chance: 2, mult: 999, cap: \"#ffc400\", stem: \"#ffe98a\", shape: \"cap\", dots: \"#fff7cc\", glow: true },\n];\n\nexport const byId = Object.fromEntries(MUSHROOMS.map((m) => [m.id, m]));\n\nconst VALUE_PER_MULT = 20;\nexport const value = (m) => Math.round(m.mult * VALUE_PER_MULT);\n\nexport function weightedPick(items, weightFn) {\n const total = items.reduce((s, it) => s + weightFn(it), 0);\n let r = Math.random() * total;\n for (const it of items) {\n r -= weightFn(it);\n if (r < 0) return it;\n }\n return items[items.length - 1];\n}\n\nexport const randomMushroom = () => weightedPick(MUSHROOMS, (m) => m.chance);\n\n// Кейсы: веса по редкостям, внутри редкости делится поровну\nexport const CASES = [\n {\n id: \"lukoshko\", name: \"Лукошко\", icon: \"🧺\", price: 130,\n desc: \"Прогулка по опушке. Обычные грибочки, иногда что-то интересное.\",\n weights: { common: 70, rare: 25, epic: 4, legend: 0.8, mythic: 0.15, divine: 0.05 },\n },\n {\n id: \"korzina\", name: \"Корзина грибника\", icon: \"🌲\", price: 400,\n desc: \"Поход в чащу. Редкие грибы встречаются часто.\",\n weights: { common: 30, rare: 50, epic: 15, legend: 4, mythic: 0.7, divine: 0.3 },\n },\n {\n id: \"meshok\", name: \"Мешок лесника\", icon: \"🎒\", price: 1300,\n desc: \"Тайные места. Обычных грибов тут нет.\",\n weights: { rare: 40, epic: 40, legend: 15, mythic: 3, divine: 2 },\n },\n {\n id: \"sunduk\", name: \"Божественный сундук\", icon: \"👑\", price: 3600,\n desc: \"Только избранные грибы. Золотой мухомор — 8%.\",\n weights: { epic: 40, legend: 40, mythic: 12, divine: 8 },\n },\n];\n\nexport function caseWeights(c) {\n const counts = {};\n for (const m of MUSHROOMS) counts[m.rarity] = (counts[m.rarity] || 0) + 1;\n return MUSHROOMS.map((m) => ({ m, w: (c.weights[m.rarity] || 0) / counts[m.rarity] })).filter((x) => x.w > 0);\n}\n\nexport function openCase(c) {\n return weightedPick(caseWeights(c), (x) => x.w).m;\n}\n\nexport function caseChances(c) {\n const list = caseWeights(c);\n const total = list.reduce((s, x) => s + x.w, 0);\n return list.map((x) => ({ m: x.m, pct: (x.w / total) * 100 }));\n}\n",[],[217,275],"177474f9-714a-4c17-a71a-5dd6995862f7","cases.js","945f6bfa-aabc-11f1-9b26-1607ee4eb77e",12,["D",1788786234486],"import { CASES, RARITIES, openCase, caseChances, weightedPick, caseWeights, value } from \"./data.js\";\nimport { cardHTML, mushroomSVG } from \"./svg.js\";\nimport { state, addBalance, addMushroom, save } from \"./state.js\";\nimport { sfx } from \"./audio.js\";\nimport { $, $$, fmt, rainCoins, flash, shakeScreen, toast, openModal, closeModal } from \"./ui.js\";\n\nconst ITEM_W = 104, GAP = 8, STEP = ITEM_W + GAP, COUNT = 60, WIN_IDX = 52;\nlet busy = false;\n\nfunction renderCases() {\n $(\"#caseList\").innerHTML = CASES.map((c) => {\n const top = caseChances(c).sort((a, b) => b.pct - a.pct).slice(0, 4);\n return `

${c.icon}

${c.name}

${c.desc}

${top.map((x) => `${mushroomSVG(x.m)}`).join(\"\")}

\n \n \n

`;\n }).join(\"\");\n}\n\nfunction showOdds(c) {\n const rows = caseChances(c).sort((a, b) => a.pct - b.pct).map((x) =>\n `

${mushroomSVG(x.m)}${x.m.name}${fmt(value(x.m))}💰${x.pct.toFixed(2)}%

`\n ).join(\"\");\n openModal(`

${c.icon} ${c.name}

${rows}

`);\n}\n\nfunction open(c) {\n if (busy || state.balance < c.price) return;\n busy = true;\n addBalance(-c.price);\n state.stats.cases++;\n save();\n\n const win = openCase(c);\n const pool = caseWeights(c);\n const items = Array.from({ length: COUNT }, (_, i) => (i === WIN_IDX ? win : weightedPick(pool, (x) => Math.sqrt(x.w)).m));\n\n const m = openModal(`\n

${c.icon} ${c.name}

${items.map((it) => cardHTML(it, { small: true, cls: \"roulette-item\" })).join(\"\")}

\n \n \n

`);\n\n const strip = $(\".roulette-strip\", m);\n const box = $(\".roulette\", m);\n sfx.caseOpen();\n\n requestAnimationFrame(() => {\n const boxW = box.offsetWidth;\n const jitter = (Math.random() - 0.5) * (ITEM_W * 0.7);\n const target = -(WIN_IDX * STEP + ITEM_W / 2 - boxW / 2 + jitter);\n const dur = 5200;\n strip.style.transition = `transform ${dur}ms cubic-bezier(.08,.6,.12,1)`;\n strip.style.transform = `translateX(${target}px)`;\n\n let lastIdx = -1;\n const t0 = performance.now();\n const loop = () => {\n const x = new DOMMatrix(getComputedStyle(strip).transform).e;\n const idx = Math.floor((-x + boxW / 2) / STEP);\n if (idx !== lastIdx) { lastIdx = idx; sfx.tick(); }\n if (performance.now() - t0 < dur) requestAnimationFrame(loop);\n };\n requestAnimationFrame(loop);\n\n setTimeout(() => {\n const el = $$(\".roulette-item\", strip)[WIN_IDX];\n el.classList.add(\"hit\");\n const r = RARITIES[win.rarity];\n addMushroom(win.id);\n sfx.reveal(win.rarity);\n flash(r.color);\n if (r.order >= 3) { rainCoins(50, [\"🍄\", \"✨\", \"🌟\"]); shakeScreen(); }\n if (win.rarity === \"divine\") rainCoins(120, [\"👑\", \"🍄\", \"💰\", \"✨\"]);\n $(\".case-result\", m).innerHTML = `\n

\n ${cardHTML(win, { extra: `

${fmt(value(win))} 💰

` })}\n

${r.order >= 4 ? \"НЕВЕРОЯТНО!\" : r.order === 3 ? \"Легендарно!\" : r.order === 2 ? \"Отличный улов!\" : \"Выпало:\"}

`;\n $(\".again\", m).disabled = state.balance < c.price;\n $(\".close-modal\", m).disabled = false;\n $(\".again\", m).onclick = () => { busy = false; open(c); };\n busy = false;\n renderCases();\n }, dur + 100);\n });\n}\n\nexport function initCases() {\n renderCases();\n document.addEventListener(\"tab\", (e) => e.detail === \"cases\" && renderCases());\n $(\"#caseList\").addEventListener(\"click\", (e) => {\n const card = e.target.closest(\".case-card\");\n if (!card) return;\n const c = CASES.find((x) => x.id === card.dataset.id);\n if (e.target.closest(\".open-case\")) { sfx.click(); open(c); }\n if (e.target.closest(\".show-odds\")) { sfx.click(); showOdds(c); }\n });\n $(\"#modal\").addEventListener(\"click\", (e) => {\n if (e.target.closest(\".close-modal\") || e.target === e.currentTarget) {\n if (busy) return;\n closeModal();\n renderCases();\n }\n });\n}\n",[],[217,283],"d1996b1e-e1d5-4f97-bd47-5ac9b6720ebb","audio.js","40b8b934-aabc-11f1-a8d4-1607ee4eb77e",8,["D",1788786094138],"let ctx;\nexport let muted = localStorage.getItem(\"grib_muted\") === \"1\";\n\nexport function toggleMute() {\n muted = !muted;\n localStorage.setItem(\"grib_muted\", muted ? \"1\" : \"0\");\n return muted;\n}\n\nfunction audio() {\n if (!ctx) ctx = new (window.AudioContext || window.webkitAudioContext)();\n if (ctx.state === \"suspended\") ctx.resume();\n return ctx;\n}\n\nfunction tone(freq, dur, type = \"square\", vol = 0.15, when = 0, slideTo) {\n if (muted) return;\n const c = audio();\n const o = c.createOscillator();\n const g = c.createGain();\n o.type = type;\n o.frequency.setValueAtTime(freq, c.currentTime + when);\n if (slideTo) o.frequency.exponentialRampToValueAtTime(slideTo, c.currentTime + when + dur);\n g.gain.setValueAtTime(vol, c.currentTime + when);\n g.gain.exponentialRampToValueAtTime(0.001, c.currentTime + when + dur);\n o.connect(g).connect(c.destination);\n o.start(c.currentTime + when);\n o.stop(c.currentTime + when + dur);\n}\n\nfunction noise(dur, vol = 0.1, when = 0) {\n if (muted) return;\n const c = audio();\n const buf = c.createBuffer(1, c.sampleRate * dur, c.sampleRate);\n const d = buf.getChannelData(0);\n for (let i = 0; i < d.length; i++) d[i] = (Math.random() * 2 - 1) * (1 - i / d.length);\n const s = c.createBufferSource();\n s.buffer = buf;\n const g = c.createGain();\n g.gain.value = vol;\n const f = c.createBiquadFilter();\n f.type = \"highpass\";\n f.frequency.value = 2000;\n s.connect(f).connect(g).connect(c.destination);\n s.start(c.currentTime + when);\n}\n\nconst fanfare = (notes, step, vol = 0.14, type = \"square\") =>\n notes.forEach((f, i) => tone(f, step * 1.6, type, vol, i * step));\n\nexport const sfx = {\n click: () => tone(700, 0.05, \"square\", 0.07),\n spinStart: () => tone(180, 0.35, \"sawtooth\", 0.12, 0, 420),\n tick: () => { tone(1100 + Math.random() * 300, 0.03, \"square\", 0.05); noise(0.02, 0.03); },\n stop: () => { tone(140, 0.14, \"triangle\", 0.25); noise(0.05, 0.08); },\n lose: () => { tone(280, 0.25, \"sawtooth\", 0.09, 0, 160); },\n win: () => fanfare([523, 659, 784, 1046], 0.1),\n bigWin: () => {\n fanfare([523, 659, 784, 1046, 784, 1046, 1318, 1568], 0.11, 0.15);\n for (let i = 0; i < 14; i++) tone(1400 + Math.random() * 1400, 0.09, \"sine\", 0.08, 1 + i * 0.06);\n },\n jackpot: () => {\n for (let i = 0; i < 28; i++) {\n tone(392 + (i % 8) * 110, 0.16, \"square\", 0.15, i * 0.09);\n tone(1800 + Math.random() * 1800, 0.1, \"sine\", 0.1, i * 0.09 + 0.04);\n }\n tone(110, 2, \"sawtooth\", 0.12, 0.4, 55);\n },\n caseOpen: () => { noise(0.3, 0.12); tone(220, 0.4, \"triangle\", 0.15, 0, 90); },\n reveal: (rarity) => {\n const map = {\n common: () => tone(600, 0.15, \"triangle\", 0.15),\n rare: () => fanfare([600, 900], 0.1, 0.15, \"triangle\"),\n epic: () => fanfare([523, 784, 1046], 0.1, 0.16),\n legend: () => sfx.bigWin(),\n mythic: () => { sfx.bigWin(); tone(80, 1.5, \"sawtooth\", 0.15, 0, 40); },\n divine: () => sfx.jackpot(),\n };\n (map[rarity] || map.common)();\n },\n upgradeSpin: () => tone(200, 3, \"sine\", 0.06, 0, 900),\n upgradeWin: () => sfx.bigWin(),\n upgradeLose: () => { tone(400, 0.6, \"sawtooth\", 0.14, 0, 60); noise(0.4, 0.1, 0.1); },\n coin: () => { tone(1800, 0.08, \"square\", 0.08); tone(2400, 0.12, \"square\", 0.08, 0.06); },\n};\n",[],[217,291],"fd255664-4d4d-453a-b1f9-ca166970cc30",["D",1788786032198],"directory",[171,172,173,174,175,176,177,178,179,180,181],[217],["D",1788785701395],{"_11":12,"_130":69},{"_11":12,"_125":126,"_68":69,"_30":67,"_127":128,"_129":24},{"_39":116,"_13":16,"_33":36,"_117":80,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":14,"_124":12},"ctx",{"_53":-5,"_149":340,"_341":342,"_343":344,"_345":24,"_346":24,"_347":24,"_348":93,"_349":-5,"_350":-7,"_351":-7,"_352":26,"_353":24,"_354":24,"_355":-5,"_356":24,"_357":24,"_358":24,"_359":-5},"ENV",{"_311":312,"_313":314,"_315":16,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · index.html