@import"https://fonts.googleapis.com/css?family=Press+Start+2P";@import"https://fonts.googleapis.com/css?family=Ubuntu:500,500italic";*{margin:0;padding:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(ellipse at 30% 70%,rgba(0,255,200,.1) 0%,transparent 50%),linear-gradient(180deg,#0d1b2a,#1b263b 40%,#274060,#1b4d5c);background-attachment:fixed;font-family:Courier New,monospace;color:#fff;overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none}#app{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;height:100vh}#gameCanvas{position:absolute;top:-3px;left:-3px;z-index:1;border:4px solid #333;background:#9bbc0f;box-shadow:0 0 20px #00000080}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#gameCanvas{image-rendering:pixelated}}#ui{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;font-family:"Press Start 2P",Courier New,monospace;font-size:10px;z-index:100;opacity:0;pointer-events:none;transition:opacity .5s ease-out}#ui.visible{opacity:1;pointer-events:auto}.ui-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;background:linear-gradient(180deg,#1b4d5ce6,#0d1b2af2);border-radius:8px;border:2px solid rgba(0,255,200,.3);box-shadow:0 0 20px #00ffc826,inset 0 1px #ffffff1a;min-width:80px}.ui-icon{font-size:16px;color:#00ffc8;text-shadow:0 0 8px rgba(0,255,200,.8);line-height:1}#score .ui-icon{color:#00ffc8}#high-score .ui-icon{color:gold;text-shadow:0 0 8px rgba(255,215,0,.8)}#lives .ui-icon{color:#ff6b6b;text-shadow:0 0 8px rgba(255,107,107,.8)}#level .ui-icon{color:#9bbc0f;text-shadow:0 0 8px rgba(155,188,15,.8)}.ui-label{font-size:8px;color:#ffffff80;letter-spacing:1px;text-transform:uppercase}.ui-value{font-size:14px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 0 rgba(0,0,0,.5);font-weight:700}.touch-controls{position:fixed;bottom:0;left:0;right:0;height:200px;pointer-events:none;z-index:1000}.touch-controls.hidden{display:none}.touch-btn{position:absolute;width:60px;height:60px;background:#30623099;border:3px solid rgba(155,188,15,.8);border-radius:8px;color:#9bbc0f;font-size:24px;font-weight:700;font-family:Arial,sans-serif;display:flex;align-items:center;justify-content:center;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer;transition:all .1s}.touch-btn:active{background:#8bac0fcc;border-color:#9bbc0f;opacity:.9}.dpad{position:absolute;left:30px;bottom:30px;width:180px;height:180px}.dpad-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#0f380f4d;border-radius:50%;pointer-events:none}.touch-up{left:50%;top:0;transform:translate(-50%)}.touch-up:active{transform:translate(-50%) scale(.95)}.touch-down{left:50%;bottom:0;transform:translate(-50%)}.touch-down:active{transform:translate(-50%) scale(.95)}.touch-left{left:0;top:50%;transform:translateY(-50%)}.touch-left:active{transform:translateY(-50%) scale(.95)}.touch-right{right:0;top:50%;transform:translateY(-50%)}.touch-right:active{transform:translateY(-50%) scale(.95)}.action-buttons{position:absolute;right:30px;bottom:30px;width:100px;height:100px}.touch-action{width:80px;height:80px;font-size:32px;background:#8bac0f99;border-color:#9bbc0f;transform:scale(1)}.touch-action:active{background:#9bbc0fe6;transform:scale(.95)}@media(max-width:768px){body{padding:10px}#gameCanvas{max-width:100%;height:auto}.touch-controls.hidden{display:block}}@media(min-width:769px){.touch-controls{display:none!important}}*{backface-visibility:hidden}.hover{font-family:"Press Start 2P",cursive;font-size:37px;color:#f2f2f2;padding:110px;width:44%;line-height:73px;text-align:center}.gameboy{position:absolute;left:50%;bottom:0;margin:auto;transform:translate3d(-50%,80%,0);transform-style:preserve-3d;transform-origin:50% 50%;height:1101px;width:660px;will-change:transform}.cube:hover .pwbtn{background:#8b0000;box-shadow:inset 4px 4px 18px #00000080}.cube:hover .nintendo{top:110px}.cube:hover .byrune{top:147px}.side{position:absolute;border:4px solid rgba(0,0,0,.05);opacity:1;filter:alpha(opacity=NaN);inset:0;margin:auto;height:367px;width:367px;transform-style:preserve-3d}.side.one{background:#a09f9c;border-radius:37px 37px 110px;height:1101px;width:660px;transform:translateZ(-92px)}.side.two{background:linear-gradient(-55deg,#a09f9c 89%,#6d6b6b);border-radius:37px 37px 110px;height:1101px;width:660px;transform:translateZ(92px)}.side.three{background:#a09f9c;height:1028px;width:183px;top:37px;bottom:37px;transform:rotateY(-90deg) translateZ(330px)}.side.four{background:#a09f9c;height:183px;width:605px;transform:rotateX(90deg) translateZ(550px)}.side.five{background:#a09f9c;height:973px;width:183px;bottom:92px;top:37px;transform:rotateY(90deg) translateZ(330px)}.side.six{background:#a09f9c;height:183px;width:532px;right:92px;left:37px;transform:rotateX(-90deg) translateZ(550px)}.deep,.deep.b{position:absolute;text-align:center;left:73px;height:29px;width:92px;background:#b5b4b0;border-radius:37px;box-shadow:inset 0 11px 18px #00000038;font-size:18px;line-height:29px;color:#a09f9c}.deep.b{bottom:4px;left:294px}.line{position:absolute;top:37px;width:100%;height:7px;background:#d5d4ce;box-shadow:4px 4px 4px gray;opacity:.3;filter:alpha(opacity=30)}.line.small,.line.small.b{width:7px;height:33px;top:0;left:37px;box-shadow:4px 0 15px}.line.small.b{left:initial;right:37px}.display .line{background:#800050;box-shadow:0 0;width:147px;height:7px;top:18px;left:18px}.display .line.t{background:#0e0050;box-shadow:0 0;width:147px;height:7px;top:29px;left:18px}.display .line.t span{position:absolute;width:367px;left:165px;top:-11px;font-size:15px;color:#d3d3d3;font-weight:100}.display .line.d{width:84px;left:initial;right:18px}.display .line.e{background:#0e0050;width:84px;top:29px;left:initial;right:18px}.display{position:absolute;left:0;right:0;top:92px;margin:auto;border:4px solid gray;border-radius:18px 18px 110px;height:422px;width:550px;background:#535360}.pwbtn{position:absolute;left:26px;top:110px;height:18px;width:18px;border-radius:18px;background-color:#222}.pwbtn span{font-size:15px;color:gray;margin-left:-7px;transform:translate3d(0,30px,0);display:block}.innerdisplay{position:absolute;inset:0;margin:auto;border:4px solid black;height:296px;width:328px;background:#606d01;box-shadow:inset 37px 26px 18px -22px #00000073;text-align:center;overflow:hidden}.nintendo,.byrune{position:absolute;width:257px;height:62px;left:0;right:0;top:-73px;margin:auto;font-family:"Press Start 2P",cursive;font-size:26px;color:#222;border-radius:37px}.byrune{top:-37px;font-size:22px}.gbtext{position:absolute;display:inline-block;top:521px;left:55px;font-size:33px;color:#170079;font-family:Ubuntu,sans-serif}.gbtext span{font-size:40px;font-family:Ubuntu,sans-serif;font-style:italic}.gbtext span p{position:absolute;bottom:-18px;right:-29px;font-size:18px;font-style:initial}.crossa,.crossb{position:absolute;border-radius:11px;box-shadow:4px 4px 4px;width:147px;height:55px;background:#111;bottom:341px;left:55px;transform:translateZ(15px)}.select,.start{position:absolute;bottom:165px;left:238px;width:73px;height:15px;background:gray;font-size:18px;transform:rotate(-15deg);box-shadow:0 0 18px #222;transform:translateZ(15px) rotate(-15deg)}.select span,.start span{color:#170079;position:absolute;top:26px;left:7px}.start{left:349px}.crossb{bottom:294px;left:99px;height:147px;width:55px}.btna,.btnb{position:absolute;right:37px;bottom:330px;height:103px;width:103px;border-radius:73px;background:#7a2859;box-shadow:inset 7px 7px 18px #ffffff36}.btnb{right:176px;bottom:283px}.btna span,.btnb span{color:#170079;position:absolute;top:110px;left:81px;font-family:Ubuntu,sans-serif;font-size:33px;transform:rotate(-28deg);text-shadow:4px 4px 7px grey}.sline{position:absolute;height:7px;width:95px;border-radius:7px;background:gray;bottom:48px;right:110px;transform:rotate(55deg)}.sline.b{right:88px;bottom:66px}.sline.c{right:66px;bottom:81px}.sline.d{right:44px;bottom:99px}.sline.e{right:22px;bottom:114px}.sline.f{right:0;bottom:132px}.powerbtn{position:absolute;height:37px;width:37px;background:gray;bottom:73px;right:37px;border-radius:37px}.volume,.connector{position:absolute;left:92px;top:257px;height:73px;width:37px;background:#000}.volume{top:147px;width:18px}.headphones{height:37px;width:37px;border-radius:37px;background:#222;top:0;left:0;right:0;margin:auto}.cartbridge{box-sizing:border-box;position:absolute;top:0;left:50%;width:419px;height:461px;background-color:#857983;border-radius:11px;border-left:2px solid #948891;border-right:2px solid #948891;transform:translate3d(-50%,-120%,0);-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;cursor:grab}.cartbridge:active{cursor:grabbing}.cartbridge:after,.cartbridge__top:after{content:"";position:absolute;inset:0;background-image:url(/snoopys-magic-show/assets/cartbridge-texture-C-jJIl9R.avif);mix-blend-mode:multiply}.cartbridge:after{border-radius:11px}.cartbridge__top:after{bottom:8px;border-radius:11px 11px 0 0}.cartbridge__top{overflow:hidden;position:absolute;top:-23px;left:0;background-color:#857983;background:#837780;background:linear-gradient(180deg,#6e676b,#857983 40%);width:383px;height:30px;border-radius:8px 8px 0 0}.cartbridge__top-left,.cartbridge__top-right{top:3px;position:absolute;width:57px;height:75px}.cartbridge__top-left{right:calc(100% - 9px);transform:translate(-3px)}.cartbridge__top-right{left:calc(100% - 9px);transform:scaleX(-1) translate(-5px)}.cartbridge__top-right .cartbridge__line,.cartbridge__top-left .cartbridge__line{position:absolute;left:0;right:0;height:12px;background:#8a8089;border-top:2px solid #b0a6b0;border-bottom:2px solid #655E64}.cartbridge__top-right .cartbridge__line:nth-child(n),.cartbridge__top-left .cartbridge__line:nth-child(n){top:0;clip-path:polygon(0 0,100% 0,80% 100%,0% 100%)}.cartbridge__top-right .cartbridge__line:nth-child(2n),.cartbridge__top-left .cartbridge__line:nth-child(2n){top:18px;clip-path:polygon(0 0,80% 0,72% 100%,0% 100%)}.cartbridge__top-right .cartbridge__line:nth-child(3n),.cartbridge__top-left .cartbridge__line:nth-child(3n){top:36px;clip-path:polygon(0 0,72% 0,80% 100%,0% 100%)}.cartbridge__top-right .cartbridge__line:nth-child(4n),.cartbridge__top-left .cartbridge__line:nth-child(4n){top:54px;clip-path:polygon(0 0,80% 0,100% 100%,0% 100%)}.cartbridge__logo-container{position:absolute;z-index:1;background:linear-gradient(15deg,#9b9099 15%,#726670 60%);top:11px;left:45px;width:321px;height:84px;border-radius:60px;border:2px solid #7d6f7b}.cartbridge__sticker-container{position:absolute;z-index:1;top:113px;left:45px;background-color:#847b82;background-image:url(/snoopys-magic-show/assets/gb-sticker-CB0vV64H.png);background-size:cover;width:321px;height:282px;border-radius:12px;border:2px solid #6c636a}.cartbridge__right,.cartbridge__left{position:absolute;bottom:0;width:15px;height:285px;border-radius:5px;border-top:3px solid #948891}.cartbridge__left{left:0;border-right:3px solid #948891}.cartbridge__right{right:0;border-left:3px solid #7D747B}.cartbridge__arrow{position:absolute;z-index:1;background:#847b82;width:63px;height:39px;bottom:15px;left:177px;border-radius:5px;border-top:2px solid #8B818B;clip-path:polygon(0 0,50% 90%,100% 0)}