#chm-arcade-root{position:fixed;inset:0;z-index:100000;width:100vw;height:100dvh;background:#07060a;color:#f6efe6;font-family:Verdana,sans-serif;overflow:hidden}
body.admin-bar #chm-arcade-root{top:32px;height:calc(100dvh - 32px)}
@media(max-width:782px){body.admin-bar #chm-arcade-root{top:46px;height:calc(100dvh - 46px)}}
#chm-arcade-root *,#chm-arcade-root *::before,#chm-arcade-root *::after{box-sizing:border-box}
#chm-arcade-root button{appearance:none;-webkit-appearance:none;font-family:inherit;cursor:pointer;line-height:1}
.chm-shell{height:100%;display:flex;justify-content:center;background:#07060a}
.chm-device{width:min(480px,100%);height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a1218,#07060a);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}
.chm-brand{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 8px;letter-spacing:.14em;font-size:11px;color:#f3c1d4}
.chm-brand b{color:#fff;font-size:13px}
.chm-brand a{color:#f0c36a;text-decoration:none}
.chm-screen-bezel{flex:1;min-height:0;background:#1c1418;border-radius:16px;padding:8px}
.chm-screen{position:relative;height:100%;background:#141018;border-radius:10px;overflow:hidden}
.chm-screen canvas{width:100%;height:100%;display:block;touch-action:none;background:#102018}
.chm-hud{position:absolute;left:8px;right:8px;top:8px;display:flex;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:.06em;text-shadow:0 1px 2px #000;pointer-events:none}
.chm-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;align-items:center}
.chm-dpad{width:128px;height:128px;position:relative}
.chm-dpad button{position:absolute;width:42px;height:42px;border:0;border-radius:8px;background:#3b2a34;color:#fff;font-size:16px}
.chm-dpad .u{left:43px;top:0}.chm-dpad .d{left:43px;bottom:0}.chm-dpad .l{left:0;top:43px}.chm-dpad .r{right:0;top:43px}
.chm-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center}
.chm-actions button{width:58px;height:58px;border-radius:50%;border:0;font-weight:700}
.chm-actions .a{background:#e85a8c;color:#fff}.chm-actions .b{background:#f0c36a;color:#2a1b12}
.chm-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:8px}
.chm-meta button,#chm-arcade-root .chm-overlay button{border:0;border-radius:999px;padding:8px 12px;background:#f3c1d4;color:#2a1020;font-weight:700}
.chm-overlay{position:absolute;inset:0;background:rgba(10,6,12,.82);display:flex;flex-direction:column;justify-content:flex-end;padding:10px;gap:8px}
.chm-overlay h2{margin:0;font-size:20px;color:#fff}
.chm-overlay p{margin:0;font-size:13px;color:#f6efe6}
.chm-carts{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:52%;overflow:auto}
.chm-carts button{text-align:left;background:#2a1824;color:#fff;border:1px solid #e7b4c8;border-radius:10px;padding:8px;font-size:12px}
.chm-carts button small{display:block;color:#f3c1d4;font-weight:400}
.chm-toast{position:absolute;left:10px;right:10px;bottom:10px;background:#fff;color:#2a1020;border-radius:10px;padding:8px 10px;font-size:12px;z-index:2}
@media(max-width:640px){.chm-carts{grid-template-columns:1fr}.chm-dpad{width:116px;height:116px}}