.promo-list{position:relative;margin:18px 0}.promo-list__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.promo-card{position:relative;border-radius:12px;padding:12px 14px;background:linear-gradient(135deg,#4b3fe3,#7b5cff);color:#fff;box-shadow:0 4px 14px #4b3fe338;overflow:hidden}.promo-badge{position:relative;display:inline-block;font-size:12px;padding:2px 10px;border-radius:999px;background:#ffd166;color:#3a2e00;font-weight:700;margin-bottom:8px}.promo-body{display:flex;gap:12px;align-items:center}.promo-text{flex:1 1 auto;min-width:0}.promo-text h3{margin:0 0 2px;font-size:15px;line-height:1.3;font-weight:700}.promo-text .promo-desc{margin:0;font-size:12px;line-height:1.4;opacity:.92}.promo-qr{flex:0 0 auto;text-align:center;background:#fff;border-radius:8px;padding:5px}.promo-qr img{width:72px;height:72px;display:block;border-radius:4px;object-fit:contain}.promo-link{flex:0 0 auto}.promo-link__btn{display:inline-flex;align-items:center;padding:8px 14px;background:#fff;color:#4b3fe3;border-radius:8px;font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 2px 6px #00000014;transition:transform .15s ease,box-shadow .15s ease}.promo-link__btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000024}.promo-link__btn:active{transform:translateY(0)}@media(max-width:560px){.promo-list__items{grid-template-columns:1fr}}@media(max-width:360px){.promo-body{flex-wrap:wrap;justify-content:center;text-align:center}.promo-text{flex:1 1 100%;text-align:center}}.visitor-counter{margin:10px 0 0;font-size:13px;color:var(--fg-dim, #606770);display:inline-flex;align-items:center;gap:4px}.visitor-counter strong{color:var(--accent, #2f6feb);font-weight:700;font-variant-numeric:tabular-nums}.home{max-width:720px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:24px}.home-header h1{margin:8px 0;font-size:26px}.home-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.subtitle{color:var(--fg-dim);margin:0}.theme-switch{display:inline-flex;flex-shrink:0;border:1px solid var(--border);border-radius:999px;background:var(--bg-elev);padding:3px;gap:2px}.theme-switch button{min-height:30px;padding:4px 12px;border:none;background:transparent;color:var(--fg-dim);font-size:13px;border-radius:999px;line-height:1}.theme-switch button.is-active{background:var(--accent);color:var(--accent-fg);font-weight:600}.dropzone{border:2px dashed var(--border);border-radius:12px;background:var(--bg-elev);padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;transition:border-color .15s,background .15s}.dropzone.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg-elev))}.hint{color:var(--fg-dim);font-size:13px;margin:0}.error{color:var(--danger);margin:0}.patch-row{display:flex;align-items:center;gap:8px;font-size:13px}.patch-name{color:var(--fg-dim);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.link{background:none;border:none;padding:0;color:var(--accent);font-size:13px;cursor:pointer;text-decoration:underline}button.link:disabled{opacity:.5;cursor:default}.recent h2{font-size:18px}.recent ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.recent li{display:flex;justify-content:space-between;gap:12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:10px 14px}.rom-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rom-meta{color:var(--fg-dim);font-size:13px;white-space:nowrap}.recent-del{flex-shrink:0;width:22px;height:22px;border:none;border-radius:50%;background:transparent;color:var(--fg-dim);font-size:16px;line-height:22px;cursor:pointer;transition:background .15s,color .15s;padding:0;text-align:center}.recent-del:hover{background:var(--danger);color:#fff}.recent-resume{flex-shrink:0;align-self:center;min-height:28px;padding:4px 12px;border:1px solid var(--accent, #4b3fe3);border-radius:999px;background:var(--accent, #4b3fe3);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:filter .15s}.recent-resume:hover{filter:brightness(1.08)}.home-footer{color:var(--fg-dim);font-size:13px;text-align:center}.keymap-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:20}.keymap-panel{width:min(92vw,480px);max-height:80vh;overflow:auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:16px}.keymap-head{display:flex;align-items:center;justify-content:space-between}.keymap-head h3{margin:0;font-size:16px}.keymap-close{background:none;border:none;font-size:22px;color:var(--fg-dim);cursor:pointer;line-height:1}.keymap-tip{color:var(--fg-dim);font-size:12px;margin:10px 0 0}.keymap-list{list-style:none;margin:12px 0 0;padding:0}.keymap-item{display:flex;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid var(--border)}.keymap-item.listening{background:color-mix(in srgb,var(--accent) 8%,var(--bg-elev));border-radius:6px}.keymap-name{width:96px;flex-shrink:0;font-size:14px}.keymap-codes{flex:1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0;color:var(--fg-dim);font-size:13px}.keymap-chip{min-height:28px;padding:2px 8px;font-size:12px;border-radius:6px;background:var(--bg)}.keymap-none{color:var(--fg-dim);font-size:13px}.keymap-bind{min-height:32px;padding:4px 12px;font-size:13px;flex-shrink:0}.keymap-foot{display:flex;justify-content:flex-end;margin-top:14px}.keymap-foot button{min-height:36px;padding:6px 14px}.side-promo{display:flex;flex-direction:column;gap:10px;height:100%;overflow-y:auto}.side-promo__card{background:linear-gradient(145deg,#4b3fe3,#7b5cff);border-radius:10px;padding:10px;color:#fff;box-shadow:0 3px 10px #4b3fe333;display:flex;align-items:center;gap:10px}.side-promo__text{flex:1 1 auto;min-width:0}.side-promo__text h3{margin:0 0 2px;font-size:13px;line-height:1.3;font-weight:700}.side-promo__text .side-promo__desc{margin:0;font-size:11.5px;line-height:1.4;opacity:.92}.side-promo__qr{flex:0 0 auto;background:#fff;border-radius:6px;padding:4px}.side-promo__qr img{width:64px;height:64px;display:block;border-radius:3px;object-fit:contain}.side-promo__link{flex:0 0 auto}.side-promo__link-btn{display:inline-block;padding:7px 12px;background:#fff;color:#4b3fe3;border-radius:6px;font-size:11.5px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 2px 5px #00000014;transition:transform .15s ease,box-shadow .15s ease}.side-promo__link-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0000001f}.side-promo__link-btn:active{transform:translateY(0)}.player{height:100%;display:flex;flex-direction:column;position:relative}.player-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-elev);border-bottom:1px solid var(--border);flex-wrap:wrap}.player-title{flex:1;min-width:0;display:flex;flex-direction:column}.player-title .rom-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-title .rom-meta{color:var(--fg-dim);font-size:12px}.player-actions{display:flex;gap:8px;flex-wrap:wrap}.player-actions button{min-height:40px;padding:6px 12px}.screen-wrap{flex:1;display:flex;flex-direction:row;align-items:stretch;padding:12px;min-height:0;position:relative;gap:12px}.screen-center{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;position:relative}.screen-viewport{width:min(900px,100%);aspect-ratio:3 / 2;max-height:100%;background:var(--screen-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.screen-canvas{width:100%;height:100%;object-fit:contain;background:var(--screen-bg);image-rendering:pixelated;image-rendering:crisp-edges}.player.is-fullscreen{background:var(--screen-bg)}.player.is-fullscreen .player-bar,.player.is-fullscreen .player-help{display:none}.player.is-fullscreen .screen-wrap{padding:0;gap:0}.player.is-fullscreen .side-promo{display:none}.fullscreen-exit{position:fixed;top:12px;right:12px;z-index:40;min-height:36px;padding:4px 12px;font-size:13px;opacity:.9;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;color:var(--fg)}.fullscreen-exit:hover{opacity:1}.error{position:absolute;bottom:16px;color:var(--danger)}.notice{position:absolute;bottom:16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:6px 14px;color:var(--fg)}.player-help{padding:8px 12px;color:var(--fg-dim);font-size:13px;text-align:center;border-top:1px solid var(--border)}.cheat-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:20}.cheat-panel{width:min(92vw,420px);max-height:80vh;overflow:auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:16px}.cheat-head{display:flex;align-items:center;justify-content:space-between}.cheat-head h3{margin:0;font-size:16px}.cheat-close{background:none;border:none;font-size:22px;color:var(--fg-dim);cursor:pointer;line-height:1}.cheat-add{display:flex;gap:8px;margin-top:12px}.cheat-add input{flex:1;min-height:38px;padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-family:monospace}.cheat-add button{min-height:38px;padding:6px 14px}.cheat-error{color:var(--danger);font-size:12px;margin:8px 0 0}.cheat-list{list-style:none;margin:12px 0 0;padding:0}.cheat-empty{color:var(--fg-dim);text-align:center;padding:16px 0;font-size:13px}.cheat-item{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;border-bottom:1px solid var(--border)}.cheat-item label{display:flex;align-items:center;gap:8px;cursor:pointer;flex:1}.cheat-code{font-family:monospace;letter-spacing:1px}.cheat-remove{background:none;border:none;color:var(--danger);cursor:pointer;font-size:13px}@media(max-width:767px)and (orientation:landscape){.player-bar{padding:4px 8px}.player-help{display:none}.screen-viewport{max-height:calc(100vh - 60px)}}.nds-screen{display:flex;gap:8px;align-items:center;justify-content:center;max-width:100%;max-height:100%}.nds-vertical{flex-direction:column}.nds-horizontal{flex-direction:row}.nds-single{position:relative;flex-direction:column}.nds-single .nds-top{width:100%;max-height:100%}.nds-single .nds-bottom{position:absolute;bottom:6px;right:6px;width:128px;height:96px;border:2px solid rgba(255,255,255,.3);border-radius:4px;opacity:.85}.nds-screen .screen-canvas{flex-shrink:0;width:auto;height:auto;max-width:min(100%,512px);max-height:min(50vh,384px);background:var(--screen-bg);image-rendering:pixelated;image-rendering:crisp-edges}.nds-bottom{cursor:pointer;touch-action:none}.nds-horizontal .screen-canvas{max-width:min(48%,512px);max-height:80vh}@media(max-width:1100px){.side-promo{display:none}.screen-wrap{gap:0}}:root{--bg: #f5f6f8;--bg-elev: #ffffff;--fg: #1c1e21;--fg-dim: #606770;--border: #dfe3e8;--accent: #2f6feb;--accent-fg: #ffffff;--danger: #d93025;--screen-bg: #000000}[data-theme=dark]{--bg: #15181d;--bg-elev: #1e232a;--fg: #e6e8eb;--fg-dim: #9aa0a8;--border: #333a44;--accent: #4d8dff;--accent-fg: #ffffff;--danger: #ff6b5e;--screen-bg: #000000}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);border-radius:8px;padding:8px 14px;min-height:44px}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--accent)}.install-prompt{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:12px;max-width:min(480px,calc(100vw - 32px));padding:12px 14px;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px #0000002e;animation:install-prompt-in .25s ease-out}@keyframes install-prompt-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.install-prompt-icon{flex:none;color:var(--accent)}.install-prompt-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.install-prompt-text strong{font-size:14px}.install-prompt-text span{font-size:12px;color:var(--fg-dim)}.install-prompt-actions{flex:none;display:flex;align-items:center;gap:6px}.install-prompt-install{min-height:36px;padding:6px 16px}.install-prompt-close{display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border:none;background:transparent;color:var(--fg-dim)}.install-prompt-close:hover{color:var(--fg);background:var(--border)}.seo-landing{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.seo-landing__inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.seo-block h2{margin:0 0 10px;font-size:18px;color:var(--fg, #1c1e21)}.seo-block p{margin:0 0 10px}.seo-block strong{color:var(--fg, #1c1e21);font-weight:600}.seo-block ul{margin:0 0 10px;padding-left:20px}.seo-block li{margin:4px 0}.seo-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.seo-tags li{margin:0;padding:4px 10px;font-size:13px;border:1px solid var(--border, #dfe3e8);border-radius:999px;background:var(--bg, #f5f6f8);color:var(--fg-dim, #606770)}.seo-note{font-size:13px;color:var(--fg-dim, #606770);border-left:3px solid var(--accent, #2f6feb);padding-left:10px;margin-top:6px}