#yq-browser-help{max-width:min(460px,90vw);margin:14px auto 0;padding:14px 18px;border-radius:20px;background:#173a30f2;color:#eee8d5;text-align:center;font:14px/1.6 var(--yq-font),sans-serif;z-index:2}
#yq-browser-help p{margin:0 0 10px}#yq-browser-help button{font:inherit;margin:4px;padding:8px 14px;border:0;border-radius:99px;color:#233f31;background:#d4c18c;cursor:pointer}#yq-browser-help small{display:block;margin-top:8px;font-size:12px;color:#c4ceb3}
#yq-boot.yq-browser-needs-help{overflow-y:auto;justify-content:flex-start;padding-top:max(24px,5vh);padding-bottom:24px}
html[data-yq-browser-tier="safe"] #yq-boot .yq-boot-mist{display:none}
/* Safari/iOS use the same jade cards without the extra WebGL overlay. */
body.yunqi-front #ui .ls-roster[data-yq-glass="fallback"] .ls-tile{box-shadow:inset 0 1px 2px #e1f5dd35,0 4px 12px #04181050!important}
body.yunqi-front #ui .ls-roster[data-yq-glass="fallback"] .ls-tile.on{border-color:#dcc994!important;box-shadow:inset 0 0 18px #d5c17620,0 0 0 1px #d6c28b50!important}
@media(hover:hover){body.yunqi-front #ui .ls-roster[data-yq-glass="fallback"] .ls-tile:hover{border-color:#bfdcc0!important;box-shadow:inset 0 0 22px #b6e7c229,0 6px 18px #001b1360!important}}
.yq-browser-mode{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#284632;font:inherit;padding:12px}
.yq-browser-mode select{font:inherit;color:#284632;background:#e6e6d1;border:1px solid #acb998;border-radius:14px;padding:8px}.yq-browser-mode small{flex-basis:100%;color:#64785b}

#yq-browser-help details{text-align:left;margin-top:12px}#yq-browser-help summary{cursor:pointer;color:#dfcc94}#yq-browser-help pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;padding:10px;border-radius:12px;background:#0e261f;color:#eee8d5;font:12px/1.5 monospace;user-select:text}
