.hh-device-dialog{box-sizing:border-box;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid #5b625e;border-radius:12px;background:#1b211e;color:#f5f5ee;font:16px/1.5 system-ui,sans-serif;box-shadow:0 24px 100px #0008}
.hh-device-dialog::backdrop{background:#08100ce6;backdrop-filter:blur(8px)}
.hh-device-dialog h2{font-size:clamp(24px,5vw,32px);line-height:1.2;margin:8px 0 12px;color:inherit}
.hh-device-dialog p{margin:0 0 20px;color:#c5cdc7}
.hh-device-dialog .hh-device-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#dfaf81;margin:0}
.hh-device-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hh-device-options button{display:flex;align-items:flex-start;flex-direction:column;gap:8px;margin:0;min-width:0;min-height:160px;padding:20px;border:1px solid #68776b;border-radius:8px;background:#29332c;color:#f5f5ee;text-align:left;cursor:pointer;font:inherit;touch-action:manipulation}
.hh-device-options button:hover{background:#354638;border-color:#dfaf81}
.hh-device-options button:focus-visible,.hh-device-switch:focus-visible{outline:3px solid #dfaf81;outline-offset:3px}
.hh-device-options button>span{font-size:32px;line-height:1}
.hh-device-options strong{font-size:20px}.hh-device-options small{font-size:13px;color:#c5cdc7}
.hh-device-dialog .hh-device-footnote{font-size:12px;margin:18px 0 0}
.hh-device-dialog [data-device-cancel]{font:inherit;min-height:44px;margin-top:16px;padding:8px 12px;color:#f5f5ee;background:#29332c;border:1px solid #68776b;border-radius:5px}
.hh-device-switch{width:auto;display:inline-flex;align-items:center;justify-content:center;margin:0;gap:6px;text-align:center;font:600 12px/1.3 system-ui,sans-serif;min-height:40px;padding:8px 10px;color:var(--text,#f5f5ee);background:var(--panel,#1b211e);border:1px solid var(--line,#68776b);border-radius:5px;cursor:pointer;touch-action:manipulation;white-space:nowrap}
.hh-device-floating{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:50;background:#1b211ee8;color:#f5f5ee}
body.playing>.hh-device-floating{display:none}
html[data-device=pc] #touchControls{display:none!important}
@media(max-width:600px){.nav-row{flex-wrap:wrap}.nav-actions{flex-wrap:wrap}.hh-device-dialog{padding:22px}.hh-device-options button{padding:14px}.game-nav{flex-wrap:wrap;gap:8px}}