.homeLayout{grid-column-gap:0px;grid-row-gap:0px;grid-template-rows:1fr;grid-template-columns:.25fr 1fr;max-width:100dvw;min-height:100dvh;display:grid;overflow:visible hidden}.Menu{z-index:1;background:radial-gradient(circle,#0000 20%,#252525 20% 80%,#0000 80%,#0000) 0 0/50px 50px,radial-gradient(circle,#0000 20%,#252525 20% 80%,#0000 80%,#0000) 25px 25px/50px 50px,linear-gradient(#151515 2px,#0000 2px) 0 -1px/25px 25px,linear-gradient(90deg,#151515 2px,#252525 2px) -1px 0/25px 25px;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;min-height:100%;padding:.2rem;display:flex;position:relative;overflow:visible}.Category.drawer{z-index:50;width:fit-content;height:auto;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;left:0;transform:translate(-100%)}.Category.drawer.open{left:-10px;transform:translate(0)}.Category.drawer:first-of-type{top:30%}.Category.drawer:last-of-type{top:60%}.Category.drawer .Deck{flex-direction:row;align-items:flex-start;gap:.5rem;width:100%;height:auto;min-height:150px;padding:1rem}.Category.drawer .boxWall{height:150px}.drawerHandle{cursor:pointer;z-index:10;background:linear-gradient(90deg,#563709 0%,#6b4510 100%);border:none;border-top-right-radius:8px;border-bottom-right-radius:8px;justify-content:center;align-items:center;width:50px;height:100px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;top:50%;right:-50px;transform:translateY(-50%);box-shadow:2px 0 8px #0000004d,inset -2px 0 4px #0003}.drawerHandle:hover{transform:translateY(-50%)scale(1.01);box-shadow:4px 0 12px #0006,inset -2px 0 4px #0003}.drawerHandle:active{transform:translateY(-50%)translate(1px)}.handleGrip{background:repeating-linear-gradient(0deg,#0000,#0000 4px,#0000004d 4px 6px,#ffffff1a 6px 8px);border-radius:4px;width:25px;height:70px}.Category h1{font-family:var(--font-just-another-hand);text-transform:uppercase;letter-spacing:.35rem;color:#3d2a12;z-index:4;background-color:wheat;background-image:repeating-linear-gradient(0deg,#0000,#0000 1px,#00000005 1px 2px),repeating-linear-gradient(90deg,#0000,#0000 1px,#00000004 1px 2px),linear-gradient(135deg,#ffebcd99 0%,wheat 50%,#f5deb3cc 100%);border:1px solid #8b653633;justify-content:center;align-items:center;margin:0;padding:.8rem 2.5rem;font-size:2rem;display:inline-flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)rotate(2deg);box-shadow:0 2px 4px #0003,0 4px 8px #00000026,inset 0 1px #ffffff4d}.Category h1:after{content:"";z-index:-1;background:#ffffffbf;width:110px;height:22px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.Category .boxWall{z-index:1;pointer-events:none;pointer-events:none;background-color:#f9cea1;background-image:repeating-linear-gradient(45deg,#0000,#0000 2px,#00000005 2px 4px),repeating-linear-gradient(135deg,#0000,#0000 2px,#00000005 2px 4px),linear-gradient(90deg,#ffffff1a 0%,#0000 30% 70%,#0000000d 100%);border-bottom:.4rem solid #563709;width:100%;height:200px;display:flex;position:relative;bottom:100px;left:0;box-shadow:inset 0 -100px 90px #00000048,inset 0 2px 4px #fff3,0 4px 8px #0003}.Deck>*{z-index:500;position:relative}.Deck{padding-top:1rem;z-index:0;background-color:#0000;background-image:repeating-linear-gradient(90deg,#0000 0,#00000014 1px,#0000 2px 4px,#0000000a 5px,#0000 6px),linear-gradient(#0000001a 0%,#0000 3% 8%,#0000000d 12%,#0000 15% 60%,#00000014 65%,#0000 70%),linear-gradient(#563709 0% 18%,#362205 16% 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-top:.4rem solid #c48b4f;border-left:.4rem solid #dfaa71;border-right:.4rem solid #dfaa71;flex-direction:column;align-items:center;width:fit-content;padding-inline:.4rem;display:flex;position:relative;box-shadow:inset 4px 0 8px #0000004d,inset -4px 0 8px #0000004d,inset 0 4px 6px #0003}.Machine{grid-column-gap:0px;grid-row-gap:0px;z-index:0;background-color:#fff;grid-template-rows:.4fr 1fr;grid-template-columns:1fr;width:80%;min-height:100dvh;display:grid;position:absolute;right:0}.Machine .Upper{z-index:-1;background-color:#f1f1f1;border-left:1rem solid #a9a4a4;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;width:100%;height:100%;padding:2rem 4rem;display:flex;position:relative}.Machine .Upper .LogoSection{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;font-size:large;display:flex}.Machine .Upper .LogoSection .Logo{max-width:300px}.Machine .Lower{background-color:#d9d9d9;border-left:1rem solid #757373;justify-content:flex-end;align-items:flex-end;width:100%;height:100%;margin:0;display:flex;box-shadow:inset -2px 0 4px #00000026,inset 0 -100px 30px #00000038}.Lower .Screen{background-color:#000;border-top:.5rem solid #a7a6a6;border-left:.5rem solid #a7a6a6;border-top-left-radius:4rem;width:95%;height:95%;box-shadow:inset 8px 8px 16px #0009,inset -4px -4px 12px #6464644d,-8px -8px 12px #0005}@media (max-width:768px){.homeLayout{grid-template-rows:1fr;grid-template-columns:1fr;height:100dvh;display:grid;overflow:hidden}.Machine{grid-area:1/1;width:100%;min-height:100dvh;position:relative}.MenuHolder{z-index:100;pointer-events:none;width:100%;height:auto;position:fixed;bottom:0;left:0}.Menu{pointer-events:none;background:0 0;flex-direction:row;justify-content:center;align-items:flex-end;gap:1rem;width:100%;min-height:auto;padding:0}.Category.drawer{pointer-events:all;position:relative;left:auto;transform:translateY(100%)}.Category.drawer.open{left:auto;transform:translateY(20%)}.Category.drawer:first-of-type,.Category.drawer:last-of-type{top:auto!important}.drawerHandle{z-index:-1;border-radius:8px 8px 0 0;width:80px;height:40px;top:-40px;right:50%;transform:translate(50%)}.Category.drawer.open .drawerHandle{transform:translate(50%)}.drawerHandle:hover{transform:translate(50%)scale(1.01)}.drawerHandle:active{transform:translate(50%)translateY(1px)}.handleGrip{z-index:-1;background:repeating-linear-gradient(90deg,#0000,#0000 4px,#0000004d 4px 6px,#ffffff1a 6px 8px);width:60px;height:20px}.Category.drawer .Deck{padding:.5rem;flex-flow:wrap;justify-content:center;gap:0;min-height:fit-content;padding-top:4rem}.Category.drawer .boxWall{height:120px}.Category h1{letter-spacing:.1rem;padding:.3rem 1rem;font-size:.9rem;top:18px;bottom:.5rem}.Machine .Upper{border-left:.5rem solid #a9a4a4;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100dvw;padding:1rem}.Machine .Upper .LogoSection{order:-1;gap:.5rem;font-size:medium}.Machine .Upper .LogoSection .Logo{max-width:220px}.Machine .Upper .LogoSection h2{font-size:.7rem}.Machine .Lower{border-left:.5rem solid #757373}.Lower .Screen{width:98%;height:98%}}