:root{--gb-shell:#c4c4b4;--gb-shell-dark:#a8a898;--gb-shell-light:#d4d4c8;--gb-shell-shadow:#8b8b7a;--gb-screen-bezel:#5a5a5a;--gb-screen-frame:#7a7a6a;--gb-screen-bg:#8b9b5a;--gb-screen-dark:#0f380f;--gb-dpad:#2a2a3a;--gb-dpad-shadow:#1a1a2a;--gb-btn-ab:#8b2252;--gb-btn-ab-shadow:#6a1a42;--gb-btn-ss:#6a6a7a;--gb-btn-ss-shadow:#4a4a5a;--gb-purple:#4a2a7a;--gb-led-off:#3a4a3a;--gb-led-on:#8bbc0f;--text-dark:#2a2a3a;--text-light:#e8e8e8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f0f23 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif;display:flex;overflow-x:hidden}.gameboy{background:linear-gradient(180deg,var(--gb-shell-light)0%,var(--gb-shell)15%,var(--gb-shell)85%,var(--gb-shell-dark)100%);box-shadow:0 0 0 3px var(--gb-shell-shadow),0 10px 30px #0006,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #0000001a;user-select:none;border-radius:10px 10px 40px;width:320px;padding:15px;position:relative}.gb-top-ridge{background:linear-gradient(180deg,var(--gb-shell-dark)0%,var(--gb-shell)100%);border-radius:0 0 4px 4px;width:80px;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%)}.gb-screen-section{background:linear-gradient(#5a5a6a 0%,#4a4a5a 100%);border-radius:8px;margin-bottom:20px;padding:10px 15px 15px;box-shadow:inset 0 2px 4px #0000004d,0 1px #ffffff1a}.gb-screen-label{align-items:center;gap:8px;margin-bottom:8px;padding-left:4px;display:flex}.gb-screen-label .dot{background:var(--gb-purple);border-radius:50%;width:6px;height:6px;box-shadow:inset 0 1px 2px #00000080}.gb-title{color:var(--gb-purple);text-shadow:0 1px #fff3;letter-spacing:1px;font-size:14px;font-style:italic;font-weight:700}.gb-screen-bezel{background:var(--gb-screen-frame);border-radius:6px;padding:12px;box-shadow:inset 0 3px 8px #0006,0 1px #ffffff0d}.gb-screen-inner{background:var(--gb-screen-dark);aspect-ratio:160/144;border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00000080,0 0 0 2px #3a4a3a}#screen{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.screen-overlay{cursor:pointer;background:#0f380ff2;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.screen-overlay.hidden{opacity:0;pointer-events:none}.screen-overlay.dragover{background:#8bbc0f4d}.game-library{flex-direction:column;align-items:center;width:100%;height:100%;padding:12px;display:flex;overflow-y:auto}.library-title{color:#9bbc0f;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.game-list{touch-action:none;-webkit-overflow-scrolling:auto;overscroll-behavior:none;flex-direction:column;gap:6px;width:100%;max-width:180px;padding-left:18px;display:flex;overflow:hidden}.game-item{cursor:pointer;text-align:left;touch-action:none;user-select:none;background:#9bbc0f1a;border:1px solid #9bbc0f4d;border-radius:4px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;transition:all .15s;display:flex}.game-item.selected{background:#9bbc0f59;border-color:#9bbc0f;box-shadow:0 0 0 2px #9bbc0f4d,inset 0 0 8px #9bbc0f33}.game-item-upload{border-style:dashed;margin-top:4px}.game-item.selected:before{content:">";color:#9bbc0f;font-family:JetBrains Mono,monospace;font-weight:700;animation:.8s infinite blink;position:absolute;left:-16px}.game-item{position:relative}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.game-item:active{transform:scale(.98)}.game-item .game-name{color:#9bbc0f;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.game-item .game-genre{color:#9bbc0f99;text-transform:uppercase;letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:9px}.game-list-loading,.game-list-error{color:#9bbc0f80;text-align:center;padding:20px 10px;font-family:JetBrains Mono,monospace;font-size:10px}.game-list-error{color:#ff6464b3}.drop-hint{color:#9bbc0f66;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:8px}.hint-desktop{display:inline}.hint-mobile{display:none}.drop-content{color:#9bbc0f;flex-direction:column;align-items:center;gap:8px;display:flex}.cartridge-icon{opacity:.7;width:40px;height:40px}.drop-content span{font-family:JetBrains Mono,monospace;font-size:12px}.file-hint{opacity:.6;font-size:10px!important}.gb-screen-footer{align-items:center;margin-top:10px;padding-left:4px;display:flex}.gb-power{align-items:center;gap:6px;display:flex}.gb-power span{color:var(--gb-purple);letter-spacing:1px;font-size:8px;font-weight:700}.power-led{background:var(--gb-led-off);border-radius:50%;width:8px;height:8px;transition:all .3s;box-shadow:inset 0 1px 2px #00000080,0 0 0 1px #0000004d}.power-led.on{background:var(--gb-led-on);box-shadow:inset 0 1px 2px #ffffff4d,0 0 8px var(--gb-led-on),0 0 0 1px #0000004d}.gb-controls-section{justify-content:space-between;margin-bottom:10px;padding:0 10px;display:flex}.gb-dpad-area{justify-content:center;align-items:center;display:flex}.gb-dpad{grid-template-rows:repeat(3,28px);grid-template-columns:repeat(3,28px);gap:0;display:grid;position:relative}.dpad-btn{background:var(--gb-dpad);color:#ffffff1a;cursor:pointer;z-index:1;border:none;justify-content:center;align-items:center;transition:all .1s;display:flex;position:relative}.dpad-btn:active,.dpad-btn.pressed{background:var(--gb-dpad-shadow);transform:scale(.95)}.dpad-arrow{opacity:.3;font-size:10px}.dpad-up{border-radius:4px 4px 0 0;grid-area:1/2;box-shadow:inset 0 2px #ffffff1a,0 -2px 4px #0000004d}.dpad-left{border-radius:4px 0 0 4px;grid-area:2/1;box-shadow:inset 2px 0 #ffffff1a,-2px 0 4px #0000004d}.dpad-center{background:var(--gb-dpad);grid-area:2/2;box-shadow:inset 0 0 8px #0006}.dpad-right{border-radius:0 4px 4px 0;grid-area:2/3;box-shadow:inset -2px 0 #ffffff1a,2px 0 4px #0000004d}.dpad-down{border-radius:0 0 4px 4px;grid-area:3/2;box-shadow:inset 0 -2px #ffffff1a,0 2px 4px #0000004d}.gb-ab-area{align-items:center;display:flex}.gb-ab-buttons{gap:12px;display:flex;transform:rotate(-25deg)}.ab-btn-wrapper{flex-direction:column;align-items:center;gap:6px;display:flex}.ab-btn{background:linear-gradient(145deg,#a03060,var(--gb-btn-ab));color:#0000;cursor:pointer;width:40px;height:40px;box-shadow:0 4px 0 var(--gb-btn-ab-shadow),0 6px 10px #0000004d,inset 0 2px 4px #fff3;border:none;border-radius:50%;font-size:0;transition:all .1s}.ab-btn:active,.ab-btn.pressed{box-shadow:0 1px 0 var(--gb-btn-ab-shadow),0 2px 4px #0000004d,inset 0 2px 4px #fff3;transform:translateY(3px)}.ab-label{color:var(--gb-shell-shadow);font-size:10px;font-weight:700;transform:rotate(25deg)}.ab-a{margin-top:-10px}.gb-startselect-section{justify-content:center;margin-top:15px;margin-bottom:20px;display:flex}.gb-startselect{gap:20px;display:flex;transform:rotate(-25deg)}.ss-btn-wrapper{flex-direction:column;align-items:center;display:flex}.ss-btn{background:linear-gradient(180deg,var(--gb-btn-ss),#5a5a6a);color:#0000;cursor:pointer;width:36px;height:12px;box-shadow:0 2px 0 var(--gb-btn-ss-shadow),inset 0 1px 0 #fff3;border:none;border-radius:6px;font-size:0;transition:all .1s}.ss-btn:active,.ss-btn.pressed{box-shadow:0 0 0 var(--gb-btn-ss-shadow),inset 0 1px 0 #fff3;transform:translateY(2px)}.ss-btn:after{content:attr(data-btn);color:var(--gb-shell-shadow);text-transform:uppercase;letter-spacing:.5px;font-size:7px;font-weight:700;display:block;transform:translateY(14px)}.gb-speaker-area{justify-content:space-between;align-items:flex-end;padding:5px 10px 5px 15px;display:flex}.gb-menu-btn-wrapper{align-items:flex-end;padding-bottom:4px;display:flex;transform:none}.gb-menu-btn{background:linear-gradient(180deg,var(--gb-btn-ss),#5a5a6a);color:#0000;cursor:pointer;width:40px;height:12px;box-shadow:0 2px 0 var(--gb-btn-ss-shadow),inset 0 1px 0 #fff3;border:none;border-radius:6px;font-size:0;transition:all .1s;position:relative}.gb-menu-btn:active{box-shadow:0 0 0 var(--gb-btn-ss-shadow),inset 0 1px 0 #fff3;transform:translateY(2px)}.gb-menu-btn:after{content:"MENU";color:var(--gb-shell-shadow);text-transform:uppercase;letter-spacing:.5px;text-align:center;width:100%;font-size:7px;font-weight:700;display:block;transform:translateY(14px)}.gb-menu-btn.hidden{visibility:hidden}.gb-speaker{cursor:pointer;border-radius:4px;gap:5px;padding:8px;transition:opacity .2s;display:flex;transform:rotate(-25deg)}.gb-speaker:hover{opacity:.8}.gb-speaker.muted .speaker-line{background:var(--gb-shell-shadow)}.speaker-line{background:var(--gb-shell-dark);border-radius:2px;width:4px;height:24px;transition:background .2s;box-shadow:inset 0 1px 2px #0000004d}.speaker-line:first-child{height:12px;margin-top:12px}.speaker-line:nth-child(2){height:18px;margin-top:6px}.speaker-line:nth-child(3),.speaker-line:nth-child(4){height:24px}.speaker-line:nth-child(5){height:18px;margin-top:6px}.speaker-line:nth-child(6){height:12px;margin-top:12px}.gb-brand{padding-bottom:4px}.brand-text{color:var(--gb-shell-shadow);letter-spacing:.5px;font-size:9px}.floating-controls{z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.float-btn{color:#888;cursor:pointer;backdrop-filter:blur(8px);background:#1e1e32e6;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.float-btn svg{width:20px;height:20px}.float-btn:hover:not(:disabled){color:#fff;background:#323250e6;transform:scale(1.05)}.float-btn:disabled{opacity:.4;cursor:not-allowed}.status-bar{color:#888;backdrop-filter:blur(8px);z-index:100;background:#1e1e32e6;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:15px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex;position:fixed;bottom:20px;left:20px}.status-fps{color:#9bbc0f}.keyboard-legend{backdrop-filter:blur(8px);z-index:100;background:#1e1e32e6;border:1px solid #ffffff1a;border-radius:12px;padding:16px 20px;font-family:JetBrains Mono,monospace;position:fixed;top:20px;right:20px}.legend-title{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:10px;font-weight:600}.legend-grid{flex-direction:column;gap:8px;display:flex}.legend-item{color:#888;align-items:center;gap:12px;font-size:11px;display:flex}.legend-item kbd{color:#aaa;text-align:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;min-width:70px;padding:3px 8px;font-family:inherit;font-size:10px}.legend-item span{color:#666}@media (width<=900px),(hover:none){.keyboard-legend{display:none}}:is(.gameboy:fullscreen,.gameboy:fullscreen){background:#0a0a0f;border-radius:0;justify-content:center;align-items:center;width:100vw;height:100vh;padding:0;display:flex}:is(.gameboy:fullscreen .gb-screen-section,.gameboy:fullscreen .gb-screen-section){box-shadow:none;background:0 0;margin:0;padding:0}:is(.gameboy:fullscreen .gb-screen-bezel,.gameboy:fullscreen .gb-screen-bezel){box-shadow:none;background:0 0;padding:0}:is(.gameboy:fullscreen .gb-screen-inner,.gameboy:fullscreen .gb-screen-inner){aspect-ratio:160/144;border-radius:0;width:auto;height:90vh;box-shadow:0 0 40px #8bbc0f33}:is(.gameboy:fullscreen .gb-top-ridge,.gameboy:fullscreen .gb-screen-label,.gameboy:fullscreen .gb-screen-footer,.gameboy:fullscreen .gb-controls-section,.gameboy:fullscreen .gb-startselect-section,.gameboy:fullscreen .gb-speaker-area,.gameboy:fullscreen .gb-top-ridge,.gameboy:fullscreen .gb-screen-label,.gameboy:fullscreen .gb-screen-footer,.gameboy:fullscreen .gb-controls-section,.gameboy:fullscreen .gb-startselect-section,.gameboy:fullscreen .gb-speaker-area){display:none}@media (width<=360px){.gameboy{width:290px;padding:12px}.gb-dpad{grid-template-rows:repeat(3,24px);grid-template-columns:repeat(3,24px)}.ab-btn{width:35px;height:35px}.floating-controls{bottom:10px;right:10px}.status-bar{padding:6px 12px;font-size:10px;bottom:10px;left:10px}}@media (width>=600px){.gameboy{width:380px;padding:20px}.gb-dpad{grid-template-rows:repeat(3,32px);grid-template-columns:repeat(3,32px)}.ab-btn{width:48px;height:48px}}@media (width<=480px),(hover:none) and (pointer:coarse){body{background:var(--gb-shell);padding:0;overflow:hidden}.floating-controls,.status-bar,.keyboard-legend,.gb-top-ridge{display:none!important}.gameboy{width:100vw;height:100dvh;box-shadow:none;background:var(--gb-shell);border-radius:0;flex-direction:column;padding:0;display:flex}.gb-screen-section{z-index:2;background:#4a4a5a;border-radius:0 0 20px 20px;flex:none;margin:0;padding:15px 15px 25px;box-shadow:0 4px 15px #0006}.gb-screen-label,.gb-screen-footer{display:none}.gb-screen-bezel{box-shadow:none;background:0 0;padding:0}.gb-screen-inner{border:2px solid #333;width:100%;max-width:400px;margin:0 auto}.gb-controls-section{flex:1;justify-content:space-between;align-items:center;margin-bottom:60px;padding:0 30px;display:flex;position:relative}.gb-dpad{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px)}.dpad-btn:active{background:#111;transform:scale(.92)}.dpad-arrow{opacity:.5;font-size:16px}.gb-ab-area{align-items:center}.gb-ab-buttons{gap:25px;margin-top:20px;transform:rotate(-20deg)}.ab-btn{width:65px;height:65px;box-shadow:0 4px 0 var(--gb-btn-ab-shadow),0 5px 15px #0000004d}.ab-btn:active{box-shadow:0 0 0 var(--gb-btn-ab-shadow);transform:translateY(4px)}.ab-label{opacity:.6;margin-top:8px;font-size:14px;font-weight:900}.ab-a{margin-top:-20px}.gb-startselect-section{z-index:10;width:auto;margin:0;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.gb-startselect{backdrop-filter:blur(2px);background:#00000026;border:1px solid #ffffff0d;border-radius:30px;gap:15px;padding:10px 20px;display:flex;transform:none}.ss-btn-wrapper{flex-direction:column;align-items:center;margin:0;display:flex}.ss-btn{background:#333;border-radius:10px;width:50px;height:12px;margin-bottom:4px;position:relative;box-shadow:inset 0 1px 3px #00000080}.ss-btn:before{content:"";position:absolute;inset:-15px -10px -20px}.ss-btn:after{content:attr(data-btn);color:#00000080;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-top:16px;font-size:9px;font-weight:700;display:block;transform:none}.gb-speaker-area{padding:0;position:static}.gb-brand{display:none}.gb-menu-btn-wrapper{z-index:20;position:absolute;bottom:20px;left:20px;transform:none}.gb-menu-btn{width:50px;height:50px;box-shadow:none;background:#0000001a;border:2px solid #0003;border-radius:50%;justify-content:center;align-items:center;display:flex}.gb-menu-btn:active{background:#0003;transform:scale(.95)}.gb-menu-btn:after{content:"MENU";color:#00000080;margin:0;font-size:9px;transform:none}.gb-speaker{z-index:30;backdrop-filter:blur(4px);background:#0000001a;border:2px solid #0003;border-radius:50%;justify-content:center;align-items:center;gap:3px;width:50px;height:50px;padding:0;display:flex;position:absolute;top:auto;bottom:20px;right:20px;transform:none}.gb-speaker:active{background:#0003;transform:scale(.95)}.gb-speaker .speaker-line{width:3px;box-shadow:none;background:#00000080;border-radius:2px;margin:0!important}.gb-speaker .speaker-line:first-child{height:8px}.gb-speaker .speaker-line:nth-child(2){height:14px}.gb-speaker .speaker-line:nth-child(3){height:20px}.gb-speaker .speaker-line:nth-child(4){height:14px}.gb-speaker .speaker-line:nth-child(5){height:8px}.gb-speaker .speaker-line:nth-child(6){display:none}.gb-speaker.muted{opacity:.6;border-color:#ff64644d}.gb-speaker.muted .speaker-line{background:#ff646499;height:4px}.game-library{padding:15px}.game-list{max-width:100%}.hint-desktop{display:none}.hint-mobile{font-size:11px;display:block}}@media (width<=360px) and (hover:none) and (pointer:coarse){.gb-dpad{grid-template-rows:repeat(3,38px);grid-template-columns:repeat(3,38px)}.ab-btn{width:48px;height:48px}.gb-controls-section{padding:10px 15px}}@media (height<=500px) and (hover:none) and (pointer:coarse){.gameboy{flex-flow:wrap;justify-content:center;align-items:center;gap:10px;padding:10px}.gb-screen-section{flex:none;padding:6px 8px 8px}.gb-screen-inner{max-width:240px}.gb-controls-section{flex-direction:column;flex:none;gap:20px;padding:10px}.gb-dpad{grid-template-rows:repeat(3,32px);grid-template-columns:repeat(3,32px)}.ab-btn{width:44px;height:44px}.gb-startselect-section{margin:0;position:absolute;bottom:10px;left:50%;transform:translate(-50%)rotate(-25deg)}.gb-speaker-area,.gb-screen-label,.gb-screen-footer{display:none}}
/*# sourceMappingURL=web.691c6431.css.map */