@font-face{font-family:Handwritten Jake;src:url(/Handwrittenjake-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Pigpen Hand;src:url(/PigpenHand-Regular.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}.mobile-construction-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#d4d4d4;z-index:99999;align-items:center;justify-content:center;padding:40px}.mobile-construction-message{font-family:Handwritten Jake,Courier New,monospace;font-size:clamp(28px,6vw,48px);color:#1a1a1a;text-align:center;line-height:1.4;max-width:90%}@media(orientation:portrait),(max-width:900px)and (max-height:1200px){.mobile-construction-overlay{display:flex}.desktop-content{display:none!important}body:before{display:none!important}}body{font-family:Handwritten Jake,Courier New,monospace;background:#d4d4d4;color:#1a1a1a;overflow-x:hidden;position:relative;margin:0}#background-video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:-2;opacity:.5;object-fit:cover}body:before{content:"";position:fixed;top:50%;left:50%;width:100vw;height:1700px;background-image:url(/backlogo.webp);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.15;z-index:0;pointer-events:none;animation:floatBackground 15s linear infinite}@keyframes floatBackground{0%{transform:translate(-50%,-50%) translate(0) rotate(0)}25%{transform:translate(-50%,-50%) translate(12px,-8px) rotate(.3deg)}50%{transform:translate(-50%,-50%) translate(-8px,15px) rotate(-.2deg)}75%{transform:translate(-50%,-50%) translate(10px,5px) rotate(.4deg)}to{transform:translate(-50%,-50%) translate(0) rotate(0)}}.container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}#home{position:fixed;left:50%;transform:translate(-50%);width:100%;height:100vh;display:flex;align-items:center;justify-content:center;transition:transform .5s ease,left .5s ease,width .5s ease;z-index:10;pointer-events:none}#home .eye,#home .pupil,#home .hand-logo{pointer-events:none}#home.viewing-content-right{left:0;width:50%;transform:translate(0);z-index:50}#home.viewing-content-left{left:50%;width:50%;transform:translate(0);z-index:50}.logo-container{position:relative;width:min(600px,50vw,50vh);height:min(600px,50vw,50vh);display:flex;align-items:center;justify-content:center;z-index:1;animation:floatHand 10s ease-in-out infinite;pointer-events:none}.hand-clickable-area{position:absolute;top:50%;left:50%;width:min(320px,53%);height:min(420px,70%);transform:translate(-50%,-50%);border-radius:50%;pointer-events:all;cursor:pointer;z-index:1000}.logo-container.hovered,.logo-container.wiggling{animation-play-state:paused}.logo-container.wiggling .hand-logo{animation:quickWiggle .25s ease-in-out}@keyframes quickWiggle{0%,to{transform:rotate(0) scale(1.03)}20%{transform:rotate(-2deg) scale(1.03)}40%{transform:rotate(2deg) scale(1.03)}60%{transform:rotate(-1deg) scale(1.03)}80%{transform:rotate(1deg) scale(1.03)}}@keyframes floatHand{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px,-8px) rotate(.3deg)}50%{transform:translate(-8px,12px) rotate(-.2deg)}75%{transform:translate(12px,6px) rotate(.4deg)}to{transform:translate(0) rotate(0)}}.hand-logo{width:100%;height:100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.logo-container.hovered .hand-logo,.logo-container.hovered .eye{transform:scale(1.03)}@keyframes wiggle1{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}}@keyframes wiggle2{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-1px)}75%{transform:translate(-2px,1px)}}@keyframes wiggle3{0%,to{transform:rotate(0) translateY(0)}33%{transform:rotate(-1.5deg) translateY(-3px)}66%{transform:rotate(1.5deg) translateY(-2px)}}@keyframes wiggle4{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-4px) rotate(1deg)}40%{transform:translateY(0) rotate(-1deg)}60%{transform:translateY(-2px) rotate(.5deg)}80%{transform:translateY(0) rotate(-.5deg)}}.logo-container.wiggle-1{animation:wiggle1 .3s ease-in-out}.logo-container.wiggle-2{animation:wiggle2 .3s ease-in-out}.logo-container.wiggle-3{animation:wiggle3 .3s ease-in-out}.logo-container.wiggle-4{animation:wiggle4 .3s ease-in-out}.eye{position:absolute;width:min(80px,6.65vw,6.65vh);height:min(80px,6.65vw,6.65vh);background:transparent;top:38%;transition:transform .1s ease;z-index:10}.eye.left{left:27.3%;top:42.9%}.eye.right{right:41%;top:37.6%}.pupil{position:absolute;width:min(128px,10.65vw,10.65vh);height:min(128px,10.65vw,10.65vh);background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:0;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;z-index:11}.eye.left .pupil{background-image:url(/LEFTPUPIL.webp)}.eye.right .pupil{background-image:url(/RIGHTPUPIL.webp)}nav{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1200px,95vw);height:min(1200px,95vh);pointer-events:none;z-index:15}nav a{position:absolute;color:#1a1a1a;text-decoration:none;font-size:min(90px,7vw,9vh);font-weight:700;letter-spacing:2px;pointer-events:all;padding:8px 15px;border-radius:6px;transition:opacity .5s ease,transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}nav a>span{position:relative;display:flex;align-items:center;justify-content:center}.nav-icon{display:block;font-size:min(65px,5vw,6.5vh);transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2}.nav-label{opacity:0;font-size:min(40px,3vw,4vh);transition:opacity .3s ease,transform .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-25px;z-index:1}nav a .nav-label[style*="opacity: 1"]{position:relative;top:auto;left:auto;transform:none;pointer-events:all}.nav-letter{display:inline-block;animation:floatLetter 5s ease-in-out infinite}.nav-letter:nth-child(2n){animation-duration:6s;animation-delay:.2s}.nav-letter:nth-child(3n){animation-duration:5.5s;animation-delay:.35s}.nav-letter:nth-child(4n){animation-duration:6.5s;animation-delay:.15s}nav a:hover{transform:translateY(-50px)}nav a:hover .nav-label{opacity:.3}nav a:hover .nav-label[style*="opacity: 1"]{opacity:1;transform:scale(1.15)}nav a:hover .nav-icon{transform:scale(1.15)}.unavailable-link{cursor:default!important}.unavailable-link .unavailable-icon{filter:grayscale(100%) opacity(.5)}.unavailable-link .nav-label{color:#888!important}.unavailable-link:hover .nav-label{opacity:1;color:#888!important}.unavailable-link:hover .nav-icon{transform:scale(1.15);filter:grayscale(100%) opacity(.6)}.unavailable-link:hover .nav-letter{animation:glitchFont .15s infinite}.unavailable-link:hover .nav-letter:nth-child(odd){animation-delay:.05s}.unavailable-link:hover .nav-letter:nth-child(3n){animation-delay:.1s}@keyframes glitchFont{0%,45%{font-family:Handwritten Jake,Courier New,monospace}46%,to{font-family:Pigpen Hand,monospace}}nav.sliding a{animation:none!important}nav a:nth-child(1){animation:float1 7s linear infinite}nav a:nth-child(2){animation:float2 9s linear infinite}nav a:nth-child(3){animation:float3 8s linear infinite}nav a:nth-child(4){animation:float4 10s linear infinite}nav a:nth-child(5){animation:float5 6.5s linear infinite}nav.slide-left a,nav.slide-right a{animation:none!important}nav.slide-left a,nav.slide-right a{opacity:1}@keyframes float1{0%{transform:translate(0) rotate(0)}23%{transform:translate(5px,-7px) rotate(.2deg)}47%{transform:translate(-6px,4px) rotate(-.3deg)}71%{transform:translate(4px,8px) rotate(.1deg)}to{transform:translate(0) rotate(0)}}@keyframes float2{0%{transform:translate(0) rotate(0)}27%{transform:translate(-7px,6px) rotate(-.2deg)}52%{transform:translate(8px,-5px) rotate(.3deg)}78%{transform:translate(-4px,7px) rotate(.1deg)}to{transform:translate(0) rotate(0)}}@keyframes float3{0%{transform:translate(0) rotate(0)}31%{transform:translate(6px,5px) rotate(.3deg)}59%{transform:translate(-5px,-6px) rotate(-.2deg)}83%{transform:translate(7px,4px) rotate(.2deg)}to{transform:translate(0) rotate(0)}}@keyframes float4{0%{transform:translate(0) rotate(0)}29%{transform:translate(5px,-6px) rotate(.1deg)}54%{transform:translate(-7px,7px) rotate(-.3deg)}81%{transform:translate(6px,-4px) rotate(.2deg)}to{transform:translate(0) rotate(0)}}@keyframes float5{0%{transform:translate(0) rotate(0)}25%{transform:translate(-6px,5px) rotate(-.2deg)}55%{transform:translate(7px,-7px) rotate(.3deg)}79%{transform:translate(-5px,6px) rotate(.1deg)}to{transform:translate(0) rotate(0)}}nav a:nth-child(1){top:12%;left:43%}nav a:nth-child(2){right:5%;top:50%}nav a:nth-child(3){bottom:18%;right:25%}nav a:nth-child(4){left:5%;top:50%}nav a:nth-child(5){bottom:12%;left:43%;opacity:0;transition:opacity .5s ease}nav a:nth-child(5):hover{opacity:1!important}nav a:nth-child(5).eyes-looking{opacity:.6;transition:opacity .5s ease}.decoder-label{font-family:Pigpen Hand,monospace!important;font-size:clamp(18px,2.2vw,28px);opacity:1;position:static;transform:none;margin-top:0;pointer-events:all}.decoder-label .nav-letter{font-family:Pigpen Hand,monospace!important}nav a:nth-child(6){top:18%;right:22%;font-size:min(65px,5vw,6.5vh);animation:float1 8s linear infinite}nav a:nth-child(7){bottom:18%;left:22%;font-size:min(65px,5vw,6.5vh);animation:float2 7.5s linear infinite}nav a:nth-child(8){top:18%;left:22%;font-size:min(65px,5vw,6.5vh);animation:float3 9s linear infinite}.section{position:fixed;top:0;width:50%;height:100%;background:transparent;pointer-events:none;transition:transform .5s ease,visibility 0s linear .5s;overflow-y:auto;z-index:40;visibility:hidden}#shop-section{overflow:visible}#shop-section.active{width:100%!important;right:0!important;left:0!important}#shop-section .section-content{padding:0!important;justify-content:center;align-items:center;min-height:100vh;max-width:none!important;width:100%!important;overflow:visible!important}#gallery-section{overflow:hidden}#gallery-section.active{width:60%!important;right:0!important;left:auto!important}.gallery-container{position:relative;width:100%;height:100vh;overflow:visible}.gallery-item{position:absolute;transition:box-shadow .3s ease;z-index:1;-webkit-user-select:none;user-select:none}.gallery-item:hover{z-index:10}.gallery-item.selected{z-index:5;opacity:0;pointer-events:none;transition:opacity .3s ease}.gallery-item.dragging{z-index:100;animation:none!important;transform:scale(1.08) translateY(-15px);transition:none}.gallery-frame{background:#1a1a1a;padding:6px;border-radius:4px;box-shadow:5px 5px #1a1a1acc,0 12px 25px #0000004d;transition:box-shadow .3s ease,transform .3s ease}.gallery-item:hover .gallery-frame{box-shadow:8px 8px #1a1a1ae6,0 20px 40px #0006;transform:scale(1.03)}.gallery-item.dragging .gallery-frame{box-shadow:18px 22px #1a1a1a99,0 45px 70px #00000073;transform:scale(1)}.gallery-media{display:block;width:min(16vw,22vh);max-width:240px;min-width:100px;height:auto;object-fit:contain;pointer-events:none}.gallery-float-1{animation:galleryFloat1 8s ease-in-out infinite}.gallery-float-2{animation:galleryFloat2 9s ease-in-out infinite}.gallery-float-3{animation:galleryFloat3 7.5s ease-in-out infinite}.gallery-float-4{animation:galleryFloat4 8.5s ease-in-out infinite}.gallery-float-5{animation:galleryFloat5 7s ease-in-out infinite}@keyframes galleryFloat1{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(8px,-12px) rotate(.6deg)}50%{transform:translate(-6px,6px) rotate(-.3deg)}75%{transform:translate(10px,8px) rotate(.3deg)}}@keyframes galleryFloat2{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-12px,8px) rotate(-.6deg)}50%{transform:translate(8px,-6px) rotate(.3deg)}75%{transform:translate(-6px,-10px) rotate(-.3deg)}}@keyframes galleryFloat3{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(6px,10px) rotate(.5deg)}50%{transform:translate(-10px,-5px) rotate(-.5deg)}75%{transform:translate(-5px,12px) rotate(.2deg)}}@keyframes galleryFloat4{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-8px,-10px) rotate(-.4deg)}50%{transform:translate(10px,5px) rotate(.4deg)}75%{transform:translate(5px,-8px) rotate(-.2deg)}}@keyframes galleryFloat5{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(10px,6px) rotate(.5deg)}50%{transform:translate(-5px,-10px) rotate(-.4deg)}75%{transform:translate(-8px,8px) rotate(.3deg)}}.gallery-item:hover,.gallery-item.dragging{animation-play-state:paused}.gallery-info-zone{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:min(12vw,16vh);height:min(12vw,16vh);min-width:140px;min-height:140px;max-width:200px;max-height:200px;padding:15px;background:#1a1a1a14;border:2px dashed rgba(26,26,26,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:50}.gallery-info-zone.hover-active{background:#1a1a1a26;border-color:#1a1a1a80;transform:translate(-50%) scale(1.05);box-shadow:0 6px 20px #00000026}.gallery-info-zone.expanded{background:#1a1a1a;border:none;left:3%;right:3%;bottom:15px;transform:none;width:94%;max-width:94%;padding:15px 20px 15px 45px;border-radius:16px;min-height:220px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;animation:expandZoneRounded .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes expandZoneRounded{0%{opacity:.8;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gallery-item.over-info-zone{transform:scale(.85)!important;transition:transform .2s ease}.info-zone-close-x{position:absolute;top:12px;left:15px;background:transparent;border:none;color:#d4d4d480;font-size:18px;cursor:pointer;padding:5px 10px;transition:all .2s ease;z-index:10}.info-zone-close-x:hover{color:#fff;transform:scale(1.15)}.gallery-info-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;opacity:.5}.info-zone-text{font-family:Handwritten Jake,Courier New,monospace;font-size:18px;color:#1a1a1a;letter-spacing:.5px;line-height:1.3}.gallery-info-expanded{display:flex;align-items:center;gap:15px;animation:fadeInContent .4s ease .15s forwards;opacity:0;width:100%}@keyframes fadeInContent{0%{opacity:0}to{opacity:1}}.info-images-container{display:flex;align-items:center;gap:12px;flex-shrink:0}.info-preview-draggable{flex-shrink:0;background:#2a2a2a;padding:5px;border-radius:6px;box-shadow:inset 0 2px 6px #0006,0 4px 12px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.info-preview-draggable:hover{transform:scale(1.02);box-shadow:inset 0 2px 6px #0006,0 8px 20px #0006}.info-preview-bonus{flex-shrink:0;background:#2a2a2a;padding:5px;border-radius:6px;box-shadow:inset 0 2px 6px #0006,0 4px 12px #0000004d;opacity:0;animation:fadeInBonus .4s ease .4s forwards}@keyframes fadeInBonus{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.info-preview-media-large{display:block;width:auto;height:min(200px,25vh);max-height:min(300px,35vh);max-width:min(280px,25vw);object-fit:contain;border-radius:4px}.gallery-info-zone .info-text{color:#d4d4d4;text-align:left;flex:1;min-width:0}.gallery-info-zone .info-text h3{font-family:Handwritten Jake,Courier New,monospace!important;font-size:min(30px,2.5vw,3.5vh)!important;margin:0 0 10px!important;letter-spacing:1px;color:#fff;line-height:1.2!important}.gallery-info-zone .info-text p{font-family:Handwritten Jake,Courier New,monospace!important;font-size:min(23px,1.9vw,2.7vh)!important;margin:0!important;line-height:1.3!important;opacity:.85}@keyframes subtleInfoFloat{0%,to{transform:translate(0)}25%{transform:translate(.3px,-.3px)}50%{transform:translate(-.2px,.2px)}75%{transform:translate(.2px,.3px)}}.gallery-info-zone .floating-letter{display:inline-block;animation:subtleInfoFloat 6s ease-in-out infinite}@media(max-width:1200px){.gallery-media{width:18vw;max-width:200px}.gallery-info-zone{width:13vw;height:13vw;min-width:130px;min-height:130px}.gallery-info-zone.expanded{min-height:180px;width:94%;height:auto}.info-preview-media-large{height:170px;max-height:250px;max-width:240px}.gallery-info-zone .info-text h3{font-size:27px!important}.gallery-info-zone .info-text p{font-size:21px!important}}@media(max-width:900px){.gallery-media{width:20vw;max-width:160px;min-width:100px}.gallery-info-zone{width:14vw;height:14vw;min-width:110px;min-height:110px;padding:10px}.info-zone-text{font-size:15px}.gallery-info-zone.expanded{padding:12px 15px 12px 35px;min-height:200px;left:2%;right:2%;width:96%;max-width:96%;height:auto}.gallery-info-expanded{flex-direction:row;gap:10px}.info-images-container{flex-direction:column;gap:8px}.info-zone-text{font-size:11px}.info-preview-media-large{height:100px;max-height:120px;max-width:140px}.gallery-info-zone .info-text h3{font-size:23px!important}.gallery-info-zone .info-text p{font-size:18px!important;line-height:1.25!important}}@media(min-width:1600px){.gallery-media{width:14vw;max-width:280px}.gallery-info-zone{width:11vw;height:11vw;min-width:160px;min-height:160px;max-width:220px;max-height:220px}.info-zone-text{font-size:20px}.gallery-info-zone.expanded{min-height:260px;padding:25px 30px 25px 55px;width:94%;height:auto}.info-preview-media-large{height:240px;max-height:350px;max-width:320px}.gallery-info-zone .info-text h3{font-size:36px!important}.gallery-info-zone .info-text p{font-size:27px!important;line-height:1.35!important}}@media(min-width:2000px){.gallery-info-zone.expanded{min-height:300px}.info-preview-media-large{height:280px;max-height:400px;max-width:380px}.gallery-info-zone .info-text h3{font-size:43px!important}.gallery-info-zone .info-text p{font-size:30px!important}}.section.slide-from-right{right:0;left:auto!important;transform:translate(100%)}.section.slide-from-left{left:0;right:auto!important;transform:translate(-100%)}.section.active{pointer-events:all;transform:translate(0);visibility:visible;transition-delay:0s}.section.slide-from-right.active{right:5%;width:45%}.section.slide-from-left.active{left:5%;width:45%}.section-content{max-width:700px;margin:0 auto;padding:100px;background:transparent;min-height:100vh;display:flex;flex-direction:column;justify-content:center}#beats-section{overflow:hidden}#beats-section .section-content{max-width:1800px;width:92%;padding:40px;margin:0 auto;max-height:100vh;display:flex;flex-direction:column;justify-content:center}#beats-section iframe{width:100%;max-height:80vh;margin:0 auto;display:block}#hidden-section .section-content{max-width:none;padding:100px 40px}#extra2-section{overflow:hidden}#extra2-section .section-content{max-width:none;padding:20px 40px;max-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.section h2,.section h3,.section p,.section .back-btn,.section #decoded-output{animation:floatContent 8s ease-in-out infinite}.section h2{animation-delay:0s}.section h3{animation-delay:.5s}.section p{animation-delay:1s}.section .back-btn{animation-delay:.3s}.section #decoded-output{animation-delay:.8s}@keyframes floatContent{0%{transform:translate(0) rotate(0)}25%{transform:translate(8px,-6px) rotate(.2deg)}50%{transform:translate(-6px,10px) rotate(-.15deg)}75%{transform:translate(7px,4px) rotate(.25deg)}to{transform:translate(0) rotate(0)}}@keyframes floatLetter{0%{transform:translate(0) rotate(0)}20%{transform:translate(1.5px,-2px) rotate(.5deg)}40%{transform:translate(-1px,2.5px) rotate(-.3deg)}60%{transform:translate(2px,1px) rotate(.4deg)}80%{transform:translate(-1.5px,-1px) rotate(-.2deg)}to{transform:translate(0) rotate(0)}}.floating-letter{display:inline-block;animation:floatLetter 6s ease-in-out infinite;will-change:transform}.floating-letter:nth-child(2n){animation-duration:7s;animation-delay:.2s}.floating-letter:nth-child(3n){animation-duration:5.5s;animation-delay:.4s}.floating-letter:nth-child(4n){animation-duration:6.5s;animation-delay:.5s}.floating-letter:nth-child(5n){animation-duration:6.2s;animation-delay:.3s}.floating-letter:nth-child(7n){animation-duration:5.2s;animation-delay:.6s}.section h2{font-size:120px;margin-bottom:30px;letter-spacing:4px}.section p{font-size:45px;line-height:1.6;margin-bottom:15px}.contact-link{color:#1a1a1a;text-decoration:none;transition:opacity .3s ease,transform .3s ease;display:inline-block}.contact-link:hover{opacity:.7;transform:scale(1.05)}.shop-hoodies-container{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:40px;width:100%;height:100vh;padding-left:48%;padding-right:8%;overflow:visible}.shop-hoodie-wrapper{flex-shrink:0;transition:transform .8s cubic-bezier(.4,0,.6,1);cursor:pointer}.shop-hoodie-wrapper.selected{cursor:default}.shop-hoodie{max-width:350px;width:min(25vw,35vh);min-width:150px;height:auto;cursor:pointer;display:block}.shop-hoodie--white{animation:floatContent 8s ease-in-out infinite;animation-delay:0s}.shop-hoodie--black{animation:floatContent 8s ease-in-out infinite;animation-delay:.3s;width:min(55vw,70vh);min-width:200px;max-width:530px}@media(max-width:1199px){.shop-hoodies-container{flex-direction:column;justify-content:center;padding-left:50%;padding-right:5%;gap:min(25px,3vh)}.shop-hoodie{max-width:280px;width:min(30vw,40vh);min-width:140px}.shop-hoodie--selected,.shop-hoodie--selected:hover{transform:translate(-100px) scale(1)}}@media(max-width:900px){.shop-hoodies-container{padding-left:45%;gap:min(20px,2.5vh)}.shop-hoodie{max-width:220px;width:min(35vw,45vh);min-width:120px}}.shop-content{position:fixed;right:-40%;top:50%;width:22%;max-width:320px;min-width:200px;transform:translateY(-50%);transition:right .8s cubic-bezier(.4,0,.6,1);pointer-events:none;animation:floatContent 8s ease-in-out infinite;animation-delay:.2s;z-index:15;text-align:center}.shop-content.active{right:15%;pointer-events:all}.shop-content h2{font-size:min(52px,4vw,6vh);margin-bottom:25px;margin-top:0;line-height:1.2}.shop-content p{font-size:min(26px,2vw,3vh);line-height:1.8;margin-bottom:20px}@media(max-width:1199px){.shop-content{top:50%;width:28%;max-width:280px}.shop-content.active{right:3%}.shop-content h2{font-size:42px}.shop-content p{font-size:22px}}.shop-content-back-btn{position:fixed;top:35vh;right:-100px;transform:translateY(calc(-50% - 150px));font-size:64px;color:#1a1a1a;text-decoration:none;cursor:pointer;transition:right .8s cubic-bezier(.4,0,.6,1);z-index:20;pointer-events:none;animation:floatContent 8s ease-in-out infinite;animation-delay:.3s}.shop-content-back-btn.active{right:3%;pointer-events:all}.shop-content-back-btn:hover{transform:translateY(calc(-50% - 150px)) translate(-10px)}.decoder-container{width:90%;max-width:800px;margin:0 auto;position:relative}@media(min-width:1200px){.decoder-container{max-width:900px}}@media(min-width:1600px){.decoder-container{max-width:1000px}}@media(min-width:2000px){.decoder-container{max-width:1200px}}.paint-container{width:90%;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:15px;position:relative;padding:0 20px}.paint-tools,.paint-colors,.brush-size-container{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.5vh,15px)}.brush-size-container{width:100%;max-width:400px;align-items:center;animation:floatContent 8s ease-in-out infinite;animation-delay:.1s}.brush-size-slider{width:100%;height:50px;background:#fff;border:4px solid #1a1a1a;border-radius:10px;box-shadow:4px 4px #1a1a1a;padding:0 15px;display:flex;align-items:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.paint-icon{width:clamp(35px,5vh,50px);height:clamp(35px,5vh,50px);border:3px solid #1a1a1a;border-radius:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:4px 4px #1a1a1a;animation:floatContent 8s ease-in-out infinite;font-size:clamp(16px,2.5vh,24px);background:#fff;display:flex;align-items:center;justify-content:center}.paint-icon:nth-child(1){animation-delay:0s}.paint-icon:nth-child(2){animation-delay:.2s}.paint-icon:nth-child(3){animation-delay:.4s}.paint-icon:nth-child(4){animation-delay:.6s}.paint-icon:nth-child(5){animation-delay:.8s}.paint-icon:nth-child(6){animation-delay:1s}.paint-icon:hover,.paint-icon.active{transform:translateY(-6px);box-shadow:6px 8px #1a1a1a}.paint-icon:active{transform:translateY(0);box-shadow:2px 2px #1a1a1a}.paint-icon.undo-redo-btn{color:#1a1a1a}.paint-icon.undo-redo-btn svg{width:24px;height:24px;display:block}#paint-canvas{background:#fff;border:4px solid #1a1a1a;border-radius:10px;cursor:crosshair;box-shadow:6px 6px #1a1a1a;display:block;transition:transform .1s ease;max-width:min(100%,70vh);max-height:50vh;width:auto;height:auto}@keyframes shakeCanvas{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-5px,2px) rotate(-1deg)}20%{transform:translate(5px,-2px) rotate(1deg)}30%{transform:translate(-5px,-3px) rotate(-.5deg)}40%{transform:translate(5px,3px) rotate(.5deg)}50%{transform:translate(-4px,1px) rotate(-1deg)}60%{transform:translate(4px,-1px) rotate(1deg)}70%{transform:translate(-3px,2px) rotate(-.5deg)}80%{transform:translate(3px,-2px) rotate(.5deg)}90%{transform:translate(-2px,1px) rotate(-.2deg)}}#paint-canvas.shaking{animation:shakeCanvas .6s ease}.secret-button{font-size:32px}.secret-button:hover{opacity:.15!important}.secret-button.eyes-looking{opacity:.08!important}.decoded-text{background:#fff;border:3px solid #1a1a1a;padding:15px 20px;min-height:60px;font-size:42px;font-family:Courier New,monospace;margin-bottom:20px;word-wrap:break-word;box-shadow:4px 4px #1a1a1a;display:flex;align-items:center;flex-wrap:wrap}.cipher-keyboard{display:grid;grid-template-columns:repeat(9,1fr);gap:15px;margin-bottom:20px}.cipher-key{aspect-ratio:1;background:#fff;border:2px solid #1a1a1a;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;box-shadow:0 4px #1a1a1a}.cipher-key:hover{background:#e8e8e8;transform:translateY(-2px);box-shadow:0 6px #1a1a1a}.cipher-key:active{transform:translateY(2px);box-shadow:0 2px #1a1a1a}.cipher-key.typing{animation:keyPress .1s ease}@keyframes keyPress{0%{transform:translateY(0)}50%{transform:translateY(2px);box-shadow:0 2px #1a1a1a}to{transform:translateY(0)}}.cipher-key svg{width:70%;height:70%}.cipher-key.delete-key{background:#1a1a1a}.cipher-key.delete-key:hover{background:#333}.floating-key{animation:floatKey 5s ease-in-out infinite}@keyframes floatKey{0%{transform:translate(0) rotate(0)}25%{transform:translate(2px,-3px) rotate(.5deg)}50%{transform:translate(-2px,2px) rotate(-.3deg)}75%{transform:translate(3px,1px) rotate(.4deg)}to{transform:translate(0) rotate(0)}}.cipher-key.floating-key:hover{animation-play-state:paused}.control-btn.floating-key{animation:floatKey 5s ease-in-out infinite}.control-btn.floating-key:hover{animation-play-state:paused}.cipher-key.delete-key svg{stroke:#d4d4d4}.decoded-text .glitch{display:inline-block;position:relative;min-width:.6em;text-align:center;margin-right:-.05em}.decoded-text .decoded-char{font-family:Handwritten Jake,Courier New,monospace}.decoded-text .pigpen-char{font-family:Pigpen Hand,monospace;font-size:1em}.cipher-key .pigpen-key-char{font-family:Pigpen Hand,monospace;font-size:28px;line-height:1}@media(min-width:1200px){.cipher-key .pigpen-key-char{font-size:32px}}@media(min-width:1600px){.cipher-key .pigpen-key-char{font-size:36px}}@media(min-width:2000px){.cipher-key .pigpen-key-char{font-size:42px}}.cipher-key .delete-icon{font-family:Handwritten Jake,sans-serif;font-size:24px;color:#d4d4d4}.validation-message{position:absolute;top:0;left:0;right:0;background:#f33;border:3px solid #1a1a1a;padding:15px 20px;min-height:60px;font-size:32px;font-family:Courier New,monospace;font-weight:700;text-align:center;box-shadow:4px 4px #1a1a1a;z-index:10;opacity:0;display:flex;align-items:center;justify-content:center;animation:glitchIn .3s ease forwards,floatContent 8s ease-in-out infinite;animation-delay:0s,.3s}.validation-message.success{background:#3f3}.validation-message.glitch-out{animation:glitchOut .3s ease forwards}@keyframes glitchIn{0%{opacity:0;transform:translate(10px,-10px);filter:blur(5px)}25%{opacity:.5;transform:translate(-5px,5px)}50%{opacity:.8;transform:translate(3px,-3px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes glitchOut{0%{opacity:1;transform:translate(0);filter:blur(0)}25%{opacity:.8;transform:translate(-3px,3px)}50%{opacity:.5;transform:translate(5px,-5px)}to{opacity:0;transform:translate(-10px,10px);filter:blur(5px)}}.control-buttons{display:flex;gap:15px;justify-content:center}.control-btn{background:#1a1a1a;color:#d4d4d4;border:none;padding:15px 30px;font-family:Handwritten Jake,Courier New,monospace;font-size:18px;font-weight:400;cursor:pointer;transition:all .2s ease;letter-spacing:2px}.control-btn:hover{background:#fff;color:#1a1a1a;transform:translate(-2px,-2px);box-shadow:4px 4px #1a1a1a}.control-btn:active{transform:translate(0);box-shadow:2px 2px #1a1a1a}.back-btn{position:fixed;top:40px;left:40px;font-size:48px;font-weight:700;color:#1a1a1a;text-decoration:none;z-index:20;transition:transform .3s ease;text-shadow:2px 2px 4px rgba(0,0,0,.3);cursor:pointer}.back-btn:hover{transform:scale(1.3)}.brand-name{position:fixed;bottom:40px;left:50%;transform:translate(-50%);font-size:126px;font-weight:700;letter-spacing:6px;color:#1a1a1a;display:none;transition:transform .5s ease-out;z-index:2}.brand-letter{display:inline-block;animation:subtleFloat 6s ease-in-out infinite}@keyframes subtleFloat{0%{transform:translate(0) rotate(0)}25%{transform:translate(2px,-2px) rotate(.1deg)}50%{transform:translate(-2px,3px) rotate(-.1deg)}75%{transform:translate(3px,1px) rotate(.15deg)}to{transform:translate(0) rotate(0)}}.brand-name.slide-left{transform:translate(-200vw)}.brand-name.slide-right{transform:translate(200vw)}@media(max-width:768px){body:before{width:90vw}#home{flex-direction:column;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh;transition:all .5s ease}#home.viewing-content-right,#home.viewing-content-left{width:100%;left:50%;height:20vh;top:0;transform:translate(-50%);justify-content:center;align-items:center}.logo-container{width:200px;height:200px}nav{width:600px;height:600px}nav a{font-size:24px;padding:12px 24px}.nav-icon{font-size:42px}.nav-label{font-size:16px}nav a:nth-child(1){top:5%;left:50%;transform:translate(-50%)}nav a:nth-child(2){right:15%;top:50%}nav a:nth-child(3){bottom:30%;right:18%}nav a:nth-child(4){left:15%;top:50%}nav a:nth-child(5){inset:auto auto 5% 50%;opacity:.08;font-size:20px;padding:8px 12px;transform:translate(-50%)}nav a:nth-child(6){top:15%;right:20%;font-size:42px}nav a:nth-child(7){bottom:15%;left:20%;font-size:42px}nav a:nth-child(8){top:15%;left:20%;font-size:42px}.section{top:auto;bottom:0;height:80vh;width:100%;transition:transform .5s ease,opacity .5s ease}.section.slide-from-right,.section.slide-from-left{left:0;width:100%;bottom:0;top:auto;transform:translateY(100%)}.section.active{bottom:0;top:auto;transform:translateY(0)}.section-content{padding:40px 20px}.brand-name{font-size:32px;bottom:20px}.section-content{padding:60px 20px}.section h2{font-size:32px}}@media(max-width:480px){body:before{width:95vw}.logo-container{width:180px;height:180px}nav a{font-size:18px;padding:10px 16px;letter-spacing:1px}.brand-name{font-size:24px}}.brush-size-container{width:100%;max-width:min(400px,90%);align-items:center;animation:floatContent 8s ease-in-out infinite;animation-delay:.1s}.brush-size-slider{width:100%;height:clamp(35px,5vh,50px);background:#fff;border:3px solid #1a1a1a;border-radius:10px;box-shadow:4px 4px #1a1a1a;padding:0 15px;display:flex;align-items:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.brush-size-slider:hover{transform:translateY(-6px);box-shadow:6px 8px #1a1a1a}#brush-size-input{width:100%;height:20px;-webkit-appearance:none;appearance:none;background:transparent;outline:none;cursor:pointer}#brush-size-input::-webkit-slider-track{width:100%;height:8px;background:#d4d4d4;border-radius:4px;border:2px solid #1a1a1a}#brush-size-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#1a1a1a;border-radius:50%;cursor:pointer;border:3px solid #fff;box-shadow:0 0 0 2px #1a1a1a}#brush-size-input::-moz-range-track{width:100%;height:8px;background:#d4d4d4;border-radius:4px;border:2px solid #1a1a1a}#brush-size-input::-moz-range-thumb{width:24px;height:24px;background:#1a1a1a;border-radius:50%;cursor:pointer;border:3px solid #fff;box-shadow:0 0 0 2px #1a1a1a}.snow-game-section{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0f;display:flex;justify-content:center;align-items:center;font-family:Courier New,monospace;z-index:1000}.snow-game-container{position:relative;border:4px solid #2a3a4a;border-radius:8px;box-shadow:0 0 40px #6496c833}.snow-game-canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.snow-game-close{position:absolute;top:-40px;right:0;background:#2a3a4acc;border:2px solid #4a6a8a;border-radius:4px;color:#a8d8ea;padding:4px 12px;font-family:Courier New,monospace;font-size:12px;cursor:pointer;transition:all .2s}.snow-game-close:hover{background:#3a5a7a;border-color:#6a9aba}.interact-prompt{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000c;color:#a8d8ea;padding:8px 16px;border-radius:4px;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none}.interact-prompt.visible{opacity:1}.dialog-box{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:#0a0f19f2;color:#e8f4f8;padding:16px 24px;border-radius:8px;border:2px solid #4a6a8a;font-size:16px;max-width:80%;text-align:center;opacity:0;transition:opacity .3s;pointer-events:none}.dialog-box.visible{opacity:1}.settings-button{position:absolute;bottom:12px;right:12px;width:32px;height:32px;background:#0a141ecc;border:2px solid #4a6a8a;border-radius:6px;color:#a8d8ea;font-size:16px;cursor:pointer;transition:all .2s;z-index:80}.settings-button:hover{background:#1e3246e6;border-color:#6a8aaa;transform:scale(1.1)}.settings-menu{position:absolute;bottom:50px;right:12px;background:#0a141ef2;border:2px solid #4a6a8a;border-radius:8px;padding:16px;min-width:160px;z-index:85;box-shadow:0 0 20px #00000080}.settings-title{color:#a8d8ea;font-size:14px;font-weight:700;font-family:Courier New,monospace;margin-bottom:10px;border-bottom:1px solid #3a5a7a;padding-bottom:6px}.settings-controls{color:#8ab8c8;font-size:11px;font-family:Courier New,monospace;line-height:1.8;margin-bottom:12px}.reset-button{width:100%;padding:8px;background:#4a2020;border:2px solid #8a4040;border-radius:4px;color:#e8a8a8;font-size:11px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s;margin-bottom:8px}.reset-button:hover{background:#6a3030;border-color:#aa6060}.settings-close-button{width:100%;padding:8px;background:#2a4a5a;border:2px solid #4a6a8a;border-radius:4px;color:#a8d8ea;font-size:11px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s}.settings-close-button:hover{background:#3a5a6a;border-color:#6a8aaa}.hud-hp-bar-pixel{position:absolute;bottom:12px;left:12px;width:64px;height:12px;background:#1a0a0a;border:4px solid #2a1a1a;box-shadow:inset 2px 2px #0a0505,inset -2px -2px #3a2a2a,4px 4px #0000004d;image-rendering:pixelated}.hud-hp-fill-pixel{height:100%;transition:width .1s ease-out,background-color .2s ease-out;box-shadow:inset -2px 0 #0000004d,inset 2px 2px #fff3}.minimap-container{position:absolute;top:12px;right:12px;background:#0a141ed9;border:2px solid #4a6a8a;border-radius:8px;padding:8px;box-shadow:0 0 15px #4a90b44d}.minimap-header{color:#7a9aaa;font-size:9px;text-align:center;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.minimap-grid{display:grid;grid-template-columns:repeat(3,22px);grid-template-rows:repeat(2,22px);gap:3px}.minimap-cell{width:22px;height:22px;background:#1e283299;border:1px solid #2a3a4a;border-radius:3px;transition:all .3s ease;position:relative}.minimap-cell.discovered{background:#2a4a6a;border-color:#4a6a8a}.minimap-cell.current{background:#4a7a9a;border-color:#6a9aba;box-shadow:0 0 8px #6a9aba99}.minimap-cell.has-ocean:before{content:"";position:absolute;top:2px;left:2px;right:2px;height:4px;background:linear-gradient(to bottom,#1a3a5c,#2a5a7c);border-radius:2px 2px 0 0}.minimap-player{position:absolute;width:6px;height:6px;background:#e8e8e8;border:1px solid #ffffff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #fffc;animation:playerPulse 1.5s ease-in-out infinite}@keyframes playerPulse{0%,to{box-shadow:0 0 4px #fffc}50%{box-shadow:0 0 8px #fff}}.room-transition{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0f;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:50}.room-transition.active{opacity:1}.psychedelic-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:60;opacity:0;mix-blend-mode:screen}.psychedelic-overlay.active{animation:psychedelicFlash .8s ease-out forwards}@keyframes psychedelicFlash{0%{opacity:1;background:radial-gradient(circle at 50% 50%,#f0f,#0ff,#ff0,#f0f);filter:hue-rotate(0deg) blur(0px);transform:scale(1)}20%{opacity:1;background:radial-gradient(circle at 30% 70%,#0ff,#f0f,#0f0,#f60);filter:hue-rotate(90deg) blur(2px);transform:scale(1.05)}40%{opacity:.9;background:radial-gradient(circle at 70% 30%,#ff0,#f06,#0ff,#90f);filter:hue-rotate(180deg) blur(4px);transform:scale(1.1)}60%{opacity:.7;background:radial-gradient(circle at 50% 50%,#f60,#0f9,#f0f,#06f);filter:hue-rotate(270deg) blur(2px);transform:scale(1.05)}80%{opacity:.4;background:radial-gradient(circle at 40% 60%,#0ff,#f0f,#ff0);filter:hue-rotate(360deg) blur(1px);transform:scale(1)}to{opacity:0;background:transparent;filter:hue-rotate(360deg) blur(0px);transform:scale(1)}}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-4px,2px)}20%{transform:translate(4px,-2px)}30%{transform:translate(-3px,-3px)}40%{transform:translate(3px,3px)}50%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}70%{transform:translate(-1px,2px)}80%{transform:translate(1px,-1px)}90%{transform:translate(-1px)}}.inventory-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;justify-content:center;align-items:center;z-index:100}.inventory-overlay.visible{display:flex}.inventory-panel{background:linear-gradient(135deg,#1a2a3a,#0a1520);border:3px solid #4a6a8a;border-radius:12px;padding:20px;min-width:320px;box-shadow:0 0 30px #4a90b44d}.inventory-header{text-align:center;color:#a8d8ea;font-size:18px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #3a5a7a}.player-stats{background:#0a1520;border:2px solid #3a5a7a;border-radius:8px;padding:12px;margin-bottom:15px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-item{color:#a8d8ea;font-size:12px}.stat-label{color:#6a8a9a}.stat-value{color:#c8e8f8;font-weight:700}.xp-bar{grid-column:1 / -1;background:#1a2a3a;border-radius:4px;height:8px;overflow:hidden;margin-top:4px}.xp-bar-fill{height:100%;background:linear-gradient(to right,#4a8ada,#6aaafc);transition:width .3s ease}.inventory-grid{display:grid;grid-template-columns:repeat(5,52px);gap:8px;justify-content:center}.inventory-slot{width:52px;height:52px;background:#0a1520;border:2px solid #3a5a7a;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.inventory-slot:hover{border-color:#6a9aba;box-shadow:0 0 10px #6a9aba66}.inventory-slot.drag-over{border-color:#8abadc;background:#1a3a5a}.inventory-item{width:40px;height:40px;cursor:grab;display:flex;align-items:center;justify-content:center;transition:transform .15s;image-rendering:pixelated}.inventory-item:hover{transform:scale(1.15)}.inventory-item:active{cursor:grabbing}.inventory-item canvas{image-rendering:pixelated}.item-tooltip{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:#0a1520f2;border:2px solid #4a6a8a;border-radius:6px;padding:8px 12px;white-space:nowrap;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s}.inventory-slot:hover .item-tooltip{opacity:1}.tooltip-name{color:#a8d8ea;font-size:13px;font-weight:700}.tooltip-desc{color:#7a9aaa;font-size:11px;margin-top:4px}.inventory-close-hint{text-align:center;color:#a8d8ea80;font-size:11px;margin-top:15px}.battle-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#c8d8e8,#e8f0f8,#d8e8f0);display:none;flex-direction:column;z-index:150}.battle-overlay.active{display:flex}.battle-enemy-area{flex:1;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#a8c8e0,#c8e0f0);border:4px solid #2a3a4a;border-radius:8px;margin:12px;position:relative;overflow:hidden}.battle-enemy-area:before{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,transparent,rgba(200,220,240,.5))}.battle-enemy-canvas{position:relative;z-index:1;image-rendering:pixelated;image-rendering:crisp-edges}.battle-anim-canvas{position:absolute;top:0;left:0;pointer-events:none;z-index:10;image-rendering:pixelated}.battle-hp-box{position:absolute;background:linear-gradient(to bottom,#f8f8f0,#e8e8e0);border:3px solid #3a3a3a;border-radius:8px;padding:8px 12px;box-shadow:2px 2px #2a2a2a}.battle-hp-box.enemy{top:20px;left:20px;min-width:160px}.battle-hp-box.player{bottom:20px;right:20px;min-width:180px}.hp-box-name{font-size:14px;font-weight:700;color:#2a2a2a;margin-bottom:4px}.hp-box-level{font-size:11px;color:#5a5a5a;float:right}.hp-bar-container{display:flex;align-items:center;gap:6px}.hp-label{font-size:11px;font-weight:700;color:#d89020}.hp-bar-outer{flex:1;height:8px;background:#3a3a3a;border-radius:4px;overflow:hidden;box-shadow:inset 1px 1px 2px #00000080}.hp-bar-inner{height:100%;background:linear-gradient(to bottom,#50e850,#30c030,#20a020);transition:width .3s ease;border-radius:4px}.hp-bar-inner.medium{background:linear-gradient(to bottom,#e8d850,#c8b030,#a89020)}.hp-bar-inner.low{background:linear-gradient(to bottom,#e85050,#c03030,#a02020)}.hp-text{font-size:10px;color:#4a4a4a;text-align:right;margin-top:2px}.battle-text-area{background:#0a0a0f;border:4px solid #e8e8e8;border-radius:8px;margin:0 12px 12px;padding:16px;min-height:140px;display:flex;flex-direction:column}.battle-text{color:#e8e8e8;font-size:16px;line-height:1.5;flex:1}.battle-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.battle-menu-item{background:#1a1a2a;border:2px solid #4a4a6a;border-radius:4px;padding:8px 16px;color:#e8e8e8;font-size:14px;cursor:pointer;transition:all .15s;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Courier New,monospace}.battle-menu-item:hover{background:#2a2a4a;border-color:#6a6a9a;transform:scale(1.02)}.battle-menu-item.selected{background:#3a3a6a;border-color:#8a8aba;box-shadow:0 0 10px #8a8aba80}.menu-icon{image-rendering:pixelated;image-rendering:crisp-edges}.game-over-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0505f2;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:200}.game-over-overlay.active{display:flex}.game-over-text{color:#c33;font-size:48px;font-weight:700;text-shadow:0 0 20px rgba(200,50,50,.8);margin-bottom:30px}.game-over-button{background:#2a1a1a;border:3px solid #aa4444;border-radius:8px;padding:16px 32px;color:#e8a8a8;font-size:18px;cursor:pointer;transition:all .2s;font-family:Courier New,monospace}.game-over-button:hover{background:#4a2a2a;border-color:#c66;transform:scale(1.05)}.xp-popup{position:absolute;color:#1a1a1a;font-size:10px;font-weight:700;font-family:Courier New,monospace;text-shadow:1px 1px 0 rgba(255,255,255,.3);pointer-events:none;z-index:100;transform:translate(-50%)}.item-popup{position:absolute;color:#2a8a2a;font-size:11px;font-weight:700;font-family:Courier New,monospace;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;pointer-events:none;z-index:100;transform:translate(-50%);white-space:nowrap}.inventory-slot.clickable{cursor:pointer}.inventory-slot.clickable:hover{background:#5078a04d;border-color:#8abadc}.tooltip-use{color:#8c8;font-size:10px;margin-top:4px;font-style:italic}.scroll-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:300}.scroll-content{background:#0a0a0a;border:none;padding:0;max-width:90vw;max-height:90vh;text-align:center}.scroll-image-container{max-height:90vh;display:flex;align-items:center;justify-content:center}.scroll-image-container img{max-width:90vw;max-height:85vh;object-fit:contain}.scroll-placeholder{color:#333;padding:40px;font-style:italic}