:root{--btn-base:#333;--btn-active:#555;--btn-dpad:#222;--bg-color:#000;--text-color:#fff}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;margin:0;padding:0}body,html,#root{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-color);font-family:sans-serif;overflow:hidden}.gamepad-container{justify-content:space-between;align-items:center;width:100%;height:100%;padding:20px 40px;display:flex;position:relative}.status-overlay{z-index:100;color:#fff;background:#000c;flex-direction:column;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;inset:0}.status-overlay p{margin:10px}.d-pad-section{flex:1;justify-content:flex-start;align-items:center;display:flex}.d-pad{flex-direction:column;align-items:center;width:150px;height:150px;display:flex}.d-pad-row{justify-content:center;width:100%;height:50px;display:flex}.center-row{justify-content:space-between}.d-pad-center{background-color:var(--btn-dpad);width:50px;height:50px}.d-btn{background-color:var(--btn-dpad);border-radius:8px;width:50px;height:50px;position:relative}.d-btn:active,.d-btn.active{background-color:var(--btn-active)}.d-btn.up{border-bottom-right-radius:0;border-bottom-left-radius:0}.d-btn.down{border-top-left-radius:0;border-top-right-radius:0}.d-btn.left{border-top-right-radius:0;border-bottom-right-radius:0}.d-btn.right{border-top-left-radius:0;border-bottom-left-radius:0}.center-section{flex:1;justify-content:center;align-items:flex-end;gap:20px;height:100%;padding-bottom:30px;display:flex}.sys-btn{background-color:var(--btn-base);border-radius:15px;justify-content:center;align-items:center;width:60px;height:30px;font-size:.7rem;font-weight:700;display:flex}.sys-btn:active{background-color:var(--btn-active)}.action-section{flex:1;justify-content:flex-end;align-items:center;display:flex}.action-buttons{width:150px;height:150px;position:relative}.act-btn{background-color:var(--btn-base);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;font-weight:700;display:flex;position:absolute;box-shadow:inset 0 4px #fff3}.act-btn:active{background-color:var(--btn-active);transform:scale(.95)}.act-btn.x{background-color:#0078d7;top:0;left:50px}.act-btn.a{background-color:#107c10;bottom:0;left:50px}.act-btn.y{color:#000;background-color:#ffb900;top:50px;left:0}.act-btn.b{background-color:#d83b01;top:50px;right:0}.landing-page{text-align:center;color:#fff;background-color:#111;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;overflow-y:auto}.landing-page h1{color:#ffb900;margin-bottom:10px;font-size:2rem}.dog-images{flex-wrap:wrap;justify-content:center;gap:15px;margin:20px 0;display:flex}.dog-images img{object-fit:cover;border:3px solid #333;border-radius:20px;width:150px;height:150px;box-shadow:0 4px 15px #00000080}.instructions{text-align:left;background:#222;border-radius:12px;margin:20px 0;padding:15px 25px}.instructions ol{margin-top:10px;margin-left:20px}.install-btn{color:#fff;cursor:pointer;background-color:#0078d7;border:none;border-radius:25px;margin-top:10px;padding:12px 24px;font-size:1.1rem;font-weight:700;box-shadow:inset 0 4px #fff3}.install-btn:active{background-color:#005a9e;transform:scale(.95)}@media (orientation:portrait){.gamepad-container{flex-direction:column;padding:20px}.center-section{align-items:center;padding-bottom:0}}