.container{max-width:500px;width:100%;background:#16213e;border-radius:20px;padding:5px;box-shadow:0 20px 40px #00000080,inset 0 0 10px #ffffff1a;display:flex;flex-direction:column;align-items:center}.screen-wrapper{width:100%;height:350px;background:#0f0f1a;border-radius:20px;padding:0;box-shadow:inset 0 0 15px #000,0 8px 20px #0009;display:flex;justify-content:center}#nesContainer{width:100%;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 0 20px #00a0ff4d;display:flex;justify-content:center}#jsdos-canvas{width:100%;height:100%;image-rendering:pixelated;outline:none}.gamepad-area{width:100%;display:flex;flex-direction:column;transition:all .2s;background:transparent;padding:10px 0}.shoulder-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;margin-bottom:4px}.left-shoulder{display:flex;gap:8px;justify-content:flex-start;align-items:center}.center-shoulder{display:flex;justify-content:center;align-items:center;flex:1}.right-shoulder{display:flex;gap:8px;justify-content:flex-end;align-items:center}.shoulder-btn{width:55px;height:28px;border-radius:14px;font-size:12px;font-weight:700;letter-spacing:.5px;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;outline:none;-webkit-tap-highlight-color:transparent;transition:all .05s ease;box-shadow:0 3px #1e1e33,0 4px 8px #0000004d}.shoulder-btn.pressed{box-shadow:0 1px #1e1e33,0 2px 4px #0000004d;transform:translateY(2px);filter:brightness(1.3)}.btn-lt{background:#607d8b;box-shadow:0 3px #37474f,0 4px 8px #0000004d}.btn-lb{background:#546e7a;box-shadow:0 3px #263238,0 4px 8px #0000004d}.btn-rt{background:#607d8b;box-shadow:0 3px #37474f,0 4px 8px #0000004d}.btn-rb{background:#546e7a;box-shadow:0 3px #263238,0 4px 8px #0000004d}.btn-lt.pressed{background:#78909c}.btn-lb.pressed{background:#6c818f}.btn-rt.pressed{background:#78909c}.btn-rb.pressed{background:#6c818f}.menu-btn{width:32px;height:32px;border-radius:50%;font-size:14px;font-weight:700;background:#5a4a6a;letter-spacing:.5px;box-shadow:0 3px #2a1a3a,0 4px 8px #0000004d;border:none;color:#e0d0f0;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;outline:none;-webkit-tap-highlight-color:transparent;transition:all .05s ease}.menu-btn.pressed{box-shadow:0 1px #2a1a3a,0 2px 4px #0000004d;background:#7a5a8a;transform:translateY(2px);filter:brightness(1.3)}.upper-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;margin-top:15px}.dpad-wrapper{display:flex;justify-content:flex-start;align-items:center}.xyab-wrapper{display:flex;justify-content:flex-end;align-items:center}.sticks-row{display:flex;background-color1:white;justify-content:space-between;align-items:center;width:100%;padding:0;margin-top:0}.left-stick-wrapper{display:flex;margin-top:50px;margin-bottom:50px;background-color1:green;justify-content:flex-start}.right-stick-wrapper{display:flex;background-color1:green;margin-top:50px;margin-bottom:50px;justify-content:flex-end}.start-select-row{display:flex;justify-content:center;align-items:center;gap:30px}.func-btn-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.func-btn-label{color:#aaa;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.func-btn{width:32px;height:32px;border-radius:50%;font-size:9px;font-weight:700;background:#3d3d5c;letter-spacing:.5px;box-shadow:0 2px #1e1e33,0 3px 6px #0000004d;border:none;color:#f0e6d2;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;outline:none;-webkit-tap-highlight-color:transparent;transition:all .05s ease}.func-btn.pressed{box-shadow:0 1px #1e1e33,0 2px 4px #0000004d;background:#5a5a7a;transform:translateY(2px);filter:brightness(1.3)}.analog-stick{position:relative;width:105px;height:105px;cursor:pointer;touch-action:none}.stick-base{position:absolute;width:105px;height:105px;background:radial-gradient(circle,#2a2a44,#1a1a2e);border-radius:50%;box-shadow:inset 0 3px 6px #0009,0 3px #0b0b16,0 5px 10px #0006;z-index:1}.stick-thumb{position:absolute;width:79px;height:79px;background:radial-gradient(circle at 40% 40%,#5a5a8a,#2d2d4a);border-radius:50%;box-shadow:0 3px 6px #00000080,inset 0 2px 4px #fff3;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .05s ease-out}.stick-thumb.active{background:radial-gradient(circle at 40% 40%,#7a7aaa,#4a4a6a);box-shadow:0 2px 4px #00000080,inset 0 3px 6px #ffffff4d,0 0 12px #6464ff4d}.stick-dir-marker{position:absolute;width:5px;height:5px;background:#ffffff1f;border-radius:50%;z-index:1;pointer-events:none}.stick-marker-n{top:5px;left:50%;transform:translate(-50%)}.stick-marker-s{bottom:5px;left:50%;transform:translate(-50%)}.stick-marker-w{left:5px;top:50%;transform:translateY(-50%)}.stick-marker-e{right:5px;top:50%;transform:translateY(-50%)}.stick-center-dot{position:absolute;width:4px;height:4px;background:#ffffff40;border-radius:50%;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.xyab-cross{position:relative;width:140px;height:140px;display:flex;justify-content:center;align-items:center}.xyab-base{position:absolute;width:120px;height:120px;background:#1e1e2f;border-radius:50%;box-shadow:0 3px #0b0b16,0 5px 12px #0006;z-index:1}.dpad-8way{position:relative;width:140px;height:140px;display:flex;justify-content:center;align-items:center}.dpad-base-circle{position:absolute;width:130px;height:130px;background:#1e1e2f;border-radius:50%;box-shadow:0 4px #0b0b16,0 6px 15px #00000080,inset 0 2px 4px #ffffff0d;z-index:1}.btn{border:none;color:#f0e6d2;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;position:relative;outline:none;-webkit-tap-highlight-color:transparent;transition:all .05s ease}.btn.pressed{transform:translateY(2px);filter:brightness(1.3)}.dpad-btn-8{position:absolute;width:45px;height:45px;background:#1e1e2f;border-radius:12px;font-size:20px;box-shadow:0 4px #0b0b16,0 6px 10px #0000004d;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer}.dpad-btn-8.pressed{box-shadow:0 1px #0b0b16,0 2px 5px #0000004d;background:#3a3a5a;transform:translateY(2px)}.dpad-up{top:5px;left:50%;transform:translate(-50%)}.dpad-up.pressed{top:7px;transform:translate(-50%)}.dpad-down{bottom:5px;left:50%;transform:translate(-50%)}.dpad-down.pressed{bottom:3px;transform:translate(-50%)}.dpad-left{left:5px;top:50%;transform:translateY(-50%)}.dpad-left.pressed{left:3px;transform:translateY(-50%)}.dpad-right{right:5px;top:50%;transform:translateY(-50%)}.dpad-right.pressed{right:3px;transform:translateY(-50%)}.dpad-center{position:absolute;width:35px;height:35px;background:#2d2d44;border-radius:50%;box-shadow:0 2px #0b0b16;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.action-btn{width:48px;height:48px;border-radius:50%;font-size:18px;font-weight:700;letter-spacing:.5px;z-index:5;position:absolute;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-y{top:2px;left:50%;transform:translate(-50%);background:#e8a838;box-shadow:0 5px #b8831e,0 7px 12px #0006;color:#fff}.btn-y.pressed{background:#f0b848;box-shadow:0 2px #b8831e,0 3px 6px #0006;top:5px;transform:translate(-50%)}.btn-a{bottom:2px;left:50%;transform:translate(-50%);background:#4caf50;box-shadow:0 5px #2e7d32,0 7px 12px #0006;color:#fff}.btn-a.pressed{background:#5cb860;box-shadow:0 2px #2e7d32,0 3px 6px #0006;bottom:0;transform:translate(-50%)}.btn-x{left:2px;top:50%;transform:translateY(-50%);background:#2196f3;box-shadow:0 5px #1565c0,0 7px 12px #0006;color:#fff}.btn-x.pressed{background:#3da6f8;box-shadow:0 2px #1565c0,0 3px 6px #0006;left:0;transform:translateY(-50%)}.btn-b{right:2px;top:50%;transform:translateY(-50%);background:#f44336;box-shadow:0 5px #c62828,0 7px 12px #0006;color:#fff}.btn-b.pressed{background:#f55a4e;box-shadow:0 2px #c62828,0 3px 6px #0006;right:0;transform:translateY(-50%)}.skin-selector{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%}.skin-btn{background:#2a2a4a;border:none;color:#ccc;font-weight:700;font-size:.85rem;padding:8px 16px;border-radius:40px;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #0000004d;border:1px solid #3d3d5c;text-transform:uppercase;touch-action:manipulation}.skin-btn.active{background:#e94560;color:#fff;border-color:#ff6b81;box-shadow:0 0 18px #e94560aa;transform:scale(1.02)}.rom-loader{display:flex;width:100%;gap:10px;align-items:center;justify-content:center}.file-input{flex:1;background:#2a2a4a;color:#fff;padding:10px 14px;border-radius:20px;font-size:.85rem;cursor:pointer;border:1px solid #5c5c8a;touch-action:manipulation}.note{color:#aaa;font-size:.7rem;text-align:center;margin-top:2px;padding:0 10px}.btn,.skin-btn{-webkit-touch-callout:none;-webkit-user-select:none}.center-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.cartridge-slot-center{display:flex;margin-top:75px;justify-content:center;cursor:pointer}.card-slot-vertical{background:#1e1f24;width:72px;height:84px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 0 2px #111,0 3px 7px #00000080}.virtual-cartridge-vertical{width:58px;height:68px;background:linear-gradient(145deg,#e6c27a,#b87c2e);border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #0006,inset 0 1px #ffffff4d;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#3c280a;font-family:monospace;z-index:5;border:1px solid #a57c3c}.virtual-cartridge-vertical:before{content:"";position:absolute;top:12px;right:8px;width:12px;height:6px;background:#aa7e3e;border-radius:2px;opacity:.7}.virtual-cartridge-vertical:after{content:var(--dynamic-rom-type, "NES");position:absolute;bottom:8px;left:8px;font-size:7px;color:#694e1e;font-weight:700;opacity:.8}.cartridge-insert-vertical{animation:insertDropVertical .35s cubic-bezier(.25,1.2,.5,1) forwards!important}@keyframes insertDropVertical{0%{opacity:0;transform:translate(-50%,-260%) scale(.6)}40%{opacity:1;transform:translate(-50%,-55%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.cartridge-eject-vertical{animation:ejectFlyVertical .28s ease-in forwards!important}@keyframes ejectFlyVertical{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}30%{transform:translate(-50%,-70%) scale(1.05)}to{opacity:0;transform:translate(-50%,-260%) scale(.6)}}.cartridge-placeholder-vertical{width:58px;height:68px;background:#2a2c34;border-radius:10px;box-shadow:inset 0 2px 5px #0009;display:flex;align-items:center;justify-content:center;color:#898d9c;font-size:10px;font-weight:700;text-align:center;border:1px dashed #5a5e6a}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{background:#1a1a2e;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overscroll-behavior:none;touch-action:manipulation}.app-shell{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;justify-content:center;align-items:flex-start;width:100%;padding-top:12px}