html[data-web-serial=unavailable] #connection-menu,
html[data-web-serial=unavailable] [data-requires-serial],
html[data-web-serial=unavailable] .arcade-card-actions [data-action=install],
html[data-web-serial=unavailable] .arcade-card-actions [data-preview-action=install],
html[data-web-serial=unavailable] #device-panel>.device-panel,
html[data-web-serial=unavailable] #device-panel>.device-help,
html[data-web-serial=unavailable] #device-panel>.device-heading .device-intro{display:none!important}
.device-browser-help{display:none}
html[data-web-serial=unavailable] .device-browser-help{display:block}
#device-panel .device-browser-help{padding:28px;max-width:900px}
.device-browser-help h2{font-size:24px;margin:0 0 12px}
.device-browser-help>p{max-width:68ch;line-height:1.65}
.device-browser-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.device-browser-actions>section{min-width:0;padding:20px;background:var(--soft-grey);border:1px solid var(--border);border-radius:var(--radius-inset)}
.device-browser-actions h3{font-size:18px;margin:0 0 10px}
.device-browser-actions p{font-size:14px;line-height:1.6;margin-bottom:16px}
.device-browser-actions .button{font-size:14px;min-height:44px}
.device-browser-actions a[href="#play"]{background:var(--yellow);color:var(--on-accent,var(--ink))}
.device-browser-actions a[href="#builder"]{background:var(--mint);color:var(--on-accent,var(--ink))}
.device-browser-requirements{border-top:1px solid var(--border);padding-top:22px;margin-top:24px}
.device-browser-requirements h3{margin:0 0 12px;font-size:18px}
.device-browser-requirements ul{padding-left:20px;line-height:1.65;font-size:14px}
.device-browser-requirements li+li{margin-top:8px}
.device-browser-context{display:none;padding:12px 16px;background:var(--soft-grey);border-radius:var(--radius-inset);font-size:14px;line-height:1.6}
html[data-serial-reason=insecure] .device-browser-insecure,
html[data-serial-reason=policy] .device-browser-policy{display:block}
@media(max-width:550px){#device-panel .device-browser-help{padding:22px 18px}.device-browser-actions{grid-template-columns:minmax(0,1fr);gap:14px}.device-browser-help h2{font-size:22px}.device-browser-actions>section{padding:16px}}
