#gamepad-layout { flex-direction: column; justify-content: center; align-items: center; }
.gamepad-body { display: flex; width: 100%; justify-content: space-around; align-items: center; gap: 10px; flex-wrap: wrap; }
.left-column, .right-container { display: flex; flex-direction: column; align-items: center; gap: 10px; }

.left-actions { 
    display: flex; 
    align-items: center; 
    gap: 8px;
    width: 120px; 
    justify-content: space-between;
    position: relative;
}

.left-actions #zipName { display: none !important; }

.left-actions .sys-btn,
#zipLoadBtn {
    width: 50px;
    height: 28px;
    border-radius: 6px;
    font-size: 10px;
    padding: 0 8px;
}

.dpad-container { width: 120px; height: 120px; position: relative; }
.dbtn { position: absolute; background: var(--btn-bg); border: 2px solid var(--btn-border); border-radius: 8px; width: 42px; height: 42px; }
#btn-up { top: 0; left: 39px; }
#btn-down { bottom: 0; left: 39px; }
#btn-left { left: 0; top: 39px; }
#btn-right { right: 0; top: 39px; }

.center-container { display: flex; flex-direction: column; align-items: center; gap: 15px; }
.system-btns { display: flex; flex-direction: column; gap: 15px; }
.sys-btn { background: var(--btn-bg); width: 70px; height: 28px; border-radius: 14px; font-size: 10px; border: 2px solid var(--btn-border); color: var(--text-color); font-weight: bold; }
.joystick-box { width: 120px; aspect-ratio: 4/3; background: var(--bg-color); border: 2px solid var(--btn-border); border-radius: 12px; }

.action-btns-top, .action-btns { display: flex; gap: 12px; }
.abtn { width: 46px; height: 46px; background: var(--btn-bg); border-radius: 50%; color: var(--text-color); font-weight: bold; border: 2px solid var(--btn-border); font-size: 18px; display: flex; align-items: center; justify-content: center; }

.mbtn { background: var(--btn-bg); width: 50px; height: 28px; border-radius: 6px; font-size: 10px; border: 2px solid var(--btn-border); color: var(--text-color); font-weight: bold; }
.switch-row { display: flex; gap: 8px; }

.gamepad-bottom-link {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.gamepad-bottom-link a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.gamepad-bottom-link a:hover { color: #ffffff; }

.github-icon { display: inline-flex; width: 16px; height: 16px; color: inherit; }
.github-text { font-weight: 600; letter-spacing: 0.02em; }