@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--ds-blue: #1000a1ec;--ds-blue-dark: #9e131c;--ds-gray: #211ead;--screen-bg: #1a1a1a;--screen-border: #110c6470}body{display:flex;justify-content:center;align-items:center;min-height:80vh;background-color:#222;font-family:monospace}.ds-console{display:flex;flex-direction:column;width:400px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}.ds-console .ds-bottom{top:-30px;width:450px;margin-left:-30px}.ds-top{background-color:var(--ds-blue);top:16px;height:265px;width:calc(100% + 60px);margin-left:-36px;border-radius:20px 20px 0 0;padding:20px;display:flex;justify-content:space-between;align-items:center;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 50px) calc(100% - 20px),calc(100% - 50px) 100%,50px 100%,50px calc(100% - 20px),0 calc(100% - 20px))}.screen-frame{background-color:var(--screen-border);padding:15px;border-radius:5px;box-shadow:0 2px 5px #00000080;flex-grow:1;margin:0 50px;max-width:260px}.screen{background-color:var(--screen-bg);width:100%;height:185px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;color:#fff}.screen>*{position:absolute;width:100%;height:100%}.screen-content-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.glare{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#ffffff1a,#fff0 40%);pointer-events:none;z-index:200}.speaker-grill{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:30px}.speaker-grill span{width:4px;height:4px;background-color:#0000004d;border-radius:50%;box-shadow:inset 1px 1px 2px #000c}.ds-hinge{height:35px;width:calc(100% + 60px);margin-left:-36px;background-color:#1000a1;display:flex;margin-top:0;border-radius:20px;justify-content:center;align-items:center;padding:0 20px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(0,0,0,.4);position:relative;z-index:10;opacity:1;box-shadow:inset 0 2px 5px #ffffff1a,inset 0 -2px 5px #0000004d,0 2px 5px #0000004d}.ds-hinge:after,.ds-hinge:before{content:"";position:absolute;width:1px;height:34px;background:linear-gradient(to bottom,#0000004d,#00000080,#0000004d);border-radius:20px;top:50%;transform:translateY(-50%);box-shadow:1px 0 1px #ffffff1a,-1px 0 1px #0000004d}.ds-hinge:before{left:50px}.ds-hinge:after{right:49px}.hinge-right,.hinge-left{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;height:20px;border-radius:20px}.hinge-left{background-color:#a59a9a66;right:33px;width:6px}.hinge-right{right:22px;animation:hinge-right-animation 1s infinite;background-color:#a59a9a66;width:6px}@keyframes hinge-right-animation{0%{background-color:#a59a9a66}50%{background-color:#04f324af}}.mic-light{width:5px;height:15px;background:linear-gradient(to right,#1a1a1a,#2a2a2a,#1a1a1a);border-radius:10px;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 1px 0 2px #000c,0 0 3px #00000080;border:1px solid rgba(0,0,0,.4)}.mic-text{position:absolute;left:50%;transform:translate(-50%);margin-left:-20px;font-size:7px;font-weight:700;color:#00000080;text-shadow:1px 1px 0 rgba(255,255,255,.15);letter-spacing:1px;font-family:Arial,sans-serif}.ds-bottom{background-color:var(--ds-blue);height:265px;border-radius:0 0 20px 20px;padding:20px;position:relative;display:flex;justify-content:space-between;align-items:center;clip-path:polygon(0 20px,50px 20px,50px 0,calc(100% - 50px) 0,calc(100% - 50px) 20px,100% 20px,100% 100%,0 100%)}.bottom-frame{background-color:var(--screen-border);padding:15px;border-radius:5px;box-shadow:0 2px 5px #00000080;flex-grow:1;margin:0 35px;max-width:280px}.bottom-screen{background-color:var(--screen-bg);width:100%;height:185px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;color:#fff}.ds-menu-image{width:100%;height:114%;object-fit:cover;z-index:1}.controls-left,.controls-right{width:45px;display:flex;flex-direction:column;justify-content:center;align-items:center}.d-pad{position:relative;width:65px;height:120px}.d-pad-h,.d-pad-v{background-color:#120b7a;position:absolute;border-radius:1px;box-shadow:inset 0 2px #00000080;cursor:pointer;transition:all .05s;user-select:none}.d-pad-h:active,.d-pad-v:active{background-color:#0d0659;transform:scale(.98);box-shadow:inset 0 3px 5px #0009}.d-pad-h:hover,.d-pad-v:hover{background-color:#15097d}.d-pad-h{width:70px;height:24px;top:28px;left:5px}.d-pad-v{width:24px;height:70px;top:5px;left:28px}.d-pad-h:before,.d-pad-h:after,.d-pad-v:before,.d-pad-v:after{content:"";position:absolute;border-radius:1px;background-color:#ffffffaf}.d-pad-h:before{width:10px;height:2px;left:6px;top:50%;transform:translateY(-50%)}.d-pad-h:after{width:10px;height:2px;right:6px;top:50%;transform:translateY(-50%)}.d-pad-v:before{width:2px;height:10px;top:6px;left:50%;transform:translate(-50%)}.d-pad-v:after{width:2px;height:10px;bottom:6px;left:50%;transform:translate(-50%)}.d-pad-center:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #0009}.buttons-abxy{position:relative;width:2px;height:2px}.btn{font-family:Poppins,sans-serif;text-transform:uppercase;width:24px;height:24px;min-width:24px;min-height:24px;background:linear-gradient(145deg,#140566,#1c03ad);border:none;border-radius:50%;position:absolute;color:#fff;font-weight:700;font-size:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #fffc;cursor:pointer;padding:2px 0 0;line-height:1;transition:all .1s ease;user-select:none}.btn:hover{background:linear-gradient(145deg,#1a0870,#220abd)}.btn:active{transform:translateY(3px);box-shadow:0 1px 2px #0000004d,inset 0 3px 5px #0006}.btn-x{top:-60px;left:-17px}.btn-y{top:-37px;left:-43px}.btn-a{top:-37px;right:-31px}.btn-b{bottom:-10px;left:-17px}.buttons-start-select{position:absolute;bottom:17%;right:14px;transform:translate(-50%,50%);display:flex;flex-direction:column;gap:8px;align-items:center}.btn-s{width:50px;height:14px;padding:0 0 0 16px;background:transparent;border:none;border-radius:0;box-shadow:none;font-size:7px;font-weight:700;color:#e7e7e7;font-family:Poppins,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;position:relative;text-transform:uppercase}.btn-s:before{content:"";position:absolute;left:0;width:10px;height:10px;background:linear-gradient(145deg,#08067a,#150a77);border-radius:50%;box-shadow:0 2px 3px #0006,inset 0 1px 2px #ffffff4d}.btn-s:active:before{transform:translateY(1px);box-shadow:0 1px 2px #0000004d,inset 0 1px 3px #0000004d}.ds-screen-interactive{position:relative;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(74,222,128,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.08) 0%,transparent 50%),linear-gradient(180deg,#0a1428,#1a2848,#0a1428);overflow:hidden;animation:bg-shift 10s ease-in-out infinite}@keyframes bg-shift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(10deg)}}.pixel-text{font-family:"Press Start 2P",monospace;image-rendering:pixelated;text-rendering:geometricPrecision;-webkit-font-smoothing:none;line-height:1.6}.stars-background{position:absolute;width:100%;height:100%;overflow:hidden}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s infinite ease-in-out;box-shadow:0 0 6px #ffffffe6}.star:nth-child(1){top:15%;left:20%;animation-delay:0s;box-shadow:0 0 6px #4ade80e6}.star:nth-child(2){top:45%;left:75%;animation-delay:.5s;box-shadow:0 0 6px #ffd700e6}.star:nth-child(3){top:70%;left:30%;animation-delay:1s}.star:nth-child(4){top:25%;left:85%;animation-delay:1.5s;box-shadow:0 0 6px #4ade80e6}.star:nth-child(5){top:60%;left:50%;animation-delay:.8s}.star:nth-child(6){top:80%;left:70%;animation-delay:1.2s;box-shadow:0 0 6px #ffd700e6}@keyframes twinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(2)}}.floating-planet{position:absolute;top:8%;right:12%;width:60px;height:60px;background:radial-gradient(circle at 30% 30%,#5ab899,#2d7a5f);border-radius:50%;box-shadow:inset -8px -8px 15px #0006,0 0 25px #5ab8994d;animation:float 4s ease-in-out infinite}.floating-planet:before{content:"";position:absolute;top:25%;left:20%;width:18px;height:18px;background:#2d7a5f80;border-radius:50%}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}}.intro-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;max-width:190px;z-index:10}.message-bubble{background:#f5e6d3;border:2px solid #2d2d2d;border-radius:8px;padding:10px 14px;position:relative;box-shadow:0 0 0 2px #f5e6d3,0 6px 15px #00000080;animation:bubble-appear .6s ease-out}.message-bubble:after{content:"";position:absolute;bottom:-14px;left:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:14px solid #2d2d2d}.message-bubble:before{content:"";position:absolute;bottom:-10px;left:22px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:11px solid #f5e6d3;z-index:1}.message-bubble .pixel-text{font-size:8px;color:#2d2d2d;letter-spacing:.2px}.typing-cursor{animation:blink .8s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes bubble-appear{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.continue-hint{text-align:center;margin-top:12px;font-size:6px;color:#4ade80;animation:pulse-hint 2s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.4}50%{opacity:1}}.menu-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:200px;z-index:10}.menu-dialog{background:#141e30f2;border:2px solid #4ade80;border-radius:6px;padding:8px 10px;box-shadow:0 0 15px #4ade8066,inset 0 0 15px #4ade801a;animation:menu-appear .5s ease-out}@keyframes menu-appear{0%{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-header{font-size:7px;color:#4ade80;margin-bottom:8px;text-align:center;text-shadow:0 0 8px rgba(74,222,128,.5)}.menu-list{display:flex;flex-direction:row;gap:6px;margin-bottom:8px;justify-content:center}.menu-option{font-size:8px;color:#a0a0a0;padding:8px 10px;border:2px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;flex:1;text-align:center;min-width:0}.menu-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,222,128,.1),transparent);transition:left .4s ease}.menu-option:hover:before{left:100%}.menu-option.selected{color:#fff;background:#4ade8026;border-color:#4ade80;transform:translateY(-2px);box-shadow:0 0 12px #4ade8066,inset 0 0 12px #4ade801a}.menu-option:active{transform:translateY(-1px) scale(.98)}.menu-footer{font-size:6px;color:#666;text-align:center;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}.catch-game{position:absolute;width:100%;height:100%;top:0;left:0}.game-hud{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:8px;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.8);z-index:20}.game-area{position:absolute;width:100%;height:100%;top:0;left:0}.player{position:absolute;bottom:10%;transform:translate(-50%);font-size:24px;color:#4ade80;text-shadow:0 0 15px rgba(74,222,128,.8);z-index:10;transition:left .1s ease-out}.falling-item{position:absolute;font-size:16px;transform:translate(-50%,-50%);animation:item-spin 2s linear infinite;filter:drop-shadow(0 0 8px currentColor)}.falling-item.good{color:gold}.falling-item.bad{color:#ef4444}@keyframes item-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.game-controls{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:6px;color:#666;z-index:20}.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#000000e6;padding:12px 16px;border:2px solid #e74c3c;border-radius:6px;box-shadow:0 0 20px #e74c3c80;animation:game-over-appear .5s ease-out;width:140px}@keyframes game-over-appear{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.game-over-text{font-size:10px;color:#e74c3c;margin-bottom:8px;text-shadow:0 0 10px rgba(231,76,60,.8)}.score-text{font-size:8px;color:#4ade80;margin-bottom:10px}.restart-text{font-size:6px;color:#999;animation:pulse-hint 2s ease-in-out infinite}.ds-screen-interactive:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:100}.ds-screen-interactive:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:99}