:root{--ink:#11110F;--moss:#1B2118;--leaf:#4f8a3f;--leaf2:#7fb35a;--leaf3:#2f6a3c;--card:#a98a5f;--card2:#8c6f49;--beige:#c9bb98;--clay:#b0654a;--red:#b23a33;--neon:#ff9a3c;--neon2:#ff4f5e;--k:1}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--ink);color:var(--beige);font-family:Special Elite,monospace;overflow-x:hidden}.stage{position:relative;min-height:100dvh;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:14px 10px 22px;background:radial-gradient(120% 80% at 50% 30%,#232b20 0%,var(--moss) 40%,var(--ink) 100%);--mx:0;--my:0}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(100deg,transparent 0 46px,rgba(0,0,0,.18) 46px 48px),linear-gradient(transparent 60%,#00000080);transform:translate(calc(var(--mx)*-3px),calc(var(--my)*-3px))}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:.22;mix-blend-mode:overlay;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain 1.2s steps(4) infinite}@keyframes grain{25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}}.shop{position:relative;width:min(100%,980px);animation:in 1.2s ease-out both}@keyframes in{0%{opacity:0;transform:translateY(14px) scale(.98);filter:brightness(.4)}}.sign-wrap{position:relative;z-index:6;text-align:center;margin-bottom:-6px}.sign{position:relative;display:inline-block;padding:.08em .35em .02em;transform:rotate(-1.2deg);background:linear-gradient(#1a0d0c,#2a1211);border:4px solid #3b3b36;border-radius:6px;box-shadow:0 0 0 2px #000,0 10px 24px #000a,inset 0 0 22px #000;animation:blink 11s infinite}.sign h1{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.04em;line-height:1.05;font-size:clamp(34px,11.6vw,124px);color:#ffd9b0;text-shadow:0 0 4px #fff2,0 0 14px var(--neon),0 0 34px var(--neon2),0 0 60px #ff4f5e88}.bolt{position:absolute;top:-9px;width:12px;height:12px;border-radius:50%;background:#77776e;box-shadow:inset -2px -2px 3px #000}.b1{left:14%}.b2{right:14%}@keyframes blink{0%,92%,to{opacity:1}93%{opacity:.55}94%{opacity:1}96%{opacity:.7}97%{opacity:1}}.sub{display:flex;justify-content:center;align-items:center;gap:.7em;margin-top:8px;font-size:clamp(10px,2.6vw,15px);color:var(--beige);opacity:.8;letter-spacing:.12em}.sub i{width:26px;height:1px;background:var(--beige)}.sub b{color:var(--red);border:1.5px solid var(--red);padding:0 4px;transform:rotate(4deg);font-weight:400}.frame{position:relative;padding:12px;background:linear-gradient(135deg,#4a4c47,#2a2c29 40%,#3c3e39);border-radius:8px;box-shadow:0 20px 50px #000c,inset 0 0 0 2px #0008;border:2px solid #101010}.window{position:relative;height:clamp(440px,66vh,600px);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(#1c2419,#141812 60%,#0c0e0b);border:3px solid #0a0a09}.glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.09) 0 12%,transparent 12% 40%,rgba(255,255,255,.05) 40% 46%,transparent 46%),repeating-linear-gradient(0deg,transparent 0 30px,rgba(255,255,255,.015) 30px 31px)}.shelf{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:space-around;gap:4px;padding:0 10px 10px;border-bottom:9px solid #5a4630;box-shadow:0 3px #2a1f14}.box,.bin{flex:0 1 auto;width:calc(var(--w)*var(--k));height:calc(var(--h)*var(--k)*1.3);min-width:24px;display:grid;place-items:center;font-size:calc(14px*var(--k));color:#5a1f1a;position:relative}.box{background:linear-gradient(#b89a6c,var(--card2));border:1px solid #5a4630;filter:hue-rotate(calc(var(--hue)*-8deg)) saturate(.85)}.box:before{content:"";position:absolute;left:0;right:0;top:40%;height:5px;background:#c8b48c80}.bin{background:#7896aa47;border:2px solid #7a8a92;border-radius:3px}.pot{flex:0 0 auto;width:calc(78px*var(--k));height:auto;overflow:visible;margin-bottom:-2px}.plants-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;transform:translate(calc(var(--mx)*-12px),calc(var(--my)*-8px))}.plants-layer svg{position:absolute;overflow:visible}.big{left:-7%;bottom:-6%;width:38%;max-width:340px}.hang-l{left:2%;top:3%;width:15%}.hang-r{right:2%;top:3%;width:17%}.sway{transform-origin:0 0;animation:sway 9s ease-in-out infinite alternate}@keyframes sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.hang{position:absolute;z-index:7;left:50%;top:26%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;transform-origin:top center;animation:swing 6s ease-in-out infinite alternate}@keyframes swing{0%{transform:translate(-50%) rotate(-1deg)}to{transform:translate(-50%) rotate(1deg)}}.chain{position:absolute;top:-80px;width:3px;height:82px;background:repeating-linear-gradient(#8a8a80 0,#8a8a80 5px,#444 5px,#444 8px)}.c1{left:16%}.c2{right:16%}.enter{position:relative;display:block;text-decoration:none;padding:16px 28px 10px;min-width:210px;min-height:64px;text-align:center;background:linear-gradient(#2a0f0e,#1a0908);border:3px solid #4a3a30;border-radius:6px;cursor:pointer;box-shadow:0 0 0 2px #000,0 10px 24px #000b,0 0 26px #ff4f5e55,inset 0 0 16px #000;transition:box-shadow .25s,transform .25s,filter .25s}.enter-txt{position:relative;display:block;font-family:Anton,Impact,sans-serif;font-size:clamp(30px,7vw,52px);letter-spacing:.06em;color:#ffe0c2;text-shadow:0 0 6px var(--neon),0 0 20px var(--neon2);animation:lamp 5s infinite}.enter small{position:absolute;right:8px;bottom:2px;font-size:11px;color:var(--red)}.enter:hover,.enter:focus-visible{transform:translateY(3px) rotate(-1deg);filter:brightness(1.3);box-shadow:0 0 0 2px #000,0 10px 24px #000b,0 0 46px var(--neon),0 0 90px #ff4f5e88,inset 0 0 16px #000}.enter:focus-visible{outline:3px dashed var(--leaf2);outline-offset:6px}.enter:hover .enter-txt:before,.enter:hover .enter-txt:after{content:attr(data-t);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.enter:hover .enter-txt:before{color:#3ff;mix-blend-mode:screen;animation:gl 1.1s steps(2) infinite}.enter:hover .enter-txt:after{color:#f33;mix-blend-mode:screen;animation:gl 1.1s steps(2) infinite reverse}@keyframes gl{0%,80%,to{transform:translate(0);clip-path:inset(0)}84%{transform:translate(-3px,1px);clip-path:inset(20% 0 55% 0)}92%{transform:translate(3px,-1px);clip-path:inset(60% 0 8% 0)}}@keyframes lamp{0%,90%,to{opacity:1}92%{opacity:.7}94%{opacity:1}95%{opacity:.8}}.decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;transform:translate(calc(var(--mx)*-6px),calc(var(--my)*-5px))}.decor>*{position:absolute}.tag{left:24%;top:9%;background:#e7dcc0;color:#a02a25;padding:4px 7px;font-size:12px;line-height:1.2;transform:rotate(-6deg);box-shadow:1px 2px 3px #0008}.t2{left:auto;right:26%;top:14%;transform:rotate(5deg);color:#111;background:#d8c26a}.note{font-family:Permanent Marker,cursive;color:#f2e6c4;font-size:15px;opacity:.85}.n1{left:28%;top:62%;transform:rotate(-4deg)}.n2{right:22%;top:56%;transform:rotate(3deg);color:var(--neon)}.seal{right:6%;bottom:10%;width:38px;height:38px;display:grid;place-items:center;background:var(--red);color:#f2dcc0;font-size:24px;border-radius:5px;transform:rotate(-8deg);opacity:.9}.paper{left:5%;bottom:34%;transform:rotate(-5deg);box-shadow:1px 2px 3px #000a}.barcode{width:64px;display:block}.sticker{right:32%;bottom:9%;background:var(--neon);color:#111;font-size:11px;padding:2px 6px;transform:rotate(-3deg)}.tape{width:36px;height:12px;background:#dcd2a080}.tp1{left:23%;top:8%;transform:rotate(20deg)}.tp2{right:8%;bottom:22%;transform:rotate(-30deg)}.bulbs{left:8%;right:8%;top:0;height:18px;display:flex;justify-content:space-between;border-top:2px solid #111}.bulbs i{width:9px;height:13px;margin-top:2px;border-radius:50% 50% 45% 45%;background:#ffd48a;box-shadow:0 0 12px 4px #ff9a3c99;animation:lamp 6s infinite}.bulbs i:nth-child(2){animation-delay:1.7s}.bulbs i:nth-child(4){animation-delay:3.1s}.lamp{left:0;top:0;right:0;height:60%;background:radial-gradient(60% 70% at 50% 0,rgba(255,170,80,.16),transparent);animation:lamp 7s infinite}.floor{display:flex;justify-content:space-around;height:14px;background:linear-gradient(#0008,transparent)}@media (max-width:640px){:root{--k:.62}.stage{padding:8px 6px 14px}.frame{padding:7px}.window{height:clamp(430px,68dvh,620px)}.hang{top:30%}.enter{min-width:190px;padding:14px 20px 10px}.big{width:48%;left:-5%;bottom:-3%}.hang-l{width:20%}.hang-r{width:22%}.tag,.t2,.n2,.sticker,.tp2,.paper{display:none}.n1{left:6%;top:auto;bottom:40%}.pot{width:calc(70px*var(--k))}}@media (max-width:360px){.sub span:nth-child(3),.sub i{display:none}.enter{min-width:170px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:root{--pink:#ff3df0;--violet:#b13bff;--yellow:#ffd23c;--neon:#ff3df0;--neon2:#b13bff}.sign{background:#0b0a0d;border:3px solid #23212a;border-radius:4px;padding:.28em .4em .12em;margin-top:26px;transform:rotate(-1deg);box-shadow:0 0 0 2px #000,0 10px 24px #000a,0 0 30px #ff3df033,inset 0 0 22px #000}.sign h1{font-family:Permanent Marker,Impact,cursive;letter-spacing:.02em;font-size:clamp(32px,10.4vw,112px);color:#ffb3f8;text-shadow:0 0 3px #fff,0 0 12px var(--pink),0 0 32px var(--pink),0 0 64px var(--violet);transform:skew(-6deg)}.crown{position:absolute;left:38%;top:-30px;width:clamp(36px,8vw,74px);filter:drop-shadow(0 0 6px #ffd23c99);transform:rotate(-4deg)}.uline{display:block;height:4px;margin:0 8% 4px 18%;background:var(--pink);border-radius:4px;box-shadow:0 0 12px var(--pink);transform:rotate(-1.2deg)}.drip{position:absolute;bottom:-14px;width:5px;border-radius:0 0 5px 5px;background:linear-gradient(var(--pink),#ff3df000)}.d1{left:24%;height:26px}.d2{left:47%;height:16px}.d3{left:71%;height:30px}.d4{left:88%;height:14px}.sub{color:#e6b8e8}.sub i{background:#e6b8e8}.bolt,.b1,.b2{display:none}.frame{border-color:#0a0a0c;background:linear-gradient(135deg,#2c2a33,#18171c 40%,#2a2830);box-shadow:0 20px 50px #000c,0 0 34px #ff3df02a,inset 0 0 0 2px #0008}.lamp{background:radial-gradient(60% 70% at 50% 0,rgba(255,61,240,.2),transparent)}.bulbs i{background:#ffb3f8;box-shadow:0 0 12px 4px #ff3df0aa}.sway2{animation:sway 8s ease-in-out infinite alternate}.mascots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.mascot{position:absolute;bottom:-44px;width:clamp(84px,17vw,170px);overflow:visible;filter:drop-shadow(0 6px 8px #000a);animation:bob 5s ease-in-out infinite alternate}.ml{left:-2%;transform:rotate(-4deg)}.mr{right:-2%;transform:rotate(4deg);animation-delay:1.5s}@keyframes bob{0%{translate:0 0}to{translate:0 -5px}}.panel-wrap{position:relative;z-index:7;margin:56px auto 0;width:min(100%,760px);filter:drop-shadow(0 0 14px #ff3df0aa)}.panel{--cp:polygon(0 4%,4% 0,9% 3%,15% 0,22% 3%,30% 0,38% 2%,47% 0,55% 3%,63% 0,72% 2%,80% 0,88% 3%,95% 0,100% 4%,98% 30%,100% 55%,97% 80%,100% 96%,92% 100%,84% 97%,75% 100%,66% 97%,57% 100%,47% 97%,38% 100%,28% 97%,18% 100%,9% 97%,2% 100%,0 92%,2% 65%,0 40%,2% 20%);position:relative;min-height:150px;display:grid;place-items:center;background:var(--pink);clip-path:var(--cp)}.panel:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:#050406;clip-path:var(--cp)}.p-crown{position:absolute;left:5%;top:12%;width:44px;transform:rotate(-8deg)}.p-arrow{position:absolute;left:8%;bottom:8%;width:clamp(70px,20%,140px)}.panel .enter{position:relative;z-index:1;background:none;border:0;box-shadow:none;min-width:0;min-height:64px;padding:14px 28px;margin-left:10%}.panel .enter-txt{font-family:Permanent Marker,Impact,cursive;font-size:clamp(32px,8vw,60px);color:#ffb3f8;text-shadow:0 0 4px #fff,0 0 16px var(--pink),0 0 40px var(--violet)}.panel .enter:hover,.panel .enter:focus-visible{background:none;box-shadow:none;filter:brightness(1.4);transform:translateY(2px) rotate(-1.5deg)}.panel .enter:focus-visible{outline:3px dashed var(--yellow);outline-offset:4px}@media (max-width:640px){.stage{align-items:flex-start}.mascot{width:88px;bottom:-40px}.crown{left:34%}.panel-wrap{margin-top:50px}.panel{min-height:120px}.p-crown{width:32px}.panel .enter{margin-left:14%;padding:12px 16px}}.cta{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;margin-left:10%;padding:0 6px}.panel .enter{margin-left:0}.hint{font-family:Special Elite,monospace;font-weight:700;text-align:center;letter-spacing:.08em;line-height:1.2;font-size:clamp(12px,3.4vw,20px);color:var(--yellow);text-shadow:0 0 4px #fff8,0 0 10px var(--yellow),0 0 24px #ff9a3c;animation:hint 2.4s ease-in-out infinite}@keyframes hint{0%,to{opacity:.85}50%{opacity:1;text-shadow:0 0 6px #fff,0 0 16px var(--yellow),0 0 34px #ff9a3c}}@media (max-width:640px){.cta{margin-left:12%}.hint{font-size:clamp(11px,3.6vw,15px)}}