/* Condo Arcade shared shell - all-green #188038, mobile first */
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;background:#0b1410;color:#e6f4ea;display:flex;flex-direction:column;min-height:100vh;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}
.ac-top{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#188038;color:#fff;font-size:15px;flex-wrap:wrap}
.ac-top a{color:#fff;text-decoration:none;font-weight:bold;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.15)}
.ac-top a:hover{background:rgba(255,255,255,.28)}
.ac-title{font-weight:bold;font-size:17px;flex:1}
.ac-stat{font-size:14px;opacity:.95}.ac-stat b{font-size:16px;margin-left:4px}
.ac-help{font-size:12px;color:#9fd3b1;text-align:center;padding:6px 12px}
.ac-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;position:relative;min-height:0}
.ac-wrap{position:relative;line-height:0}
canvas.ac-canvas{background:#08110d;border:2px solid #188038;border-radius:8px;max-width:100%;max-height:100%;touch-action:none;display:block}
.ac-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(5,15,10,.82);border-radius:8px;line-height:1.4;text-align:center;padding:16px}
.ac-overlay h2{font-size:26px;color:#fff}.ac-overlay p{color:#c8ecd4;font-size:15px}
.ac-btn{margin-top:6px;border:0;background:#188038;color:#fff;font-size:16px;font-weight:bold;padding:12px 26px;border-radius:999px;cursor:pointer}
.ac-btn:hover{background:#146b2f}
.ac-overlay[hidden]{display:none}
.ac-pad{display:none;gap:18px;justify-content:center;align-items:center;padding:8px 10px 14px;user-select:none}
.ac-pad.show{display:flex}
.ac-dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:4px}
.ac-key{background:#163f27;border:1px solid #2c7d4b;border-radius:10px;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none}
.ac-key:active,.ac-key.down{background:#188038}
.ac-key.blank{visibility:hidden}
.ac-act{width:76px;height:76px;border-radius:50%;background:#188038;border:2px solid #4fd77f;color:#fff;font-weight:bold;font-size:14px;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none}
.ac-act:active{background:#146b2f}
.ac-pad.nopad .ac-dpad{display:none}
.ac-pad.noact .ac-act{display:none}
@media (max-width:600px){.ac-top{gap:8px;padding:8px 10px}.ac-title{font-size:15px}.ac-stat{font-size:12px}.ac-stat b{font-size:14px}}
.ac-mute{border:0;background:rgba(255,255,255,.15);color:#fff;font-size:16px;line-height:1;width:34px;height:34px;border-radius:50%;cursor:pointer;flex:none}
.ac-mute:hover{background:rgba(255,255,255,.28)}