body,html{margin:0;padding:0;font-family:Bangers,cursive;color:#fff;overflow-x:hidden;overflow-y:hidden}#sketch-holder{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}#landing-page{display:flex;justify-content:center;align-items:center;height:100vh;background:rgba(0,0,0,.7);transition:background .5s ease-out;perspective:1000px}#landing-page h1{font-size:5vw;color:#d5fa1b;text-shadow:0 0 10px #d5fa1b;cursor:pointer;transition:all .5s ease-out;transform-style:preserve-3d;text-align:center;padding:0 20px}#landing-page h1.animate-out{animation:blurFadeOut .5s ease-out forwards}@keyframes blurFadeOut{0%{opacity:1;filter:blur(0px);transform:translateZ(0) scale(1)}to{opacity:0;filter:blur(20px);transform:translateZ(1000px) scale(1.5)}}#portfolio{display:none;opacity:0;transition:opacity .5s ease-in-out}#portfolio.visible{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;opacity:1;padding:20px;box-sizing:border-box}nav{position:fixed;top:20px;left:0;right:0;text-align:center;z-index:10}nav ul{list-style-type:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap}nav li{margin:0 10px}nav a{color:#d5fa1b;text-decoration:none;font-size:1.2em;transition:text-shadow .3s ease;padding:5px 10px}nav a:hover{text-shadow:0 0 10px #d5fa1b}.content{padding:20px;max-width:800px;width:100%;margin:60px auto 0;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}h2{color:#d5fa1b;font-size:3em;text-align:center;margin-bottom:30px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px #d5fa1b}#about h2{position:relative;animation:none;top:-.25in}.nav-arrow{display:none}@keyframes ship-spin{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}.nav-arrow .nav-tail{position:absolute;left:50%;top:24px;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:14px solid #ff8a00;filter:drop-shadow(0 0 6px rgba(255,138,0,.8))}.nav-arrow .nav-tail:after{content:"";position:absolute;left:50%;top:-14px;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid #000}.nav-arrow .nav-head{position:absolute;left:50%;top:6px;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:18px solid #d5fa1b;filter:drop-shadow(0 0 6px rgba(213,250,27,.8))}.nav-arrow .nav-boost{position:absolute;right:20px;bottom:10px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #ff8a00;opacity:0}.nav-arrow.firing .nav-head{animation:arrow-turn-left .22s ease-out forwards}.nav-arrow.firing .nav-tail{animation:tail-flare .22s ease-out forwards}.nav-arrow.firing .nav-boost{animation:boost-pop .12s ease-out forwards,boost-fade .26s ease-out .12s forwards}@keyframes arrow-turn-left{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(-90deg)}}@keyframes tail-flare{0%{transform:translateY(0) scale(1);opacity:.9}60%{transform:translateY(6px) scale(1.15);opacity:1}to{transform:translateY(12px) scale(.8);opacity:0}}@keyframes boost-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes boost-fade{0%{opacity:1}to{opacity:0}}#about.shoot-left{animation:shootLeft .36s cubic-bezier(.2,.8,.2,1) forwards}@keyframes shootLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-120%);opacity:0}}#about h2:before,#about h2:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%}#about h2:before{left:0;text-shadow:-5px -1px #ff00f0,-3px 0 #ff00c1;clip:rect(44px,450px,56px,0);will-change:transform,clip,text-shadow;filter:brightness(1.3) contrast(1.85) saturate(2) drop-shadow(0 0 3px rgba(255,0,200,.7));mix-blend-mode:screen;pointer-events:none;background-image:repeating-linear-gradient(transparent 0 2px,rgba(255,255,255,.08) 2px 3px);background-size:100% 3px;animation:glitch-anim 1.7s steps(30) infinite,glitch-shift 1.2s steps(18) infinite,glitch-flicker 2.3s steps(40) infinite,glitch-slice-1 1.3s steps(20) infinite alternate,glitch-scan 1.4s steps(28) infinite,glitch-burst 7.2s cubic-bezier(.3,.7,.4,1) infinite,glitch-chroma 1.1s steps(16) infinite,glitch-tilt 3.8s ease-in-out infinite alternate,glitch-rgb-smear 7.2s steps(1) infinite}#about h2:after{left:0;text-shadow:5px 1px #00fff9,3px 0 #00e5ff;will-change:transform,clip,text-shadow;filter:brightness(1.35) contrast(1.9) saturate(2.1) drop-shadow(0 0 3px rgba(0,255,249,.7));mix-blend-mode:screen;pointer-events:none;background-image:repeating-linear-gradient(transparent 0 2px,rgba(255,255,255,.06) 2px 3px);background-size:100% 3px;animation:glitch-anim2 .45s steps(36) infinite,glitch-shift .75s steps(24) infinite,glitch-flicker 2.1s steps(38) infinite reverse,glitch-slice-2 1.1s steps(22) infinite alternate-reverse,glitch-scan 1.2s steps(30) infinite reverse,glitch-burst 6.6s cubic-bezier(.3,.7,.4,1) infinite reverse,glitch-chroma .95s steps(18) infinite reverse,glitch-tilt 3.2s ease-in-out infinite alternate-reverse,glitch-rgb-smear 6.6s steps(1) infinite reverse}@keyframes glitch-rgb-smear{87%{text-shadow:-1px 0 rgba(255,0,240,1),-2px 0 rgba(255,0,240,.9),-3px 0 rgba(255,0,240,.75),-4px 0 rgba(255,0,240,.6),-6px 0 rgba(255,0,240,.45),-8px 0 rgba(255,0,240,.3)}89%{text-shadow:1px 0 rgba(0,255,249,1),2px 0 rgba(0,255,249,.9),3px 0 rgba(0,255,249,.75),4px 0 rgba(0,255,249,.6),6px 0 rgba(0,255,249,.45),8px 0 rgba(0,255,249,.3)}91%{text-shadow:-2px 0 rgba(255,0,240,.8),-4px 0 rgba(255,0,240,.55),2px 0 rgba(0,255,249,.8),4px 0 rgba(0,255,249,.55)}}@keyframes glitch-shift{0%{transform:translate(0)}20%{transform:translate(-1px,1px) skew(.25deg)}40%{transform:translate(1px,-1px) skew(-.25deg)}60%{transform:translate(-2px,.5px) skew(.35deg)}80%{transform:translate(2px,-1px) skew(-.35deg)}to{transform:translate(0)}}@keyframes glitch-flicker{0%{opacity:1}10%{opacity:.88}20%{opacity:1}30%{opacity:.9}40%{opacity:1}50%{opacity:.86}60%{opacity:1}70%{opacity:.92}80%{opacity:1}90%{opacity:.9}to{opacity:1}}@keyframes glitch-scan{0%{background-position-y:0}to{background-position-y:3px}}@keyframes glitch-slice-1{0%{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(2% 0 65% 0);transform:translate(-1px,.5px) skew(.2deg)}40%{clip-path:inset(40% 0 40% 0);transform:translate(1px,-.5px) skew(-.2deg)}60%{clip-path:inset(70% 0 5% 0);transform:translate(-2px,.5px) skew(.3deg)}80%{clip-path:inset(15% 0 60% 0);transform:translate(2px,-.5px) skew(-.3deg)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes glitch-slice-2{0%{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(65% 0 2% 0);transform:translate(1px,-.5px) skew(-.2deg)}40%{clip-path:inset(35% 0 35% 0);transform:translate(-1px,.5px) skew(.2deg)}60%{clip-path:inset(5% 0 70% 0);transform:translate(2px,-.5px) skew(-.3deg)}80%{clip-path:inset(60% 0 15% 0);transform:translate(-2px,.5px) skew(.3deg)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes glitch-burst{0%,86%{transform:translate(0) skew(0) scale(1)}87%{transform:translate(-8px,3px) skew(.8deg) scale(1.01)}88%{transform:translate(6px,-4px) skew(-.7deg) scale(1.02)}89%{transform:perspective(420px) rotateX(6deg) rotateY(-4deg) translate(2px,-2px)}90%{transform:translate(-10px,1px) skew(1deg) scale(1.005)}91%{transform:translate(4px,-2px) skew(-.6deg) scale(1)}92%,to{transform:translate(0) skew(0) scale(1)}}@keyframes glitch-chroma{0%{text-shadow:-5px -1px #ff00f0,-3px 0 #ff00c1,0 0 #00fff9}20%{text-shadow:-4px 0 #ff00f0,-2px -1px #ff00c1,4px 0 #00fff9}40%{text-shadow:-6px 1px #ff00f0,-3px 1px #ff00c1,5px -1px #00e5ff}60%{text-shadow:-3px -2px #ff00f0,-1px 0 #ff00c1,6px 1px #00fff9}80%{text-shadow:-7px 0 #ff00f0,-4px -1px #ff00c1,3px -2px #00e5ff}to{text-shadow:-5px -1px #ff00f0,-3px 0 #ff00c1,0 0 #00fff9}}@keyframes glitch-tilt{0%{transform:translate(0) perspective(400px) rotateX(0) rotateY(0)}25%{transform:translate(-.5px,.5px) perspective(400px) rotateX(1deg) rotateY(-1deg)}50%{transform:translate(.5px,-.5px) perspective(400px) rotateX(-1deg) rotateY(1deg)}75%{transform:translate(-.5px,-.5px) perspective(400px) rotateX(1.2deg) rotateY(.8deg)}to{transform:translate(0) perspective(400px) rotateX(0) rotateY(0)}}@media (max-width: 767px){#landing-page h1{text-shadow:0 0 2px #d5fa1b;font-size:clamp(28px,9vw,52px)}#about h2{text-shadow:none}#about h2:before,#about h2:after{mix-blend-mode:normal;filter:none;background-image:none;clip:auto}#about h2:before{text-shadow:-4px 0 #ff00f0,-2px 0 #ff00c1;animation:glitch-anim 1.35s steps(26) infinite,glitch-slice-1 1.05s steps(20) infinite alternate,glitch-shift .9s steps(22) infinite,glitch-scan 1.4s steps(24) infinite,glitch-tilt 3s ease-in-out infinite alternate}#about h2:after{text-shadow:4px 0 #00fff9,2px 0 #00e5ff;animation:glitch-anim2 1.15s steps(28) infinite reverse,glitch-slice-2 .95s steps(22) infinite alternate-reverse,glitch-shift .8s steps(20) infinite reverse,glitch-scan 1.2s steps(26) infinite reverse,glitch-tilt 2.8s ease-in-out infinite alternate-reverse}}@keyframes glitch-lite-a{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-2px,-1px)}to{transform:translate(0)}}@keyframes glitch-lite-b{0%{transform:translate(0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}75%{transform:translate(2px,1px)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){#about h2:before,#about h2:after{animation:none!important;opacity:.8}}@media (hover: none) and (pointer: coarse){#about h2:before,#about h2:after{filter:none;mix-blend-mode:normal;background-image:none}#about h2:before{text-shadow:-4px 0 #ff00c1;animation:glitch-anim 1.3s steps(24) infinite,glitch-slice-1 1s steps(18) infinite alternate,glitch-shift .85s steps(18) infinite,glitch-scan 1.3s steps(22) infinite}#about h2:after{text-shadow:4px 0 #00fff9;animation:glitch-anim2 1.1s steps(26) infinite reverse,glitch-slice-2 .9s steps(20) infinite alternate-reverse,glitch-shift .8s steps(18) infinite reverse,glitch-scan 1.2s steps(24) infinite reverse}}@keyframes glitch-anim{0%{clip:rect(54px,9999px,56px,0)}5%{clip:rect(99px,9999px,76px,0)}10%{clip:rect(23px,9999px,44px,0)}95%{clip:rect(87px,9999px,32px,0)}to{clip:rect(12px,9999px,65px,0)}}@keyframes glitch-anim2{0%{clip:rect(76px,9999px,34px,0)}5%{clip:rect(12px,9999px,87px,0)}10%{clip:rect(65px,9999px,23px,0)}95%{clip:rect(54px,9999px,98px,0)}to{clip:rect(32px,9999px,10px,0)}}.hidden{display:none!important}#loading-text{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2em;color:#d5fa1b}.about-content{font-size:1.2em;line-height:1.6;max-width:100%;margin:0 auto}#about .about-content{margin-top:-.25in}.contact-form{display:flex;flex-direction:column;gap:20px;max-width:500px;width:100%;margin:30px auto;padding:20px;font-family:Bangers,cursive}.contact-form input,.contact-form textarea{padding:15px;font-size:1em;background-color:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:5px;transition:border .3s ease;width:100%;box-sizing:border-box;font-family:Bangers,cursive;margin:0;position:relative}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:transparent}.contact-form input,.contact-form textarea{position:relative}.contact-form input:after,.contact-form textarea:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:transparent;border-radius:5px;pointer-events:none;z-index:1}.contact-form input:focus:after,.contact-form textarea:focus:after{background:linear-gradient(90deg,transparent,#d5fa1b,transparent);background-size:200% 100%;animation:comet 2s linear infinite}@keyframes comet{0%{background-position:200% 0}to{background-position:-200% 0}}.contact-form textarea{height:150px;resize:vertical}.contact-form button{padding:15px 25px;font-size:1.2em;background-color:#d5fa1b;color:#000;border:0 solid;box-shadow:inset 0 0 20px #fff0;outline:1px solid;outline-color:#ffffff80;outline-offset:0px;text-shadow:none;transition:all .3s cubic-bezier(.19,1,.22,1);border-radius:5px;cursor:pointer;transform:skew(-10deg);margin:20px auto 0;position:relative;overflow:hidden;font-family:Bangers,cursive}.contact-form button:hover{border:1px solid;box-shadow:inset 0 0 20px #ffffff80,0 0 20px #fff3;outline-color:#fff0;outline-offset:15px;text-shadow:1px 1px 2px #427388;transform:skew(-10deg) scale(1.05)}.contact-form button:active{transform:skew(-10deg) scale(1)}.contact-form button span{position:relative;z-index:1}.send-ship .ship-wrap{position:relative;display:inline-block;width:60px;height:24px;transform-style:preserve-3d;animation:ship-spin 12s linear infinite}.send-ship .ship-tail{position:absolute;right:20px;top:6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:12px solid #ff8a00;filter:drop-shadow(0 0 6px rgba(255,138,0,.9));z-index:1}.send-ship .ship-tail:after{display:none}.send-ship .ship-head{position:absolute;right:0;top:0;width:0;height:0;border-left:20px solid #d5fa1b;border-top:12px solid transparent;border-bottom:12px solid transparent;filter:drop-shadow(0 0 6px rgba(213,250,27,.8));z-index:2}.send-ship .ship-head:after{display:none}.send-ship .ship-boost{position:absolute;left:6px;top:18px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #ff8a00;opacity:0}.send-ship:active .ship-boost{animation:boost-pop .16s ease-out forwards,boost-fade .26s ease-out .14s forwards}.send-ship:hover .ship-boost{animation:none}.send-ship:hover .ship-wrap{animation-duration:2s}.send-ship.launching .ship-wrap{animation:ship-spin 12s linear infinite,ship-fade 1.2s ease-in-out forwards}@keyframes ship-fade{0%{opacity:1;filter:blur(0px);transform:scale(1)}40%{opacity:0;filter:blur(1px);transform:scale(.95)}60%{opacity:0;filter:blur(1px);transform:scale(1.04)}to{opacity:1;filter:blur(0px);transform:scale(1)}}@media screen and (max-width: 768px){#landing-page h1{text-shadow:none;font-size:8vw}h2{font-size:2.5em}.about-content{font-size:1em}.contact-form{padding:10px}.contact-form input,.contact-form textarea,.contact-form button{font-size:.9em}.iphone-chat{margin:10px 10px 30px;padding:15px;border-radius:40px;height:calc(100vh - 120px);max-width:100%;display:flex;flex-direction:column;box-sizing:border-box;background:rgba(13,13,13,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(213,250,27,.2);box-shadow:0 0 20px #d5fa1b1a;position:relative;transform:translateY(-35px)}.chat-container{flex:1;display:flex;flex-direction:column;width:100%;border-radius:30px;overflow:hidden;max-height:calc(100vh - 140px)}.chat-messages{flex:1;overflow-y:auto;padding:15px;margin-bottom:10px;max-height:calc(100vh - 350px)}.message-input-wrapper{position:sticky;bottom:0;left:0;right:0;padding:10px 10px 25px;width:100%;background:rgba(0,0,0,.5);margin:0;box-sizing:border-box;border-bottom-left-radius:30px;border-bottom-right-radius:30px}#contact.component{padding-top:0}@supports (padding: max(0px)){.iphone-chat{height:calc(100vh - max(120px,env(safe-area-inset-top) + env(safe-area-inset-bottom) + 60px));margin:10px max(10px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom) + 20px) max(10px,env(safe-area-inset-left));transform:translateY(-35px)}.message-input-wrapper{padding-bottom:max(25px,env(safe-area-inset-bottom) + 10px)}.chat-container{max-height:calc(100vh - max(140px,env(safe-area-inset-top) + env(safe-area-inset-bottom) + 60px))}}}@supports (padding: max(0px)){body{padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.iphone-chat{max-width:400px;margin:20px auto;position:relative;background:rgba(13,13,13,.3);border-radius:40px;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(213,250,27,.2);box-shadow:0 0 20px #d5fa1b1a}.chat-container{background:transparent;border-radius:30px;overflow:visible;position:relative}.chat-header{padding:15px;text-align:center;border-bottom:1px solid rgba(213,250,27,.2)}.status-bar{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Bangers,cursive;letter-spacing:2px}.status-dot.online{width:8px;height:8px;border-radius:50%;background:#d5fa1b;box-shadow:0 0 10px #d5fa1b80;animation:pulse 2s infinite}.status-text{color:#d5fa1b;text-shadow:0 0 5px rgba(213,250,27,.5)}.chat-messages{padding:20px;max-height:400px;overflow-y:auto}.chat-messages{scrollbar-color:#ff8a00 transparent}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background-color:#ff8a00;border-radius:8px}.message{margin-bottom:20px;opacity:0;max-width:85%;margin-right:auto}.message.received{animation:slideInMessage .5s ease forwards}.message.sent{margin-left:auto;margin-right:0;animation:slideInResponse .5s ease forwards}.message:nth-child(2){animation-delay:.2s}.message:nth-child(3){animation-delay:.4s}.message-content{max-width:80%;transform-origin:left center;will-change:transform,opacity}.sent .message-content{transform-origin:right center}.message-bubble{padding:12px 16px;border-radius:20px;font-family:Bangers,cursive;letter-spacing:1px;line-height:1.4;position:relative}.received .message-bubble{background:rgba(213,250,27,.1);border:1px solid rgba(213,250,27,.2);color:#d5fa1b;border-bottom-left-radius:5px;margin-right:auto}.sent .message-bubble{background:#d5fa1b;color:#000;border-bottom-right-radius:5px;margin-left:auto}.message-time{font-size:.7em;color:#d5fa1b99;margin-top:5px;font-family:Bangers,cursive;text-align:right;padding-right:10px}.message-input-wrapper{padding:15px;background:rgba(0,0,0,.3);border-top:1px solid rgba(213,250,27,.2);width:100%;box-sizing:border-box;position:relative;bottom:0}.send-ship{position:relative;top:-12px}.send-ship .ship-wrap{pointer-events:none}.chat-input{width:100%;box-sizing:border-box;background:rgba(255,255,255,.05);border:1px solid rgba(213,250,27,.2);border-radius:20px;padding:12px;color:#fff;font-family:Bangers,cursive;letter-spacing:1px;margin-bottom:10px}.message-input-container{display:flex;gap:10px;align-items:flex-end;width:100%;box-sizing:border-box}.message-input{flex:1;resize:none;min-height:44px;max-height:120px;width:calc(100% - 54px)}.send-button{position:relative;width:56px;height:36px;border:none;background:transparent;cursor:pointer;transition:transform .3s ease;padding:0;z-index:5}.send-button svg{position:relative;z-index:2;width:24px;height:24px;color:#000}.send-button:hover{transform:scale(1.05)}.send-button:hover svg{color:#d5fa1b}.send-button:after{display:none}.send-button.clicked{transform:scale(1.08)}@keyframes ringExpand{0%{width:100%;height:100%;opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes slideInMessage{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInResponse{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@media screen and (min-width: 769px){#about h2{font-size:calc(2 * var(--base-font-size, 2em))}#about .about-content{font-size:calc(1.5 * var(--base-content-size, 1em));max-width:800px;margin:0 auto}}#planet{width:100vw;height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:center;background:transparent;position:fixed;top:0;left:0;z-index:1;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}#planetCanvas{width:100vw!important;height:100vh!important;cursor:grab;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#planetCanvas:active{cursor:grabbing}.game-container{position:fixed;top:0;left:0;width:100dvw;height:100dvh;margin:0;padding:0;box-sizing:border-box;background:transparent;z-index:5}.game-ui{position:fixed;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;font-family:Bangers,cursive;font-size:1.2em;color:#d5fa1b;text-shadow:0 0 5px #d5fa1b;z-index:10;pointer-events:none}.game-ui>div{background:rgba(0,0,0,.7);padding:10px 15px;border-radius:10px;border:1px solid rgba(213,250,27,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}#gameCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;border:none;background:transparent;cursor:crosshair;z-index:1}.game-controls-top{position:fixed;top:20px;right:20px;display:flex;gap:10px;z-index:10;pointer-events:none}.game-controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);text-align:center;color:#fff;font-family:Bangers,cursive;font-size:1em;line-height:1.5;z-index:10;pointer-events:none}.game-controls p{margin:5px 0;opacity:.8;background:rgba(0,0,0,.7);padding:5px 10px;border-radius:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.game-button{padding:10px 20px;font-size:1em;background-color:#d5fa1b;color:#000;border:none;border-radius:8px;cursor:pointer;font-family:Bangers,cursive;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 0 10px #d5fa1b80;pointer-events:auto}.game-button:hover{background-color:#fff;transform:scale(1.05);box-shadow:0 0 20px #d5fa1bcc}.game-button:active{transform:scale(1)}@media screen and (max-width: 768px){.game-container{width:100vw;height:100vh}.game-ui{top:10px;left:10px;right:10px;font-size:1em;flex-direction:column;gap:10px}.game-ui>div{text-align:center}.game-controls-top{top:10px;right:10px;gap:8px}#gameCanvas{width:100vw;height:100vh}.game-controls{bottom:10px;font-size:.9em}.game-button{font-size:.9em;padding:8px 16px}}