:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--bg-surface:#252525;--bg-surface-hover:#2d2d2d;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--accent-primary:#48b035;--accent-secondary:#5ac446;--accent-glow:#48b0354d;--border-color:#333;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px var(--accent-glow);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-overflow-scrolling:none;background-color:#0a0a0a;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#48b035;color:var(--accent-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#5ac446;color:var(--accent-secondary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#141414;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#252525;background:var(--bg-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2d2d2d;background:var(--bg-surface-hover)}.app{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;text-align:center}.app:before{background:radial-gradient(circle at 20% 30%,#48b0350d 0,#0000 50%),radial-gradient(circle at 80% 70%,#48b03508 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.app-container{flex-direction:row;height:85vh;justify-content:space-between}.app-container,.arcade{display:flex;position:relative;z-index:1}.arcade{box-sizing:border-box;gap:24px;height:calc(100vh - 72px);margin:0 auto;max-width:1400px;padding:24px;width:100%}@media (max-width:768px){.arcade{gap:12px;height:auto;min-height:calc(100vh - 72px);padding:12px}}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);color:var(--text-primary);flex-direction:column;height:72px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;z-index:100}.header,.header-container{align-items:center;display:flex}.header-container{justify-content:space-between;max-width:1400px;padding:0 24px;width:100%}.logo-section{align-items:center;display:flex;gap:16px}.search-games-button{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all var(--transition-fast)}.search-games-button:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.search-games-icon{stroke:currentColor;height:20px;width:20px}.logo-img{height:40px;transition:transform var(--transition-fast);width:auto}.logo-img:hover{transform:scale(1.1) rotate(5deg)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.header-actions{gap:16px}.github-link,.header-actions{align-items:center;display:flex}.github-link{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-primary);font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all var(--transition-fast)}.github-link:hover{background:var(--bg-surface-hover);border-color:var(--accent-primary);box-shadow:var(--shadow-glow);color:var(--text-primary);transform:translateY(-2px)}.github-icon{fill:currentColor;height:20px;width:20px}@media (max-width:900px){.github-link span,.search-games-button span{display:none}.github-link,.search-games-button{padding:10px}}@media (max-width:768px){.logo-text{font-size:20px}.header-container{padding:0 12px}.header-actions{gap:8px}}.mobile-menu-toggle{display:none}.header.mobile-landscape{background:#0000;border:none;box-shadow:none;height:auto;position:fixed;right:16px;top:16px;width:auto;z-index:1000}.header.mobile-landscape.menu-open{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);left:8px;padding:72px 16px 16px;right:8px;top:8px;width:auto}.header.mobile-landscape .header-container{display:none;flex-direction:column;gap:16px;max-width:none;padding:0;width:100%}.header.mobile-landscape.menu-open .header-container{display:flex}.header.mobile-landscape .logo-section{justify-content:flex-start;width:100%}.header.mobile-landscape .header-actions{flex-direction:column;gap:12px;width:100%}.header.mobile-landscape .github-link,.header.mobile-landscape .search-games-button{justify-content:center;width:100%}.header.mobile-landscape .github-link span,.header.mobile-landscape .search-games-button span{display:inline!important}.header.mobile-landscape .mobile-menu-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all var(--transition-fast);width:48px;z-index:1001}.header.mobile-landscape.menu-open .mobile-menu-toggle{position:absolute;right:12px;top:12px}.header.mobile-landscape .mobile-menu-toggle:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-glow);transform:scale(1.1)}.header.mobile-landscape .mobile-menu-toggle svg{height:24px;width:24px}.playground{display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:0;position:relative}.playground-frame{background:#000;border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);flex:1 1;overflow:hidden;transition:opacity .5s ease;width:100%}.playground-frame-hidden{opacity:0;pointer-events:none}.playground-frame-visible{opacity:1;pointer-events:auto}.playground-float-button{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:50%;bottom:24px;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:24px;transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:56px;z-index:100}.playground-float-button:hover{box-shadow:0 8px 24px #0000004d;transform:scale(1.1)}.playground-float-button:active{transform:scale(.95)}.playground-float-icon{stroke:#fff;height:28px;width:28px}.playground-control-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:98}.playground-control{animation:slideUp .3s ease-out;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);bottom:96px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:16px;max-width:400px;padding:16px;position:absolute;right:24px;z-index:99}.playground-control-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:12px}.playground-control-title{color:var(--text-primary);font-size:16px;font-weight:600}.playground-control-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.playground-control-close:hover{background:var(--accent-primary);color:#fff}.playground-control-content{width:100%}.playground-control-group{display:flex;flex-direction:column;gap:12px}.playground-control-row{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:8px 0}.playground-control-row-single{justify-content:flex-start}.playground-about-contents{color:var(--text-secondary);line-height:1.8;padding:8px 0 24px;text-align:left}.playground-about-contents h1{border-bottom:2px solid var(--accent-primary);color:var(--text-primary);display:inline-block;font-size:22px;margin:24px 0 12px;padding-bottom:8px}.playground-about-contents h1:first-child{margin-top:0}.playground-about-contents p{font-size:14px;margin:0 0 16px}.playground-about-contents ul{margin:0 0 16px;padding-left:24px}.playground-about-contents li{font-size:14px;margin:8px 0}.playground-about-contents a{color:var(--accent-primary);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.playground-about-contents a:hover{color:var(--accent-secondary);text-decoration:underline}.playground-manual-section{margin-bottom:24px}.playground-manual-title{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;line-height:1.4;margin:0;padding:0 0 12px;text-align:left}.playground-manual-title:before{background:linear-gradient(180deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:2px;content:"";height:20px;width:4px}.playground-manual-content{color:var(--text-secondary);font-size:14px;font-weight:400;line-height:1.8;margin:0;padding-left:12px;text-align:left}.playground-manual-content p{margin:0 0 12px}.playground-manual-content b{color:var(--accent-primary);font-weight:600}.playground-manual-controller{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px}.playground-manual-controller,.playground-manual-table{display:flex;justify-content:center;margin:20px 0}.playground-manual-table table{background:var(--bg-surface);border:1px solid var(--border-color);border-collapse:initial;border-radius:var(--border-radius-lg);border-spacing:0;box-shadow:var(--shadow-sm);margin:0;overflow:hidden;width:100%}.playground-manual-table th{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-surface) 100%);border-bottom:2px solid var(--accent-primary);color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:center;text-transform:uppercase}.playground-manual-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;font-weight:400;padding:14px 16px;text-align:center}.playground-manual-table td:first-child{color:var(--text-primary);font-weight:600}.playground-manual-table tbody tr{transition:all var(--transition-fast)}.playground-manual-table tbody tr:hover{background:var(--bg-secondary)}.playground-manual-table tbody tr:hover td{color:var(--text-primary)}.playground-manual-table tbody tr:last-child td{border-bottom:none}.playground-manual-warning{background:linear-gradient(135deg,#c850501a,#c850500d);border:1px solid #c850504d;border-radius:var(--border-radius-lg);margin:16px 0;padding:16px 20px}.playground-manual-warning-icon{align-items:center;background:linear-gradient(135deg,#c85050,#a04040);border-radius:50%;color:#fff;display:inline-flex;font-size:14px;font-weight:700;height:24px;justify-content:center;margin-right:8px;width:24px}.playground-manual-success{background:linear-gradient(135deg,#48b0351a,#48b0350d);border:1px solid #48b0354d;border-radius:var(--border-radius-lg);margin:16px 0;padding:16px 20px}.playground-manual-footer{border-top:1px solid var(--border-color);display:flex;justify-content:center;margin-top:24px;padding-top:24px}.playground-separator{background-color:var(--border-color);display:inline-block;height:24px;width:1px}@media (max-width:768px){.playground-float-button{bottom:16px;height:48px;right:16px;width:48px}.playground-float-icon{height:24px;width:24px}.playground-control{bottom:80px;left:16px;max-width:none;right:16px}.playground-control-row{align-items:stretch;flex-direction:column}.playground-control-row-single{align-items:flex-start}.playground-mobile .playground-frame{flex:0 0 auto;height:40vh;min-height:200px}}.virtual-controller{bottom:0;box-sizing:border-box;display:block;left:0;padding:16px 0 env(safe-area-inset-bottom,16px);position:fixed;right:0;touch-action:none;user-select:none;-webkit-user-select:none;width:100%;z-index:100}.virtual-menu-button{align-items:center;background:linear-gradient(180deg,#5a5a5a,#3a3a3a);border:2px solid #222;border-radius:50%;box-shadow:inset 0 2px 4px #0006,inset 0 1px 0 #ffffff1a;color:#888;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .1s ease;width:36px;z-index:100}.virtual-menu-button:hover{background:linear-gradient(180deg,#6a6a6a,#4a4a4a);color:#999}.virtual-menu-button:active{box-shadow:inset 0 3px 6px #00000080,inset 0 0 0 #ffffff1a;color:#777;transform:translateY(1px)}.virtual-menu-button svg{height:18px;width:18px}.virtual-controller-wrapper{align-items:center;display:flex;flex-direction:column;gap:min(24px,4vw,5vh);margin-left:20px;margin-right:20px;max-width:100%}@media (orientation:landscape){.virtual-controller{padding-bottom:calc(env(safe-area-inset-bottom, 16px) - 20px)!important}.virtual-controller-wrapper{margin-left:20px;margin-right:20px}.virtual-dpad{height:calc(min(260px, 40vw, 35vh)*1.35)!important;width:calc(min(260px, 40vw, 35vh)*1.35)!important}.virtual-dpad-diagonal{height:calc(min(260px, 40vw, 35vh)*.338*1.35)!important;width:calc(min(260px, 40vw, 35vh)*.338*1.35)!important}.virtual-dpad-center{height:calc(min(260px, 40vw, 35vh)*.277*1.35)!important;width:calc(min(260px, 40vw, 35vh)*.277*1.35)!important}.virtual-dpad-btn{font-size:calc(min(260px, 40vw, 35vh)*.13*1.35)!important;height:calc(min(260px, 40vw, 35vh)*.338*1.35)!important;width:calc(min(260px, 40vw, 35vh)*.338*1.35)!important}.virtual-action-btn{height:calc(min(120px, 18vw, 25vh)*.85)!important;width:calc(min(120px, 18vw, 25vh)*.85)!important}}.virtual-top-row{align-items:center;box-sizing:border-box;display:flex;gap:0;justify-content:space-between;max-width:100%;overflow:hidden;padding:0;width:100%}.virtual-dpad{flex-grow:0;flex-shrink:0;height:min(260px,40vw,35vh);margin-left:0;position:relative;width:min(260px,40vw,35vh)}.virtual-dpad-diagonal{cursor:pointer;height:calc(min(260px, 40vw, 35vh)*.338);opacity:0;position:absolute;width:calc(min(260px, 40vw, 35vh)*.338);z-index:3}.virtual-dpad-up-left{left:0;top:0}.virtual-dpad-up-right{right:0;top:0}.virtual-dpad-down-left{bottom:0;left:0}.virtual-dpad-down-right{bottom:0;right:0}.virtual-dpad-center{background:linear-gradient(180deg,#2d2f2d,#1a1c1a);border-radius:4px;height:calc(min(260px, 40vw, 35vh)*.277);left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(min(260px, 40vw, 35vh)*.277);z-index:1}.virtual-dpad-btn{align-items:center;background:linear-gradient(180deg,#3a3c3a,#2a2c2a);border:2px solid #1a1c1a;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:calc(min(260px, 40vw, 35vh)*.13);font-weight:700;height:calc(min(260px, 40vw, 35vh)*.338);justify-content:center;opacity:1;position:absolute;transition:all .1s ease;width:calc(min(260px, 40vw, 35vh)*.338);z-index:2}.virtual-dpad-btn.active,.virtual-dpad-btn:active{background:linear-gradient(180deg,#4a4c4a,#3a3c3a);box-shadow:inset 0 2px 8px #00000080;color:#888;opacity:1;transform:scale(.95)}.virtual-dpad-up{left:50%;top:0;transform:translateX(-50%)}.virtual-dpad-down{bottom:0;left:50%;transform:translateX(-50%)}.virtual-dpad-left{left:0;top:50%;transform:translateY(-50%)}.virtual-dpad-right{right:0;top:50%;transform:translateY(-50%)}.virtual-dpad-down.active,.virtual-dpad-down:active,.virtual-dpad-up.active,.virtual-dpad-up:active{transform:translateX(-50%) scale(.95)}.virtual-dpad-left.active,.virtual-dpad-left:active,.virtual-dpad-right.active,.virtual-dpad-right:active{transform:translateY(-50%) scale(.95)}.virtual-action-buttons{display:flex;flex-grow:0;flex-shrink:0;gap:min(20px,3vw,4vh);margin-left:auto;margin-right:0}.virtual-action-btn{align-items:center;background:linear-gradient(145deg,#e8281f,#c41e15 50%,#a01810);border:3px solid #0000004d;border-radius:50%;box-shadow:0 4px 8px #0000004d,inset 0 3px 6px #fff3,inset 0 -3px 6px #0003;color:#fff;cursor:pointer;display:flex;font-family:Arial Black,sans-serif;font-size:calc(min(120px, 18vw, 25vh)*.33);font-weight:700;height:min(120px,18vw,25vh);justify-content:center;opacity:1;text-shadow:0 1px 2px #00000080;transition:all .1s ease;width:min(120px,18vw,25vh)}.virtual-action-btn.active,.virtual-action-btn:active{box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #ffffff1a,inset 0 -1px 2px #0000001a;opacity:1;transform:scale(.92)}.virtual-center-buttons{box-sizing:border-box;display:flex;flex-direction:row;flex-grow:0;flex-shrink:1;gap:min(20px,4vw);margin-top:16px;max-width:100%}.virtual-center-btn{align-items:center;background:linear-gradient(180deg,#5a5a5a,#3a3a3a);border:2px solid #222;border-radius:16px;box-shadow:inset 0 2px 4px #0006,inset 0 1px 0 #ffffff1a;color:#888;cursor:pointer;display:flex;font-size:calc(min(80px, 18vw)*.15);font-weight:700;height:min(32px,7vw);justify-content:center;letter-spacing:1px;opacity:1;text-transform:uppercase;transition:all .1s ease;width:min(80px,18vw)}.virtual-center-btn.active,.virtual-center-btn:active{box-shadow:inset 0 3px 6px #00000080,inset 0 0 0 #ffffff1a;opacity:1;transform:translateY(1px)}.landscape .virtual-action-btn,.landscape .virtual-action-btn.active,.landscape .virtual-action-btn:active,.landscape .virtual-center-btn,.landscape .virtual-center-btn.active,.landscape .virtual-center-btn:active,.landscape .virtual-dpad-btn,.landscape .virtual-dpad-btn.active,.landscape .virtual-dpad-btn:active,.landscape .virtual-dpad-center{opacity:.4}.control-panel-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.control-panel{animation:slideUp .3s ease-out;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);bottom:170px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:16px;max-width:400px;padding:16px;position:absolute;right:24px;z-index:1001}.control-panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:12px}.control-panel-title{color:var(--text-primary);font-size:16px;font-weight:600}.control-panel-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.control-panel-close:hover{background:var(--accent-primary);color:#fff}.control-panel-content{width:100%}.control-panel-group{display:flex;flex-direction:column;gap:12px}.control-panel-row{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:8px 0}.control-panel-row-single{justify-content:flex-start}@media (max-width:768px){.control-panel{bottom:200px;left:16px;max-width:none;right:16px}.control-panel-row{align-items:stretch;flex-direction:column}.control-panel-row-single{align-items:flex-start}}.button{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px;font-weight:600;line-height:1.5;margin:0;padding:10px 20px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:all var(--transition-fast);user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap}.button:focus:not(:focus-visible):not(.focus-visible){box-shadow:none;outline:none}.button:hover{box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-2px)}.button:focus{box-shadow:0 0 0 3px var(--accent-glow);outline:none}.button:disabled{background:var(--bg-surface);box-shadow:none;color:var(--text-muted);cursor:not-allowed;transform:none}.button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.button-danger{background:linear-gradient(135deg,#d32f2f,#f44336)}.button-danger:hover{box-shadow:0 4px 16px #f4433666}.button-danger:focus{box-shadow:0 0 0 3px #f443364d}.checkbox-container{align-items:center;border-radius:var(--border-radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;gap:8px;padding:8px 12px;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.checkbox-container:hover{background:#48b0350d}.checkbox-input{accent-color:var(--accent-primary);cursor:pointer;height:18px;width:18px}.checkbox-label{cursor:pointer}.volumepanel{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);display:flex;gap:12px;padding:8px 16px;transition:all var(--transition-fast)}.volumepanel:hover{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.volumepanel-mute{border-radius:var(--border-radius-sm);cursor:pointer;height:32px;padding:4px;transition:all var(--transition-fast);width:32px}.volumepanel-mute:hover{background:var(--bg-surface-hover);transform:scale(1.1)}.volume-slider{-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:4px;cursor:pointer;height:8px;left:0;outline:none;position:relative;top:0;transition:all var(--transition-fast);width:150px}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent-primary) 0,var(--accent-primary) 100%,var(--bg-tertiary) 100%,var(--bg-tertiary) 100%);background:linear-gradient(90deg,var(--accent-primary) 0,var(--accent-primary) var(--progress,100%),var(--bg-tertiary) var(--progress,100%),var(--bg-tertiary) 100%);border-radius:4px;height:8px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:20px;left:0;margin-top:-6px;position:relative;top:0;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);width:20px}.volume-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 8px var(--accent-glow);transform:scale(1.15)}.volume-slider::-moz-range-track{background:var(--bg-tertiary);border-radius:4px;height:8px}.volume-slider::-moz-range-thumb{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:20px;left:0;position:relative;top:0;-moz-transition:all var(--transition-fast);transition:all var(--transition-fast);width:20px}.volume-slider::-moz-range-thumb:hover{box-shadow:0 2px 8px var(--accent-glow);transform:scale(1.15)}.loading-splash{align-items:center;background:linear-gradient(135deg,#0a1e3c,#159505 50%,#001428);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:opacity .5s ease,visibility .5s ease;width:100%;z-index:9999}.loading-splash.hidden{opacity:0;visibility:hidden}.particles-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.particle{animation:float 4s ease-in-out infinite;background:#fffc;border-radius:50%;position:absolute}@keyframes float{0%,to{opacity:.8;transform:translateY(0) translateX(0)}50%{opacity:1;transform:translateY(-30px) translateX(10px)}}.glow-effect{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#1ec8504d 0,#0000 70%);border-radius:50%;height:400px;pointer-events:none;position:absolute;width:400px}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.logo-container{align-items:center;display:flex;flex-direction:column;position:relative;z-index:10}.logo-image{animation:logoBounce 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(30,200,80,.5));height:auto;width:200px}@keyframes logoBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading-text{color:#fff;font-size:24px;font-weight:600;letter-spacing:2px;margin-top:40px;text-align:center}.loading-dots{display:inline-flex;gap:4px;margin-left:8px}.loading-dot{animation:dotPulse 1.4s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.progress-bar{background:#fff3;border-radius:2px;height:4px;margin-top:30px;overflow:hidden;width:300px}.progress-fill{animation:progressAnim 2s linear infinite;background:linear-gradient(90deg,#1e6428,#48b035,#1e6428);background-size:200% 100%;border-radius:2px;height:100%;width:100%}@keyframes progressAnim{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-out{animation:fadeOut .8s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.gamelist{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden;width:320px}.gamelist-modal{border:none;border-radius:0;box-shadow:none;height:100%;width:100%}.gamelist-input{border-bottom:1px solid var(--border-color);margin:0;padding:16px;width:100%}.gamelist-items{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));overflow-x:hidden;overflow-y:auto;padding:24px}.gamelist-flex{display:flex;justify-content:center;text-align:center;width:100%}.gamelist-modal-thumbnail{height:200px;object-fit:scale-down;padding-top:10px;width:150px}.gamelist-modal-item{padding:10px}.gamelist-modal-content{padding-top:10px}.gameitem{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all var(--transition-fast)}.gameitem:hover{background:var(--bg-surface-hover);border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.gameitem-checked{background:var(--bg-surface)!important;border-color:var(--accent-primary)!important;box-shadow:var(--shadow-glow)}.gameitem>img{background:#fff;border-radius:var(--border-radius-md);height:180px;max-width:140px;object-fit:scale-down;width:100%}.gameitem-contents{display:flex;flex-direction:column;gap:8px;text-align:center;width:100%}.gameitem-buttons{display:flex;flex-direction:row;gap:8px;justify-content:center;width:100%}.gameitem-contents p{color:var(--text-secondary);font-size:13px;margin:0}.gameitem-contents p:first-child{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search{position:relative;width:100%}.search-input{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);box-sizing:border-box;color:var(--text-primary);font-size:14px;height:48px;outline:none;padding:12px 44px 12px 20px;transition:all var(--transition-fast);width:100%}.search-input::placeholder{color:var(--text-muted)}.search-input:focus,.search:hover .search-input{border-color:var(--accent-primary)}.search-input:focus{box-shadow:0 0 0 3px var(--accent-glow)}.search-icon{color:var(--text-muted);cursor:pointer;height:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color var(--transition-fast);width:20px}.search:hover .search-icon{color:var(--accent-primary)}.modal{align-items:center;animation:fadeIn var(--transition-normal);background-color:#000000b3;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-show,.modal>*{display:flex}.modal>*{animation:slideUp var(--transition-normal);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;margin:0;max-height:90vh;max-width:90vw}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;box-sizing:border-box;font-size:18px;font-weight:600;justify-content:space-between;left:0;padding:20px 24px;position:relative;text-align:left;top:0;width:100%}.modal-close-button,.modal-header{align-items:center;color:#fff;display:flex}.modal-close-button{background:#fff3;border:none;border-radius:50%;cursor:pointer;height:36px;justify-content:center;padding:0;transition:all var(--transition-fast);width:36px}.modal-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-close-icon{stroke:currentColor;height:20px;width:20px}.modal-contents{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px}.footer{border-top:1px solid #dde2e9;color:#41464f;display:none;font-size:14px;margin-top:10px;padding-top:10px}.footer a{text-decoration:none}.footer a:visited{color:#41464f}.footer a:hover{color:#1664ff}.footer span{padding-left:5px;padding-right:5px}.nescontroller{margin:0 auto;padding:20px 0;position:relative;width:520px}.nescontroller-base{background:linear-gradient(135deg,#d4d2c8,#c9c7bd 50%,#bebcb2);border-radius:16px;box-shadow:0 10px 30px #0000004d,inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a;height:240px;overflow:hidden;position:relative;width:520px;z-index:1}.nescontroller-base:before{background:linear-gradient(90deg,#ffffff4d,#0000 50%),radial-gradient(circle at 80% 20%,#fff3 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.nescontroller-title{color:#333;font-size:14px;font-weight:600;letter-spacing:1px;margin:0;padding:16px 24px 0;position:relative;text-transform:uppercase;z-index:10}.nescontroller-front{background:linear-gradient(180deg,#4a4e4b,#2a2d2b 50%,#1f2220);border-radius:12px;box-shadow:inset 0 4px 8px #0009,inset 0 1px 0 #ffffff1a;height:180px;margin:0 auto;overflow:hidden;position:relative;top:12px;width:490px}.nescontroller-decoration{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.nescontroller-decoration-central{display:flex;flex-direction:column;gap:8px;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%)}.nescontroller-decoration-central div{background:linear-gradient(90deg,#0000,#6478504d 20%,#6478504d 80%,#0000);border-radius:16px;height:32px;width:160px}.nescontroller-stickers{color:#c41e3a;font-family:Orbitron,Arial Black,sans-serif;font-size:13px;font-weight:900;letter-spacing:1px;position:absolute;text-shadow:0 1px 2px #0000004d;z-index:10}.nescontroller-st-b{left:380px;position:absolute;top:155px}.nescontroller-st-a{left:445px;position:absolute;top:145px}.nescontroller-st-select{font-size:11px;left:178px;position:absolute;top:75px}.nescontroller-st-start{font-size:11px;left:262px;position:absolute;top:75px}.nescontroller-cross{height:100px;left:30px;position:absolute;top:55px;width:120px}.nescontroller-circle{background:linear-gradient(180deg,#1a1a1a,#3a3a3a);border-radius:50%;box-shadow:inset 0 -2px 4px #00000080,inset 0 2px 4px #ffffff1a;height:24px;width:24px;z-index:4}.nescontroller-circle,.nescontroller-horizontal{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.nescontroller-horizontal,.nescontroller-vertical{background:linear-gradient(180deg,#2d2f2d,#1a1c1a);border-radius:6px;box-shadow:inset 0 2px 4px #00000080,inset 0 -1px 2px #ffffff0d;height:40px;width:110px;z-index:2}.nescontroller-vertical{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;transform:rotate(90deg)}.nescontroller-back-cross,.nescontroller-back-cross .nescontroller-vert{background:linear-gradient(180deg,#d4d2c8,#c4c2b8);border-radius:8px;bottom:0;box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #fffc;height:45px;left:0;margin:auto;position:absolute;right:0;top:0;width:115px;z-index:1}.nescontroller-back-cross .nescontroller-vert{transform:rotate(90deg)}.nescontroller-arrowlf{border-bottom:12px solid #0000;border-left:16px solid #111;border-top:12px solid #0000;height:0;opacity:.4;position:absolute;right:10px;top:8px;width:0}.nescontroller-arrowlf:before{background-color:#111;border-radius:2px 0 0 2px;content:"";height:16px;left:-26px;position:absolute;top:-8px;width:14px}.nescontroller-arrowrh{border-bottom:12px solid #0000;border-right:16px solid #111;border-top:12px solid #0000;height:0;left:10px;opacity:.4;position:absolute;top:8px;width:0}.nescontroller-arrowrh:before{background-color:#111;border-radius:0 2px 2px 0;content:"";height:16px;left:12px;position:absolute;top:-8px;width:14px}.nescontroller-buttons-a-b{align-items:flex-end;display:flex;flex-direction:row-reverse;gap:12px;height:70px;position:absolute;right:30px;top:65px}.nescontroller-btn-border{background:linear-gradient(145deg,#f5f4f0,#e5e4dc);border-radius:10px;box-shadow:0 4px 8px #0003,inset 0 2px 4px #ffffffe6,inset 0 -2px 4px #0000001a;height:60px;position:relative;width:60px}.nescontroller-btn-round{background:linear-gradient(145deg,#e8281f,#c41e15 50%,#a01810);border:2px solid #0000004d;border-radius:50%;bottom:6px;box-shadow:0 4px 8px #0000004d,inset 0 3px 6px #ffffff4d,inset 0 -3px 6px #0003;height:48px;left:6px;margin:auto;position:absolute;right:6px;top:6px;transition:all .1s ease;width:48px}.nescontroller-btn-round:active{box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #fff3,inset 0 -1px 2px #0000001a;top:8px}.nescontroller-buttons-select{align-items:center;background:linear-gradient(145deg,#d4d2c8,#c4c2b8);border:4px solid #d4d2c8;border-radius:12px;box-shadow:0 4px 8px #0003,inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a;display:flex;gap:20px;height:48px;justify-content:center;left:0;margin:auto;position:absolute;right:0;top:105px;width:160px;z-index:3}.nescontroller-btn-central{background:linear-gradient(180deg,#5a5a5a,#3a3a3a);border:1px solid #222;border-radius:10px;box-shadow:inset 0 2px 4px #0006,inset 0 1px 0 #fff3;height:20px;position:relative;transition:all .1s ease;width:50px}.nescontroller-btn-central:active{box-shadow:inset 0 3px 6px #00000080,inset 0 0 0 #fff3;transform:translateY(1px)}.landscape-tips{left:20px;opacity:0;pointer-events:none;position:fixed;top:20px;transform:translateY(-20px);transition:all .3s ease;z-index:1000}.landscape-tips-show{opacity:1;pointer-events:auto;transform:translateY(0)}.landscape-tips-content{align-items:center;background:#000000d9;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;gap:12px;max-width:calc(100vw - 40px);padding:12px 16px}.landscape-tips-text{color:#fff;font-size:14px;line-height:1.4}.toast{left:20px;opacity:0;pointer-events:none;position:fixed;top:20px;transform:translateY(-20px);transition:all .3s ease;z-index:1000}.toast-show{opacity:1;pointer-events:auto;transform:translateY(0)}.toast-content{align-items:center;background:#000000d9;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;gap:12px;max-width:calc(100vw - 40px);padding:12px 16px}.toast-text{color:#fff;font-size:14px;line-height:1.4}.save-load-modal{padding:20px}.save-load-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.save-slot{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:16px;height:320px;padding:20px;transition:all var(--transition-fast);width:190px}.save-slot:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.save-slot-number{color:var(--text-primary);flex-shrink:0;font-size:16px;font-weight:600}.save-slot-thumbnail{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-shrink:0;height:160px;justify-content:center;overflow:hidden;width:100%}.save-slot-thumbnail img{height:100%;object-fit:contain;width:100%}.save-slot-empty{color:var(--text-muted);font-size:14px}.save-slot-actions{display:flex;flex-direction:row;flex-shrink:0;gap:8px;margin-top:auto;width:100%}.save-slot-actions .button{flex:1 1;font-size:13px;padding:10px 8px}.save-slot-auto{border-color:var(--accent-primary);box-shadow:0 0 15px #667eea4d;box-shadow:0 0 15px rgba(var(--accent-primary-rgb,102,126,234),.3)}.save-slot-auto:hover{box-shadow:0 0 25px #667eea80;box-shadow:0 0 25px rgba(var(--accent-primary-rgb,102,126,234),.5)}.save-slot-auto .save-slot-number{color:var(--accent-primary)}.button-disabled{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-muted);cursor:not-allowed;opacity:.5}.background{height:100vh;position:fixed;width:100vw;z-index:-1}.background-tile{display:inline-block;height:96px;padding:16px;width:96px}.background-row{text-wrap:nowrap}.background-tile img{height:100%;opacity:.2;width:100%}
/*# sourceMappingURL=main.7e880b6f.css.map*/