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