/* Browser rendering adapter for Lunar's native LCUI widgets.
 * Geometry is in the original 492 x 303 logical coordinate system.
 * Sources: FeatureSettingsScreen, ModMenuWidget, EditorToolbarWidget,
 * ModStateWidget, OptionsButtonWidget, FontRegistry and HudEditorScreen.
 * React pages are supplied unchanged by /lunarui/ from the local install.
 */
@font-face{font-family:LcRoboto;src:url('/lunarui/fonts/roboto-light.ttf');font-weight:300}
@font-face{font-family:LcRoboto;src:url('/lunarui/fonts/roboto-medium.ttf');font-weight:500}
@font-face{font-family:LcRoboto;src:url('/lunarui/fonts/roboto-bold.ttf');font-weight:700}
@font-face{font-family:LcRaleway;src:url('/lunarui/fonts/raleway-light.ttf');font-weight:300}
@font-face{font-family:LcRaleway;src:url('/lunarui/fonts/raleway-extrabold.ttf');font-weight:800}
#lcui [hidden],#lcui[hidden]{display:none!important}
#lcui{position:fixed;inset:0;z-index:8;pointer-events:none;color:white;font:7px LcRoboto,sans-serif;font-weight:500}
#lcui *{box-sizing:border-box;user-select:none;-webkit-user-select:none}#lcui img{-webkit-user-drag:none}#lcui input,#lcui textarea{user-select:text;-webkit-user-select:text}#lcui button,#lcui input{font:inherit;color:inherit}#lcui button{cursor:pointer}#lcui button:disabled{cursor:default;opacity:.45}#lcui:focus,#lcui *:focus,#lcui *:focus-visible{outline:none}canvas:focus,iframe:focus{outline:none}
#lcui .lc-panel{position:absolute;left:50%;top:50%;width:492px;height:303px;transform:translate(-50%,-50%) scale(var(--lc-scale,2));pointer-events:auto;border-radius:5px;background:var(--lc-panel);box-shadow:0 0 0 1px var(--lc-outline),inset 0 0 0 1px var(--lc-inset);overflow:hidden}
#lcui .lc-header{position:absolute;inset:0 0 auto;height:33px;background:#00000036;border-bottom:.5px solid #ffffff20}
#lcui .lc-brand{position:absolute;left:9px;top:8px;width:107.5px;height:16.5px;object-fit:contain}
#lcui .lc-tabs{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
#lcui .lc-tab{height:16px;padding:0 8px;border-radius:4px;border:.5px solid #a2a2a220;background:#3b3b3b20;color:#bec3bd96;letter-spacing:2px;font-weight:700;white-space:nowrap;box-shadow:none}
#lcui .lc-tab:hover,#lcui .lc-tab.active{background:#ffffff20}#lcui .lc-tab:hover{color:#bec3bd}
#lcui .lc-close{position:absolute;right:8px;top:8px;width:16px;height:16px;border:.5px solid #ffffff30;border-radius:2px;background:#ffffff10;padding:3px;opacity:.65}#lcui .lc-close:hover{opacity:1}#lcui .lc-close img{width:100%;height:100%}
#lcui .lc-profiles{position:absolute;left:0;top:42px;width:105px;bottom:28px;background:#00000020;border-radius:0 4px 0 4px;overflow:auto;scrollbar-width:none}
#lcui .lc-profile{position:relative;width:105px;height:16px;display:flex;align-items:center;text-align:left;border:.5px solid #ffffff20;background:transparent;color:#ffffffb0;padding:0 8px;letter-spacing:1.8px;font-size:6px}
#lcui .lc-profile.active,#lcui .lc-profile:hover{background:#ffffff20}#lcui .lc-profile img{width:8px;height:8px;margin-right:3px}#lcui .lc-profile .lc-pencil{position:absolute;right:3px;top:4px;width:7px;height:7px;opacity:.3;margin:0}
#lcui .lc-profile-actions{position:absolute;left:0;bottom:28px;height:38px;width:105px;background:#00000040;padding:6px 5px;border-radius:0 0 0 4px;display:flex;flex-direction:column;gap:2px}
#lcui .lc-small{height:12px;width:94px;border:.5px solid #ffffff20;background:transparent;border-radius:4px;color:#ffffff90;letter-spacing:1.5px;font-size:5px;font-weight:700}
#lcui .lc-small:hover{background:#ffffff20;color:white}
#lcui .lc-edit-wrap{position:absolute;left:0;bottom:1px;height:19px;width:105px;background:#00000020;padding:4.5px 8px 3.5px;border-radius:0 3.5px 3.5px 0}
#lcui .lc-edit{width:88px;height:11px;border:.5px solid #ffffff35;border-radius:1px;color:white;background:#5f9fe8b0;font-size:5px;font-weight:700;letter-spacing:1.3px;text-shadow:.5px .5px #0008}
#lcui .lc-content{position:absolute;left:110px;top:42.5px;width:377px;height:255px}
#lcui .lc-tools{height:20px;display:flex;gap:4px;align-items:flex-start;padding-top:1px}
#lcui .lc-category{height:14px;border-radius:2.5px;border:.5px solid #a2a2a220;padding:0 8px;letter-spacing:1.6px;background:#5788d280;color:#ffffffaf;font-size:7px;font-weight:700;white-space:nowrap}
#lcui .lc-category:hover,#lcui .lc-category.active{background:#4f94fc;color:white}#lcui .lc-category[data-category=New]{background:#4f940080}#lcui .lc-category[data-category=New]:hover,#lcui .lc-category[data-category=New].active{background:#4f9400}
#lcui .lc-tool{height:14px;width:12px;padding:1px;border:0;background:none;opacity:.65;flex-shrink:0}#lcui .lc-tool:hover{opacity:1}#lcui .lc-tool img{width:12px;height:12px;object-fit:contain}
#lcui .lc-search{width:0;flex:1;min-width:35px;height:14px;border:1px solid #ffffff20;border-radius:3px;padding:1px 4px 1px 14px;background:#ffffff20 url('/lunarui/icons/assets/magnifying-glass-12x12.png') 5px center/6px 6px no-repeat;font-size:6.5px;outline:none}#lcui .lc-search::placeholder{color:#ffffff35}
#lcui input[type=search]::-webkit-search-cancel-button,#lcui input[type=search]::-webkit-search-decoration{appearance:none;-webkit-appearance:none;display:none}
#lcui .lc-search:focus::placeholder{color:transparent}
#lcui .lc-category.lc-raster-label,#lcui .lc-tab.lc-raster-label{position:relative;flex-shrink:0;padding:0;letter-spacing:0;font-size:0}
#lcui .lc-label-raster{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}
#lcui .lc-label-raster>span{position:absolute;inset:0;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
#lcui .lc-label-ink{background:currentColor}#lcui .lc-label-shadow{background:#00000020;transform:translate(1px,1px)}
#lcui .lc-category.lc-raster-label,#lcui .lc-tab.lc-raster-label{border:0;border-radius:5px}
#lcui .lc-raster-label:before{content:'';position:absolute;inset:0;border:1px solid #a2a2a220;border-radius:2.75px;pointer-events:none}
#lcui .lc-category.lc-raster-label.active:before,#lcui .lc-category.lc-raster-label:hover:before{border-color:#a2a2a260}
#lcui .lc-option-unavailable{opacity:.45}
#lcui .lc-client-categories .lc-category{background:#4f94fc80}#lcui .lc-client-categories .lc-category.active,#lcui .lc-client-categories .lc-category:hover{background:#4f94fc}
#lcui .lc-scroll{position:absolute;left:0;right:0;top:20px;bottom:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#ffffff25 transparent;padding:2px 12px 2px 0}
#lcui .lc-grid{display:grid;grid-template-columns:repeat(3,115px);grid-auto-rows:112px;gap:8px}
#lcui .lc-card{width:115px;height:112px;position:relative;overflow:hidden;border-radius:6px;background:var(--lc-card);box-shadow:inset 0 0 0 1px var(--lc-card-outline)}#lcui .lc-card:hover{background:var(--lc-card-hover)}
#lcui .lc-feature{position:absolute;left:44.5px;top:16px;width:26px;height:26px;object-fit:contain;opacity:.85}
#lcui .lc-name{position:absolute;left:3px;right:3px;top:53px;text-align:center;font-size:11px;font-weight:300;color:#7e7e7d;white-space:nowrap}
#lcui .lc-options{position:absolute;left:0;right:0;bottom:20px;height:20px;border:1px solid #ffffff20;background:#ffffff20;padding:0 21px 0 0;font-size:7px;letter-spacing:2px;font-weight:700}#lcui .lc-options:hover{background:#ffffff50}
#lcui .lc-options img{position:absolute;right:0;top:0;width:20px;height:18px;padding:5px;border-left:1px solid #ffffff20;object-fit:contain}
#lcui .lc-state{position:absolute;left:0;bottom:0;width:115px;height:20px;border:1px solid #ffffff36;border-top:0;border-radius:0 0 5px 5px;background:var(--lc-disabled);font-size:7px;font-weight:700;letter-spacing:2px;box-shadow:inset 0 0 0 1px #ffffff20}
#lcui .enabled .lc-state{background:var(--lc-enabled)}#lcui .lc-state:hover{background:var(--lc-disabled-hover)}#lcui .enabled .lc-state:hover{background:var(--lc-enabled-hover)}
#lcui .lc-favorite{position:absolute;left:3px;top:3px;width:11px;height:11px;border:0;background:none;padding:1px;opacity:0;color:#b1b3c0}#lcui .lc-card:hover .lc-favorite,#lcui .lc-favorite:focus-visible{opacity:1}#lcui .lc-favorite:hover{color:white}#lcui .lc-favorite img{width:100%;height:100%;object-fit:contain;opacity:0}#lcui .lc-favorite:after{content:'';position:absolute;inset:1px;background:currentColor;mask:url('/lunarui/icons/star-64x64.png') center/100% 100%;-webkit-mask:url('/lunarui/icons/star-64x64.png') center/100% 100%}#lcui .lc-favorite.active{opacity:1;color:#ffc842}#lcui .lc-favorite.active:after{mask-image:url('/lunarui/icons/star-filled-64x64.png');-webkit-mask-image:url('/lunarui/icons/star-filled-64x64.png')}#lcui .lc-favorite.active:hover{color:#ffdf38}
#lcui .lc-name-text{position:relative;display:inline-block}#lcui .lc-new{position:absolute;left:100%;top:-5px;transform:translateX(-50%);font:700 6px LcRoboto,sans-serif;color:#ff22228f}
#lcui .compact .lc-grid{grid-auto-rows:22px}#lcui .compact .lc-card{height:22px;border-radius:3px}#lcui .compact .lc-feature{width:10px;height:10px;left:6px;top:6px}#lcui .compact .lc-name{top:7px;left:20px;right:22px;text-align:left;font-size:7px}#lcui .compact .lc-state{inset:0;height:22px;border-radius:3px;font-size:0;background:#a71c4870;z-index:0}#lcui .compact .enabled .lc-state{background:#268f5970}#lcui .compact .lc-feature,#lcui .compact .lc-name{z-index:1;pointer-events:none}#lcui .compact .lc-options{right:0;left:auto;top:0;width:22px;height:22px;border:0;font-size:0;z-index:2;padding:0;background:none}#lcui .compact .lc-options img{width:22px;height:22px;border:0}#lcui .compact .lc-favorite{display:none}
#lcui .lc-settings-head{height:26px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #ffffff20}#lcui .lc-settings-head .lc-back{width:22px;height:20px;border:0;background:none;padding:3px 5px}#lcui .lc-settings-head img{width:100%;height:100%;object-fit:contain}#lcui .lc-settings-head h2{font-size:8px;font-weight:700;letter-spacing:1.5px;flex:1;margin:0;white-space:nowrap;overflow:hidden}#lcui .lc-settings-head .lc-search{flex:0 0 100px;width:100px}#lcui .lc-reset{width:14px;height:14px;padding:1px;border:0;background:none;opacity:.6}#lcui .lc-reset:hover{opacity:1}
#lcui .lc-details{position:absolute;top:26px;left:0;right:0;bottom:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#ffffff25 transparent}
#lcui .lc-description{padding:6px;font-weight:300;font-size:6px;background:#00000015;margin:0;border-bottom:1px solid #ffffff20;line-height:8px}
#lcui .lc-setting{display:flex;justify-content:space-between;align-items:center;min-height:24px;padding:4px 6px;border-bottom:.5px solid #ffffff10;font-size:7px;font-weight:300}
#lcui .lc-switch{position:relative;width:20px;height:10px;border:1px solid #ffffff30;background:#ab244b80;border-radius:5px;flex-shrink:0;padding:0}#lcui .lc-switch[aria-checked=true]{background:#2aab7580}#lcui .lc-switch:after{content:'';position:absolute;left:1px;top:1px;width:6px;height:6px;background:#ddd;border-radius:50%;transition:left .1s}#lcui .lc-switch[aria-checked=true]:after{left:11px}
#lcui .lc-setting input[type=range]{width:110px;height:6px;accent-color:#80a5cf}#lcui .lc-setting input[type=color]{width:20px;height:12px;border:0;background:none;padding:0}#lcui .lc-setting input[type=number]{width:40px;background:#ffffff10;border:.5px solid #ffffff20;padding:2px}
#lcui .lc-section{font-size:7px;padding:7px 6px;background:#00000020;font-weight:700;letter-spacing:1px;margin:0}
#lcui .lc-message{position:absolute;bottom:4px;left:110px;right:10px;color:#ff9c9c;font-size:6px;pointer-events:none;background:#181818e0;padding:4px;z-index:5}
#lcui .lc-hud-center{position:absolute;left:50%;top:50%;width:164px;height:28px;transform:translate(-50%,-50%) scale(var(--lc-scale,2));display:flex;gap:4px;pointer-events:none;align-items:center}
#lcui .lc-hud-button{pointer-events:auto;flex-shrink:0;width:28px;height:28px;border:1px solid #25252540;border-radius:2px;box-shadow:inset 0 0 0 .5px #ffffff25;background:#00000030;padding:7px;font-size:11px;font-weight:300}#lcui .lc-hud-button:hover{background:#00000050;border-color:#ffffff99}#lcui .lc-hud-button img{width:100%;height:100%;opacity:.7;object-fit:contain}#lcui .lc-hud-mods{width:100px;padding:0}
#lcui .lc-hud-logo{position:absolute;width:64px;height:58.5px;left:50%;bottom:57.5px;transform:translateX(-50%);object-fit:contain;pointer-events:none}#lcui .lc-hud-brand{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);font:11px LcRaleway,sans-serif;font-weight:300;white-space:nowrap;pointer-events:none}#lcui .lc-hud-brand strong{font-weight:800}
#lcui .lc-shortcuts{position:absolute;bottom:4px;left:4px;pointer-events:auto;font-size:7px;padding:5px;background:#00000080;border:1px solid #ffffff20;border-radius:2px}#lcui .lc-shortcuts summary{cursor:pointer}#lcui .lc-shortcuts p{margin:5px 0;font-weight:300}

#lcui .lc-small{white-space:nowrap;letter-spacing:1.15px;font-size:4.5px}#lcui select{font:inherit;color:white;background:#333;border:1px solid #ffffff30;padding:2px}
#lcui .lc-keybind{width:70px;height:12px;padding:0;border:0;background:transparent;text-align:center;font-size:6px;color:#bebebe}

/* FeatureSettingsWidget: 25px header, 14px rows and 15px option insets. */
#lcui .settings-view{display:flex;flex-direction:column;gap:0;background:#00000020;border-radius:4px 4px 6px 6px;overflow:visible}
#lcui .settings-view .lc-settings-head{position:relative;flex:0 0 25px;height:25px;padding:0 8px 0 4px;gap:4px;background:#00000035;border-bottom:1px solid #ffffff20;border-radius:4px 4px 0 0}
#lcui .settings-view .lc-back{position:relative;flex:0 0 22px;height:22px;padding:0;background:none;opacity:.7}
#lcui .settings-view .lc-back img{position:absolute;left:3px;top:2px;width:16px;height:16px}
#lcui .settings-view .lc-back:hover{opacity:1}
#lcui .settings-view h2{font:700 9px/15px LcRoboto,sans-serif;letter-spacing:0;flex:1;min-width:0}
#lcui .settings-view .lc-search{flex:0 0 100px;width:100px;min-width:0}
#lcui .lc-header-action{flex:0 0 14px;width:14px;height:14px;border:0;background:none;padding:1px;opacity:.6}
#lcui .lc-header-action:hover{opacity:1}#lcui .lc-header-action img{width:100%;height:100%}
#lcui .settings-view .lc-description{position:relative;flex:none;margin:0;padding:3.5px 6px 4.5px;line-height:8px;font-size:6px;font-weight:300;background:none;border:0}
#lcui .lc-native-details{position:relative;inset:auto;flex:1;min-height:0;padding:2px 15px 6px;overflow:auto;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}
#lcui .lc-option-section{margin:0;padding:0}
#lcui .lc-native-section{margin:0 -7px;padding:3px 0 0;min-height:11px;font-size:6px;line-height:8px;font-weight:700;color:#c1c0be}
#lcui .lc-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:start}
#lcui .lc-option-section:not([data-section=""])>.lc-option-grid{margin-left:-1px;width:calc(100% - 4px);column-gap:4px}
#lcui .lc-option{position:relative;grid-column:1/-1;min-height:14px;display:flex;align-items:center;color:#c1c0be;font-size:9px;font-weight:300;line-height:11px;margin:0;padding:0;border:0;gap:6px}
#lcui .lc-option-label{flex:1;min-width:0;overflow-wrap:anywhere}
#lcui .lc-option-toggle{grid-column:auto;gap:6px;padding-right:3px}
#lcui .lc-option-native-child{min-height:18px;padding-top:2px;gap:4px}
#lcui .lc-native-toggle{position:relative;flex:0 0 30px;width:30px;height:10px;border:0;border-radius:2.5px;background:#e2e2e220;box-shadow:inset 0 0 0 1px #ffffff36;padding:0;color:white}
#lcui .lc-toggle-knob{position:absolute;left:0;top:0;width:20px;height:10px;border:0;border-radius:2.5px;box-shadow:inset 0 0 0 1px #ffffff36;background:#de2152af;text-align:center;font:700 6px/10px LcRoboto,sans-serif;transition:left .1s,background .1s}
#lcui .lc-native-toggle[aria-checked=true] .lc-toggle-knob{left:10px;background:#29d67aaf}
#lcui .lc-native-toggle:hover{background:#e2e2e240}
#lcui .lc-number-control{position:relative;display:flex;align-items:center;gap:1px;flex:0 1 66.66%;min-width:80px;justify-content:flex-end;height:14px}
#lcui .lc-number-value{position:absolute;left:-20px;width:16px;min-width:16px;max-width:16px;height:12px;border:.5px solid transparent;background:transparent;padding:0;text-align:right;font-size:5px;font-weight:700;appearance:textfield}
#lcui .lc-number-value:focus{border-color:#ffffff40;background:#00000020;text-align:left}
#lcui .lc-number-value::-webkit-inner-spin-button,#lcui .lc-number-value::-webkit-outer-spin-button{appearance:none;margin:0}
#lcui .lc-native-slider{flex:1;min-width:20px;height:14px;appearance:none;background:transparent;margin:0 4px;padding:0;cursor:pointer;accent-color:#4f94fc}
#lcui .lc-native-slider::-webkit-slider-runnable-track{height:3.5px;background:linear-gradient(to right,transparent 4.6667px,#1a1b1b 4.6667px calc(100% - 4.6667px),transparent calc(100% - 4.6667px));border-radius:0}
#lcui .lc-native-slider::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:9.3333px;height:9.3333px;border:1px solid #ffffff24;border-radius:50%;background:#4f94fc;margin-top:-2.9167px}
#lcui .lc-native-slider::-moz-range-track{height:3.5px;background:linear-gradient(to right,transparent 4.6667px,#1a1b1b 4.6667px calc(100% - 4.6667px),transparent calc(100% - 4.6667px));border:0;border-radius:0}
#lcui .lc-native-slider::-moz-range-thumb{box-sizing:border-box;width:9.3333px;height:9.3333px;border:1px solid #ffffff24;border-radius:50%;background:#4f94fc}
#lcui .lc-number-control>.lc-option-reset{margin-right:1px}
#lcui .lc-option-reset{width:8px;height:8px;flex:0 0 8px;border:0;background:none;padding:1px;opacity:.65}
#lcui .lc-option-reset:hover{opacity:1}#lcui .lc-option-reset img{width:100%;height:100%}
#lcui .lc-option-reset[hidden]{display:block!important;visibility:hidden}
#lcui .lc-cycle-control{display:flex;align-items:center;flex:0 0 115px;height:14px;gap:4px}
#lcui .lc-cycle-arrow{width:9px;height:9px;flex:0 0 9px;padding:0;border:0;background:none;opacity:.65}
#lcui .lc-cycle-arrow:hover{opacity:1}#lcui .lc-cycle-arrow img{width:9px;height:9px}
#lcui .lc-cycle-value{flex:1;min-width:0;text-align:center;font:500 6.5px LcRoboto,sans-serif;color:#c1c0beaf;overflow-wrap:anywhere}
#lcui .lc-key-control{display:flex;align-items:center;gap:4px;flex:0 0 82px;height:14px}
#lcui .lc-key-control .lc-keybind{font:6.5px LcRoboto,sans-serif;font-weight:500;height:12px;flex:1;min-width:0}
#lcui .lc-keybind:hover{color:white;background:#ffffff10}
#lcui .lc-text-control{display:flex;align-items:center;gap:4px;max-width:66.66%;height:14px;flex:1}
#lcui .lc-text-value{width:100%;height:12px;min-width:40px;padding:0 3px;border:.5px solid #ffffff30;background:#00000020;font-size:7px}
#lcui .lc-option-autotext{height:14px;min-height:14px;display:block}
#lcui .lc-option-autotext>.lc-option-label{position:absolute;left:0;top:1.5px;font-size:9px;line-height:11px}
#lcui .lc-autotext-command{position:absolute;right:95px;top:2px;width:140px;height:12px;min-width:0;padding:0 3px;border:1px solid #20ffffff;border-radius:5px;background:#20797979;color:#c1c0be;font:6px LcRoboto,sans-serif;box-shadow:none}
#lcui .lc-autotext-command:focus{background:#40797979}
#lcui .lc-option-autotext>.lc-autotext-key{position:absolute;right:20px;top:2px;width:70px;height:12px;color:#bec3bd;font:6px LcRoboto,sans-serif}
#lcui .lc-option-autotext>.lc-autotext-clash{color:#d94242}
#lcui .lc-autotext-remove{position:absolute;right:3px;top:2px;width:12px;height:12px;padding:0;border:0;background:transparent;opacity:.7}
#lcui .lc-autotext-remove:hover{opacity:1}#lcui .lc-autotext-remove img{width:12px;height:12px}
#lcui .lc-autotext-locked{position:absolute;right:-5px;top:2px;width:12px;height:12px;opacity:.6}
#lcui .lc-option-autotext-add{height:14px;min-height:14px;justify-content:center}
#lcui button.lc-autotext-add{width:140px;height:12px;padding:0;border:1px solid #20ffffff;border-radius:5px;background:#20797979;font:6px LcRoboto,sans-serif;color:#c1c0be}
#lcui .lc-option-group{grid-column:1/-1;min-width:0}
#lcui .lc-option-group.lc-collapsed{grid-column:auto}
#lcui .lc-sound-category{grid-column:1/-1;min-width:0}
#lcui .lc-sound-category-toggle{width:100px;height:10px;display:flex;align-items:center;gap:3px;padding:0;border:0;background:transparent;color:#c1c0be;font:700 6px/10px LcRoboto,sans-serif;cursor:pointer}
#lcui .lc-sound-category-toggle img{width:7px;height:7px}
#lcui .lc-sound-category-body{margin:0;padding:0 10px;column-gap:20px}
#lcui .lc-sound-file-open,#lcui .lc-sound-file-action{border:.5px solid #ffffff30;border-radius:2px;background:#ffffff0a;color:#c1c0be;padding:3px 5px;font:500 7px LcRoboto,sans-serif;cursor:pointer}
#lcui .lc-sound-file-editor{grid-column:1/-1;padding:5px 0}
#lcui .lc-sound-file-text{box-sizing:border-box;display:block;width:100%;height:160px;resize:vertical;background:#131415;color:#e8e8e8;border:.5px solid #ffffff30;border-radius:2px;padding:5px;font:7px/10px monospace}
#lcui .lc-sound-file-actions{display:flex;gap:4px;margin-top:4px}
#lcui .lc-option-group>.lc-option-toggle{display:flex;min-height:14px;padding-right:0}
#lcui .lc-expand{width:9px;height:9px;padding:0;background:none;border:0;opacity:.7}
#lcui .lc-expand img{width:9px;height:9px;transition:transform .2s}
#lcui .lc-expand[aria-expanded=true] img{transform:rotate(90deg)}
#lcui .lc-group-body{margin:1px 2px 0 0;padding:2px 4px 4px;border-radius:3px;background:#b0b0b020;column-gap:10px}
#lcui .lc-keybind-popover{position:absolute;right:4px;top:27px;z-index:3;width:220px;padding:6px;border:.5px solid #ffffff40;border-radius:3px;background:#222;box-shadow:0 2px 6px #0008}
#lcui .lc-color-control{display:flex;align-items:center;gap:4px;flex:0 0 84px;height:14px}
#lcui .lc-color-swatch{width:10px;height:10px;flex:0 0 10px;border:1px solid #ffffffaf;border-radius:4px;padding:0}
#lcui .lc-color-hex{width:45px;height:12px;border:0;padding:0;background:none;color:#bebebe;font:8px LcRoboto,sans-serif;font-weight:300}
#lcui .lc-color-hex:focus{background:#00000020;border:.5px solid #ffffff40}
#lcui .lc-color-favorite{width:6px;height:6px;flex:0 0 6px;border:0;background:none;opacity:.6;padding:0}
#lcui .lc-color-favorite img{width:6px;height:6px}#lcui .lc-color-favorite.active{filter:sepia(1) saturate(5);opacity:1}
#lcui .lc-option-color{flex-wrap:wrap;gap:0 6px;font-size:8px}
#lcui .lc-option-color>.lc-option-label,#lcui .lc-option-color>.lc-color-control{height:14px;display:flex;align-items:center}
#lcui .lc-color-expanded{position:relative;order:3;flex:0 0 100%;height:66px;margin:0}
#lcui .lc-color-native-settings{position:absolute;left:0;top:0;width:112px;height:60px;border-radius:2px;background:#00000020}
#lcui .lc-color-native-checkbox{position:absolute;left:7px;top:3px;width:110px;min-height:12px;height:12px;gap:5px;font-size:8px}
#lcui .lc-native-checkbox{flex:0 0 8px;width:8px;height:8px;border:0;border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff36;background:#4f94fcaf;padding:0}
#lcui .lc-native-checkbox img{width:7px;height:7px;opacity:0}
#lcui .lc-native-checkbox[aria-checked=true] img{opacity:1}
#lcui .lc-color-native-speed{position:absolute;left:7px;top:16px;width:97px;min-height:12px;height:12px;gap:0;font-size:8px}
#lcui .lc-color-native-speed .lc-number-control{flex:0 0 43px;min-width:43px;height:12px}
#lcui .lc-color-native-speed .lc-number-value{left:-18px;font-size:8px;font-weight:300}
#lcui .lc-color-native-speed .lc-native-slider{height:12px}
#lcui .lc-color-native-speed .lc-native-slider::-webkit-slider-runnable-track{height:3px}
#lcui .lc-color-native-speed .lc-native-slider::-webkit-slider-thumb{width:8px;height:8px;margin-top:-2.5px}
#lcui .lc-color-native-speed .lc-native-slider::-moz-range-track{height:3px}
#lcui .lc-color-native-speed .lc-native-slider::-moz-range-thumb{width:8px;height:8px}
#lcui .lc-color-native-type{position:absolute;left:7px;top:29px;width:110px;min-height:14px;height:14px;font-size:8px}
#lcui .lc-color-native-type .lc-cycle-control{position:relative;flex:0 0 60px;margin-right:13px;gap:0}
#lcui .lc-color-native-type .lc-cycle-arrow{position:absolute;left:0;top:0;width:18px;height:18px;padding:4.5px}
#lcui .lc-color-native-type .lc-cycle-arrow:nth-of-type(2){left:38px}
#lcui .lc-color-native-type .lc-cycle-value{position:absolute;left:26px;transform:translateX(-50%);white-space:nowrap}
#lcui .lc-color-sv{position:absolute;left:118px;top:0;width:114px;height:60px;border:1px solid white;border-radius:2px;cursor:crosshair;touch-action:none;background:linear-gradient(to top,black,transparent),linear-gradient(to right,white,transparent),var(--lc-hue,red)}
#lcui .lc-color-marker{position:absolute;width:4px;height:4px;border:1px solid black;border-radius:50%;background:white;transform:translate(-50%,-50%);pointer-events:none}
#lcui .lc-color-hue{position:absolute;left:238px;top:0;width:9px;height:60px;border:1px solid white;border-radius:2px;background:linear-gradient(to bottom,red,#ff0,#0f0,#0ff,#00f,#f0f,red);touch-action:none;cursor:crosshair}
#lcui .lc-color-hue:after,#lcui .lc-color-alpha:after{content:'';position:absolute;left:3.75px;top:var(--lc-hue-position,-1.75px);width:3.5px;height:3.5px;background:white;clip-path:polygon(0 50%,100% 0,100% 100%);pointer-events:none}
#lcui .lc-color-alpha{position:absolute;left:252px;top:0;width:9px;height:60px;border:1px solid white;border-radius:2px;background:linear-gradient(to bottom,rgba(var(--lc-alpha-rgb),1),rgba(var(--lc-alpha-rgb),0)),repeating-conic-gradient(#777 0% 25%,#bbb 0% 50%) 0 0/4px 4px;touch-action:none;cursor:crosshair}
#lcui .lc-color-alpha:after{top:var(--lc-alpha-position,-1.75px);background:#ff3333}
#lcui .lc-color-expanded:before{content:'';position:absolute;left:266px;top:0;width:.5px;height:60px;background:#a2a2a220;box-shadow:29px 0 #a2a2a220,48px 0 #a2a2a220}
#lcui .lc-palette{position:absolute;top:1px;display:grid;grid-template-columns:repeat(2,8px);grid-auto-rows:8px;gap:2px}
#lcui .lc-palette-0{left:271.5px}#lcui .lc-palette-1{left:301px;grid-template-columns:8px}#lcui .lc-palette-2{left:318.5px}
#lcui .lc-palette-color{width:8px;height:8px;border:0;border-radius:2.5px;box-shadow:inset 0 0 0 1px #ffffffaf;padding:0}
#lcui .lc-palette-empty{width:8px;height:8px;border-radius:2px;background:#00000035;pointer-events:none}
#lcui .lc-palette-color:hover{border-color:white;box-shadow:0 0 0 .5px white}
#lcui .lc-no-results{font-size:7px;font-weight:300;text-align:center;color:#ffffff80;padding:10px;margin:0}
#lcui .lc-card[draggable=true]{cursor:grab}#lcui .lc-card.lc-drag-over{outline:1px solid #4f94fc;outline-offset:1px}
#lcui .lc-option-tristate{grid-column:auto;gap:6px}
#lcui .lc-tristate-control{position:relative;display:flex;flex:0 0 40px;width:40px;height:10px;border:0;border-radius:2.5px;box-shadow:inset 0 0 0 1px #ffffff36;background:#e2e2e220;isolation:isolate}
#lcui .lc-tristate-control:before{content:'';position:absolute;z-index:-1;left:calc(var(--lc-state-index,1)*100%/3);top:0;width:calc(100%/3);height:10px;border:0;border-radius:2.5px;box-shadow:inset 0 0 0 1px #ffffff36;background:#8e8e8eaf;transition:left .1s,background .1s}
#lcui .lc-tristate-control[data-state="0"]:before{background:#de2152af}#lcui .lc-tristate-control[data-state="2"]:before{background:#29d67aaf}
#lcui .lc-tristate-choice{flex:1;min-width:0;border:0;background:none;color:#ffffff50;padding:0;font:5px/9px LcRoboto,sans-serif;font-weight:700}
#lcui .lc-tristate-choice[aria-pressed=true]{color:white}
#lcui .lc-child-module{margin:0;padding:0;min-width:0;grid-column:1/-1}
#lcui .lc-child-module.lc-collapsed{grid-column:auto}
#lcui .lc-advanced-option{height:18px;display:flex;align-items:center;gap:4px;color:#c1c0be}
#lcui .lc-child-title{height:18px;flex:1;min-width:0;display:flex;align-items:center;gap:2px;border:0;background:none;padding:0;color:inherit;font:300 9px LcRoboto,sans-serif;text-align:left}
#lcui .lc-child-title>img{width:10px;height:10px;opacity:.4}
#lcui .lc-child-title>span{flex:1}
#lcui .lc-child-title>.lc-child-cog{width:8px;height:8px;margin-right:7px;opacity:.6}
#lcui .lc-child-title:hover>.lc-child-cog{opacity:1;animation:lc-child-cog 4s linear infinite}
#lcui .lc-child-body{margin:1px 2px 1px 0;padding:3px 4px 5px;border:0;border-radius:3px;background:#b0b0b020}
#lcui .lc-child-details{min-width:0}
@keyframes lc-child-cog{to{transform:rotate(360deg)}}
#lcui .lc-option-itemselect{grid-column:1/-1;display:block;padding:0}
#lcui .lc-option-itemselect>.lc-option-label{display:none}
#lcui .lc-item-select{max-height:140px;display:flex;flex-direction:column;gap:4px;padding:2px 0;min-width:0}
#lcui .lc-item-select-bar{height:13px;min-height:13px;display:flex;align-items:center;background:#79797920;border:.5px solid #79797940;border-radius:2px}
#lcui .lc-item-select-search{height:12px;flex:1;min-width:0;outline:0;border:0;background:none;color:white;font:7px LcRoboto,sans-serif;padding:0 2px}
#lcui .lc-item-select-add{width:13px;height:12px;padding:2px;background:none;border:0}
#lcui .lc-item-select-add>img{width:8px;height:8px;opacity:.7}
#lcui .lc-item-select-list{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff50 transparent}
#lcui .lc-item-select-entry{width:100%;height:12px;display:flex;align-items:center;gap:4px;padding:0 4px;border:.5px solid #1f1f1fcf;background:#1d1d1dcf;color:#ffffffaf;font:7px LcRoboto,sans-serif;text-align:left}
#lcui .lc-item-select-entry:hover{color:white}
#lcui .lc-item-select-state{width:4px;height:4px;flex:0 0 4px;mask-position:center;mask-size:contain;mask-repeat:no-repeat}
#lcui .lc-item-select-entry[aria-pressed=true]>.lc-item-select-state{background:#80ff80cc;mask-image:url('/lunarui/icons/assets/accept-16x16.png')}
#lcui .lc-item-select-entry[aria-pressed=false]>.lc-item-select-state{background:#ff8080cc;mask-image:url('/lunarui/icons/assets/deny-16x16.png')}

/* MultiSelectWidget and ArmorHudOptionWidget use half-width native widgets. */
#lcui .lc-option-tracker-blacklist,#lcui .lc-option-tracker-slots{grid-column:auto;display:block;position:relative;min-width:0}
#lcui .lc-option-tracker-blacklist{padding-right:5px}
#lcui .lc-option-tracker-blacklist>.lc-option-label{display:none}
#lcui .lc-tracker-blacklist-bar{position:relative;display:flex;align-items:center;height:13px;margin-top:2px;margin-bottom:2px;background:#79797920;border:0;border-radius:3px}
#lcui .lc-tracker-blacklist-bar:before{content:'';position:absolute;inset:0;border:1px solid #ffffff20;border-radius:3.75px;pointer-events:none}
#lcui .lc-tracker-blacklist-input{height:13px;min-width:0;flex:1;border:0;outline:0;background:none;color:#ffffff90;padding:0 4px 0 16px;font:7px LcRoboto,sans-serif}
#lcui .lc-tracker-blacklist-input::placeholder{color:#ffffff30}
#lcui .lc-tracker-blacklist-input:focus::placeholder{color:transparent}
#lcui .lc-tracker-blacklist-icon{position:absolute;left:7px;top:4.5px;width:5.5px;height:5.5px;opacity:.2;pointer-events:none}
#lcui .lc-tracker-blacklist-list{max-height:123px;overflow-y:auto;min-height:2px;padding-bottom:2px;scrollbar-width:none}
#lcui .lc-tracker-blacklist-entry{width:100%;height:12px;display:flex;align-items:center;gap:4px;padding:0 4px;border:.5px solid #1f1f1fcf;background:#1d1d1dcf;color:#ffffffaf;font:7px LcRoboto,sans-serif;text-align:left;border-radius:0}
#lcui .lc-tracker-blacklist-entry:hover{color:white}
#lcui .lc-tracker-blacklist-deny{width:4px;height:4px;flex:0 0 4px;background:#ff8080cc;mask:url('/lunarui/icons/assets/deny-16x16.png') center/contain no-repeat}
#lcui .lc-option-tracker-slots{width:132.625px;height:140px}
#lcui .lc-option-tracker-slots>.lc-option-label{position:absolute;left:0;top:3px}
#lcui .lc-tracker-slot-panel{position:absolute;inset:0}
#lcui .lc-tracker-slot-panel:before{content:'';position:absolute;left:0;top:17px;right:0;bottom:0;border:.25px solid #1f1f1fcf;background:#1d1d1dcf}
#lcui .lc-tracker-slot-body{position:absolute;left:18.625px;top:22px;width:25.25px;height:52.5px;background:#181818cf}
#lcui .lc-tracker-slot{position:absolute;width:11.625px;height:11.625px;background:#e2e2e220;border:0;border-radius:0;padding:0}
#lcui .lc-tracker-slot:hover{background:#e2e2e240}
#lcui .lc-tracker-slot-deny{display:none;position:absolute;inset:2px;background:#ff8080;mask:url('/lunarui/icons/assets/deny-16x16.png') center/contain no-repeat}
#lcui .lc-tracker-slot[aria-pressed=true]>.lc-tracker-slot-deny{display:block}

/* DropdownWidget draws two plain rectangles, four logical pixels wide. */
#lcui .lc-scroll,#lcui .lc-native-details,#lcui .lc-details,#lcui .lc-profiles,#lcui .lc-item-select-list{scrollbar-width:none;scroll-behavior:auto}#lcui ::-webkit-scrollbar{display:none}
#lcui .lc-scrollbar{position:absolute;width:4px;border:0;border-radius:0;z-index:4;touch-action:none;cursor:default}#lcui .lc-scroll-thumb{position:absolute;left:0;right:0;border:0;border-radius:0;min-height:0}
#lcui .lc-hud-logo{bottom:55.5px}

#lcui .lc-client-settings .lc-settings-head{height:20px;flex-basis:20px;padding:0;background:none;border:0;border-radius:0}#lcui .lc-client-categories{flex:1;display:flex;gap:4px}#lcui .lc-client-categories .lc-category{display:flex;align-items:center;letter-spacing:1.6px;font:700 7px LcRoboto,sans-serif;padding:0 8px}#lcui .lc-client-settings .lc-description{display:none}#lcui .lc-client-settings .lc-native-details{padding-top:7px;padding-bottom:8px;flex-basis:0;min-height:0}#lcui .lc-apply-all{flex:0 0 70px;width:70px;height:12px;border:0;background:none;text-align:center;color:#c1c0be;font-size:6px;padding:0}#lcui .lc-apply-all:hover{color:white}
#lcui .lc-crosshair-editor{grid-column:1/-1;display:block;position:relative;height:164px;min-height:164px}
#lcui .lc-crosshair-grid{position:absolute;width:158.5px;height:158.5px;left:calc(50% - 59px);top:3px;border-radius:5px;outline:none;touch-action:none;cursor:crosshair}
#lcui .lc-crosshair-help{position:absolute;left:0;top:3px;width:16px;height:16px;overflow:hidden;border-radius:5px;background:rgba(255,255,255,.129411765);border:.5px solid rgba(37,37,37,.250980392);transition:width .2s,height .2s}
#lcui .lc-crosshair-help.expanded{width:93px;height:138.5px}
#lcui .lc-crosshair-help-toggle{font:inherit;font-size:8px;color:#bebebe;background:none;border:0;width:100%;height:14px;cursor:pointer}
#lcui .lc-crosshair-instructions{white-space:pre-line;font-size:7px;line-height:11px;padding:0 5px;color:#bebebe}
#lcui .lc-crosshair-tools{position:absolute;left:calc(100% - 272px);top:145.5px;display:flex;gap:2px}
#lcui .lc-crosshair-action{width:16px;height:16px;padding:2px;border-radius:5px;border:.5px solid rgba(37,37,37,.250980392);background:rgba(255,255,255,.129411765);cursor:pointer}
#lcui .lc-crosshair-action:hover{background:rgba(255,255,255,.274509804)}
#lcui .lc-crosshair-action img{width:12px;height:12px}
#lcui .lc-crosshair-coordinates{position:absolute;right:0;bottom:3px;font-size:7px;color:#bebebe}
#lcui .lc-crosshair-origin{position:absolute;left:calc(50% + 19.1875px);top:81.1875px;width:2.125px;height:2.125px;pointer-events:none;mask:url('/lunarui/ui/circle_small.png') center/100% 100%;-webkit-mask:url('/lunarui/ui/circle_small.png') center/100% 100%}
#lcui .lc-crosshair-presets{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px;height:auto;padding:3px}
#lcui .lc-crosshair-presets .lc-crosshair-action{width:28px;height:28px;display:grid;place-items:center}
#lcui .lc-crosshair-preset-grid{display:grid;grid-auto-rows:1px}

/* BiomePreviewWidget uses the original game renderer and 96 logical units. */
#lcui .lc-crosshair-preview{display:block;grid-column:1/-1;min-height:96px;padding:0;margin:0;border:0}#lcui .lc-crosshair-preview canvas{display:block;width:100%;height:96px;transform:scaleY(-1);pointer-events:auto}
/* MenuButtonWidget: six client ticks per half-cycle, underscore at end, thin insert caret. */
#lcui .lc-custom-caret{caret-color:transparent}#lcui .lc-caret-measure{position:absolute;visibility:hidden;white-space:pre;pointer-events:none;inset:auto}#lcui .lc-native-caret{position:absolute;width:7px;height:8.5px;background:url('/lunar-search-caret.png') 0 0/7px 8.5px no-repeat;pointer-events:none;z-index:6;animation:lc-caret-blink .6s steps(1,end) infinite}#lcui .lc-native-caret:not(.lc-insert-caret){filter:opacity(.5647058824)}#lcui .lc-native-caret.lc-insert-caret{width:.5px;height:6px;background:#d0d0d0}@keyframes lc-caret-blink{0%,49.999%{opacity:1}50%,100%{opacity:0}}