*{box-sizing:border-box;margin:0;padding:0}html,body{color:#ddd;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#111;height:100%;font-family:system-ui,sans-serif;overflow:hidden}.hidden{display:none!important}button{color:#ddd;cursor:pointer;background:#2a2a2e;border:1px solid #444;border-radius:8px;padding:8px 14px;font-size:14px}button.active{color:#fff;background:#4a7dff;border-color:#4a7dff}#view-library{height:100%;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px 16px;flex-direction:column;gap:12px;max-width:560px;margin:0 auto;display:flex}#view-library h1{font-size:20px}.file-label{color:#fff;cursor:pointer;text-align:center;background:#4a7dff;border-radius:8px;padding:10px 18px;font-size:14px;display:inline-block}input[type=file]{display:none}#import-status{color:#8a8a92;text-align:center;min-height:14px;font-size:12px}#btn-resume{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#1f6f3f;border-color:#2c8a52;width:100%;padding:12px;font-size:14px;overflow:hidden}#resume-name{opacity:.75;margin-left:8px;font-size:12px}#sys-tabs{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}#sys-tabs::-webkit-scrollbar{display:none}.sys-tab{color:#999;background:#1c1c20;border-radius:999px;flex:none;align-items:baseline;gap:5px;padding:7px 12px;font-size:13px;font-weight:600;display:flex}.sys-tab.active{color:#fff;background:#4a7dff;border-color:#4a7dff}.sys-count{opacity:.7;font-size:11px;font-weight:400}#lib-tabs{gap:6px;display:flex}.lib-tab{color:#999;background:#1c1c20;flex:1;padding:8px 4px;font-size:13px}.lib-tab.active{color:#fff;background:#2f2f36;border-color:#666}.rom-fav{color:#666;background:0 0;border:none;padding:6px 4px;font-size:18px;line-height:1}.rom-fav.on{color:#f5c518}.rom-row.rom-running{border-color:#2c8a52}#rom-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.rom-row{background:#1c1c20;border:1px solid #333;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.rom-info{cursor:pointer;flex:1;min-width:0}.rom-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.rom-meta{color:#888;margin-top:2px;font-size:12px}.rom-del,.save-del{color:#666;background:0 0;border:none;padding:8px;font-size:16px}.rom-empty{color:#777;text-align:center;padding:32px 16px;font-size:13px}#view-player{flex-direction:column;height:100%;display:flex}#toolbar{padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 8px;flex-direction:column;gap:6px;display:flex}.toolbar-row{justify-content:center;align-items:center;gap:8px;display:flex}.toolbar-row button{padding:6px 14px;font-size:13px}#status{color:#888;text-align:center;min-height:14px;font-size:11px}#screen-area{justify-content:center;align-items:flex-start;display:flex}#screen{image-rendering:pixelated;background:#000}#pad-area{touch-action:none;flex:1;min-height:180px;position:relative}.pad-hidden{visibility:hidden}.pad-dpad{opacity:.45;width:34vw;max-width:180px;height:34vw;max-height:180px;position:absolute;bottom:22%;left:6%}.pad-dpad-cross{background:linear-gradient(#555,#555) 50%/33% 100% no-repeat,linear-gradient(#555,#555) 50%/100% 33% no-repeat;border-radius:10px;position:absolute;inset:0}.pad-face{opacity:.45;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:26%;right:6%}.pad-round{color:#ccc;background:#555;border-radius:50%;justify-content:center;align-items:center;width:17vw;max-width:88px;height:17vw;max-height:88px;font-size:16px;font-weight:700;display:flex}.pad-face .pad-round:last-child{margin-bottom:26px}.pad-center{opacity:.45;gap:16px;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.pad-face-diamond{opacity:.45;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:44vw;max-width:230px;height:44vw;max-height:230px;display:grid;position:absolute;bottom:18%;right:4%}.pad-face-diamond .pad-round{width:100%;max-width:none;height:100%;max-height:none;font-size:14px}.pad-pos-x{grid-area:1/2}.pad-pos-y{grid-area:2/1}.pad-pos-a{grid-area:2/3}.pad-pos-b{grid-area:3/2}.pad-shoulder{color:#ccc;opacity:.45;background:#555;border-radius:10px;justify-content:center;align-items:center;width:22vw;max-width:120px;height:38px;font-size:13px;font-weight:700;display:flex;position:absolute;top:2%}.pad-l{left:4%}.pad-r{right:4%}.pad-small{color:#ccc;background:#555;border-radius:12px;padding:6px 14px;font-size:10px}@media (orientation:landscape){#toolbar{z-index:10;background:#111111d9;display:none;position:absolute;top:0;left:0;right:0}#toolbar.overlay-visible{display:flex}#screen-area{flex:1;align-items:center}#pad-area{pointer-events:none;min-height:0;position:absolute;inset:0}#pad-area>*{pointer-events:auto}.pad-dpad{width:26vh;height:26vh;bottom:8%;left:3%}.pad-round{width:12vh;height:12vh}.pad-face{bottom:12%;right:3%}.pad-center{bottom:3%}body.gamepad-connected #pad-area{display:none}}#load-modal{z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:#1c1c20;border:1px solid #333;border-radius:14px;flex-direction:column;width:100%;max-width:420px;max-height:80vh;display:flex}.modal-head{border-bottom:1px solid #2a2a2e;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modal-head h2{font-size:16px}#load-list{flex-direction:column;gap:8px;padding:10px;display:flex;overflow-y:auto}.save-row{background:#26262b;border-radius:10px;align-items:center;gap:12px;padding:8px;display:flex}.save-thumb{width:64px;image-rendering:pixelated;background:#000;border-radius:6px}.save-info{cursor:pointer;flex:1}.save-slot{font-size:14px}.save-date{color:#888;font-size:12px}