/* practice.cat menus: original layout, native Minecraft font, no full-screen blur. */
:root{--menu-bg:#1b1128;--menu-line:#ffffff16;--menu-muted:#ac8dbe;--menu-accent:#bb91ed}
#join-shell{padding:28px;backdrop-filter:none;background:radial-gradient(ellipse at 20% 0,#452455 0,transparent 52%),radial-gradient(ellipse at 100% 100%,#352040,transparent 48%),#100918}
#join-shell:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#bb91ed05 1px,transparent 1px),linear-gradient(90deg,#bb91ed05 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent)}
.join-panel{position:relative;width:min(800px,100%);max-height:calc(100dvh - 56px);border:1px solid #bb91ed30;border-radius:12px;background:#21132ff5;padding:34px 40px;box-shadow:0 24px 80px #0006}
.join-brand{font-size:34px;letter-spacing:1px}.join-panel h1{font-size:22px;margin:16px 0 24px;color:#e2edf3}
.join-steps{gap:0;border:0;padding:0;background:#0003;border-radius:6px;overflow:hidden}.join-steps span{flex:1;text-align:center;padding:12px;border-bottom:2px solid transparent;font-size:14px}.join-steps .current{background:#bb91ed09;border-color:#bb91ed}
#join-name-page{padding:26px 0 8px}#join-name-page>p{margin-top:0}.name-picker{padding:26px;border:1px solid #bb91ed36;border-radius:8px;background:#170d22}.name-picker strong{font-size:34px}.join-panel .join-detail{color:#98afbb;font-size:13px}.join-panel button{border:1px solid #ffffff25;border-radius:5px;background:#24323e;min-height:44px;text-shadow:none}.join-panel button:hover{background:#314653;border-color:#bb91ed99}.join-panel button.primary{border:1px solid #d0acf2;background:#bb91ed;color:#210e2f}.join-panel button:disabled{opacity:.45}
#name-next{margin-top:22px!important}.skin-layout{display:grid;grid-template-columns:220px 1fr;gap:30px}.skin-model-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#58337150,transparent 75%),#170d22;border:1px solid #ffffff16;border-radius:8px;min-height:358px;padding:0 0 18px}
#skin-preview{width:220px;height:290px;border:0;box-shadow:none;background:transparent;flex-shrink:1}#skin-preview canvas{width:200px!important;height:290px!important;display:block;margin:auto}
#chosen-skin{font-size:18px;color:#bb91ed}.skin-model-note{font-size:11px;color:#8fa5b0;margin-top:9px}.skin-presets{margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr}.skin-presets button{font-size:13px;padding:8px}.skin-presets button[aria-pressed=true]{background:#bb91ed15}.skin-search{gap:6px}.skin-search input{border-radius:5px;font-size:14px;min-height:44px}.skin-search button{font-size:13px;padding:8px 12px}
.skin-upload input[type=file]{border-radius:5px}.skin-options .join-actions{margin-top:22px}.join-actions button{font-size:14px}#join-status{font-size:13px;line-height:1.6}
#settings{padding:24px;backdrop-filter:none;background:#0d0715bb}
.pause-panel{width:min(950px,100%);max-height:calc(100dvh - 48px);overflow:hidden;display:grid;grid-template-columns:205px minmax(0,1fr);padding:0;border:1px solid #bb91ed30;border-radius:10px;background:#1b1128f5;box-shadow:0 24px 80px #0007;color:#eef7fc}
.pause-heading{grid-column:1/-1;padding:24px 28px;margin:0;align-items:center;border-bottom:1px solid var(--menu-line)}.pause-heading h1{margin:7px 0 0;font-size:25px}.pause-heading h1 button{font-size:25px;color:white}.pause-heading .eyebrow{font-size:11px;color:#bb91ed;letter-spacing:1px}.pause-heading #continue{font-size:14px;padding:12px 16px;min-height:44px;background:#bb91ed;color:#210e2f;border:0;border-radius:5px;text-shadow:none}
.pause-note{grid-column:1/-1;font-size:12px;padding:12px 28px;margin:0;color:var(--menu-muted);background:#0002}.pause-panel .settings-tabs{display:flex;flex-direction:column;flex-wrap:nowrap;align-self:stretch;border:0;border-right:1px solid var(--menu-line);padding:18px 12px;gap:8px;background:#140b1e66}
.settings-tabs button{flex:0;text-align:left;padding:14px 12px;border:1px solid transparent;border-radius:5px;background:transparent;box-shadow:none;text-shadow:none;font-size:13px;color:#ac8dbe}.settings-tabs button:hover{background:#ffffff08;color:white}.settings-tabs button.active{background:#bb91ed12;border-color:#bb91ed24;color:#bb91ed}
.settings-content{padding:22px 28px;max-height:min(52dvh,470px);min-height:310px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#805297 #1e1229}.settings-content h2{font-size:21px;font-weight:normal;margin:0 0 10px}.section-description{font-size:12px;color:var(--menu-muted);margin:0 0 20px}
.option{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px 16px;border:1px solid var(--menu-line);border-radius:6px;background:#ffffff03;margin:0 0 10px}.option span{font-size:14px}.option small{font-size:11px;color:#ac8dbe;line-height:1.5;margin-top:6px}.option output{font-size:14px;color:#bb91ed}.option input[type=range]{grid-column:1/-1;width:100%;height:14px;accent-color:#bb91ed;margin:3px 0 0}.option input[type=checkbox]{width:20px;height:20px;accent-color:#bb91ed}.option select{border:1px solid #ffffff25;background:#2d1a3b;color:white;padding:6px;border-radius:4px;font-size:13px}
.pause-panel button{transition:none;box-shadow:none}.pause-footer{grid-column:1/-1;display:flex;align-items:center;padding:16px 28px;margin:0;border-top:1px solid var(--menu-line);background:#0002;gap:10px;font-size:11px;color:#ac8dbe}.pause-footer span{margin-right:auto}.pause-footer button{font-size:12px;border-radius:4px;border:1px solid #ffffff20;background:#342043;padding:9px 12px}.pause-footer #disconnect{color:#ff9d9d}
#testing-options{grid-column:1/-1;padding:12px 28px 0;max-height:150px;overflow-y:auto}#testing-hint{font-size:11px;color:#ffff55}.binding-row{background:#ffffff03;border:1px solid var(--menu-line);border-radius:5px;padding:8px 12px;margin-bottom:7px;font-size:13px}.binding-row button{min-width:96px;background:#39254b;border:1px solid #ffffff25;border-radius:4px;padding:7px;color:#bb91ed;font-size:12px}.presets{gap:8px;margin-bottom:18px}.presets button{border:1px solid #ffffff25;border-radius:5px;background:#342043;font-size:13px}.presets button small{font-size:10px;line-height:1.5;color:#b89acc}
.pack-controls{border:1px solid var(--menu-line);border-radius:6px;background:#ffffff03;padding:18px;font-size:13px}.pack-controls p{font-size:12px;line-height:1.6;color:#b89acc}.pack-controls button{background:#39254b;border:1px solid #ffffff25;border-radius:4px;font-size:13px}.pack-controls input{max-width:100%}
#hud-shell{background:#0d0715b8;padding:24px}
.hud-panel{width:min(1040px,100%);max-height:calc(100dvh - 48px);padding:0;overflow:hidden;border:1px solid #bb91ed30;border-radius:10px;background:#1b1128f7;box-shadow:0 24px 80px #0007}
.hud-heading{padding:22px 26px;gap:16px;background:#160d2199;border-bottom:1px solid var(--menu-line)}.hud-heading h1{font-size:26px;letter-spacing:1px;line-height:1.2}.hud-heading p{font-size:12px;margin:6px 0 0}.hud-heading #hud-done{margin-left:auto;padding:10px 15px;border:1px solid #bb91ed44;background:#bb91ed12;color:#bb91ed;border-radius:5px;font-size:12px}
.client-mark{width:48px;height:48px;border:2px solid #bb91ed70;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#bb91ed;font-size:21px;background:#bb91ed0b;transform:rotate(-4deg)}.client-mark span{color:white;margin-left:-3px}
.mod-workspace{display:grid;grid-template-columns:178px minmax(0,1fr);height:min(57dvh,500px);min-height:260px}.mod-sidebar{padding:20px 12px;border-right:1px solid var(--menu-line);background:#160d2166;overflow-y:auto;display:flex;flex-direction:column;gap:7px}
.nav-label{font-size:10px;color:#9470aa;letter-spacing:1px;padding:0 10px 9px}.mod-sidebar>button{background:transparent;border:1px solid transparent;text-align:left;font-size:13px;padding:11px 12px;border-radius:5px;color:#ba9bd0}.mod-sidebar>button:hover{background:#ffffff06;color:white}.mod-sidebar>button.active{background:#bb91ed10;color:#bb91ed;border-color:#bb91ed25}
.profile-tools{margin-top:auto;padding:24px 3px 0;display:flex;flex-direction:column;gap:9px}.profile-tools>label{font-size:10px;color:#9470aa;letter-spacing:1px}.profile-tools select{width:100%;font-size:12px;padding:8px;background:#1d2c38;color:#d9e8ef;border:1px solid #ffffff20;border-radius:4px}.profile-tools button,.profile-import{background:#1d2c38;color:#b9ccd6;border:1px solid #ffffff20;font-size:11px;padding:8px 10px;border-radius:4px;cursor:pointer;text-align:center}.profile-tools>div{display:flex;gap:6px}.profile-tools>div>*{flex:1}
.mod-main{overflow-y:auto;padding:22px;scrollbar-width:thin;scrollbar-color:#805297 #1e1229}.module-search{display:flex;align-items:center;gap:12px;margin-bottom:18px}.module-search input{width:100%;min-width:0;padding:12px 14px;background:#09121b;border:1px solid #ffffff20;border-radius:5px;color:white;font-size:13px}.module-search input:focus{outline:1px solid #bb91ed}.module-search span{font-size:11px;color:#9470aa;white-space:nowrap}
#hud-modules{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.mod-card{background:#16232ed9;border:1px solid #ffffff17;border-radius:7px;overflow:hidden;display:flex;flex-direction:column}
#hud-modules .mod-toggle{border:0;border-radius:0;background:transparent;padding:15px 13px 10px;gap:8px;display:grid;grid-template-columns:1fr auto;text-align:left;flex:1;align-content:start;box-shadow:none}
#hud-modules .mod-toggle .mod-icon{grid-column:1;display:grid;place-items:center;width:35px;height:35px;background:#ffffff07;border:1px solid #ffffff15;border-radius:7px;color:#a2bac9;font-size:16px;margin-bottom:5px}
#hud-modules .mod-toggle strong{grid-column:1/-1;font-size:13px;line-height:1.4}#hud-modules .mod-toggle small{grid-column:1/-1;font-size:10px;color:#87a1b1;line-height:1.55;min-height:32px}#hud-modules .mod-toggle .module-state{grid-column:2;grid-row:1;font-size:10px;padding:4px 7px;border-radius:9px;background:#ffffff06;align-self:start;margin-top:8px}
#hud-modules .mod-toggle.enabled{background:#bb91ed04}#hud-modules .mod-toggle.enabled .mod-icon{border-color:#bb91ed35;color:#bb91ed;background:#bb91ed0c}#hud-modules .mod-toggle.enabled .module-state{color:#bb91ed;background:#bb91ed15}
#hud-modules .mod-settings{border:0;border-top:1px solid #ffffff12;border-radius:0;background:#0002;padding:9px;font-size:10px;color:#99b3c1;text-align:center}#hud-modules .mod-settings:hover{color:#bb91ed;background:#bb91ed09}
.config-back{border:0;background:transparent;color:#88b7c6;font-size:12px;padding:0 0 20px}.config-heading{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--menu-line);margin-bottom:18px;padding-bottom:18px}.config-heading h2{font-size:23px;font-weight:normal;margin:0 0 8px}.config-heading p{color:#8aa7b7;font-size:12px;margin:0;line-height:1.6}.config-heading button{margin-left:auto;background:#27323d;color:#a8b6c1;border:1px solid #ffffff20;padding:10px 15px;border-radius:5px}.config-heading button.enabled{background:#bb91ed16;color:#bb91ed;border-color:#bb91ed44}
#hud-config-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.module-option{display:grid;grid-template-columns:1fr auto;background:#ffffff03;border:1px solid #ffffff14;border-radius:5px;padding:14px;gap:10px;font-size:12px;color:#c5d8e2}.module-option output{font-size:11px;color:#bb91ed}.module-option input[type=range]{grid-column:1/-1;width:100%;accent-color:#bb91ed}.module-option input[type=checkbox]{width:19px;height:19px;accent-color:#bb91ed}.module-option input[type=color]{width:42px;height:25px;padding:0;border:0;background:transparent}.module-option select{padding:5px;background:#263847;color:white;border:1px solid #ffffff25;border-radius:3px;font-size:12px}#hud-module-reset{margin-top:18px;font-size:12px;background:#243642;border:1px solid #ffffff25;padding:10px 15px;border-radius:5px}
.global-options{margin-top:22px;border-top:1px solid var(--menu-line);padding-top:16px;font-size:12px;color:#93aebe}.global-options summary{cursor:pointer}.global-options .hud-options{margin-top:16px;font-size:12px}.hud-footer{margin:0;padding:16px 24px;border-top:1px solid var(--menu-line);background:#09121b99;gap:12px}.hud-footer p{font-size:11px}.hud-footer button{font-size:12px;border:1px solid #ffffff20;background:#243542;border-radius:5px;padding:10px 13px}.hud-footer #hud-layout{background:#bb91ed;color:#10303a;border-color:#bb91ed}.snap-option{display:flex;gap:7px;align-items:center;font-size:11px;color:#93aebe}.snap-option input{accent-color:#bb91ed}
.layout-mode .mod-workspace,.layout-mode .global-options,.layout-mode .client-mark,.layout-mode .snap-option{display:none}.layout-mode .hud-panel{width:min(780px,100%);padding:0;border-radius:8px}.layout-mode .hud-heading{padding:14px 18px}.layout-mode .hud-heading h1{font-size:19px}.layout-mode .hud-footer{padding:12px 18px}.layout-mode .hud-footer p{font-size:12px}
.hud-widget{--widget-bg:#1b1128;--hud-scale:1;--hud-background:.45;white-space:pre-line;line-height:1.3;background:color-mix(in srgb,var(--widget-bg) calc(var(--hud-background) * 100%),transparent);font-size:calc(8px * var(--gui-scale) * var(--hud-scale));padding:calc(3px * var(--gui-scale) * var(--hud-scale));max-width:96vw}
.hud-widget.horizontal{white-space:pre}.chroma{animation:hud-chroma 8s linear infinite}@keyframes hud-chroma{0%,100%{color:#bb91ed}25%{color:#aaff55}50%{color:#ff55ff}75%{color:#ffaa55}}
#timer{display:flex;flex-direction:column;align-items:center;gap:6px;position:absolute;transform:translateX(-50%);min-width:190px;padding:12px 22px;border:0;box-shadow:0 4px 20px #0002;pointer-events:none;border-radius:6px}
#timer small{font-size:calc(5px * var(--gui-scale) * var(--hud-scale));letter-spacing:1px;color:#94b9c5}#time-value{font-size:calc(20px * var(--gui-scale) * var(--hud-scale));line-height:1;font-weight:normal;font-variant-numeric:tabular-nums;color:inherit;min-width:5ch;text-align:center}
#mode-label{font-size:calc(5px * var(--gui-scale) * var(--hud-scale));line-height:1.3;color:#e4d3ef;text-shadow:none}
[data-widget=watermark]{letter-spacing:1px}.watermark-white{color:white}[data-widget=fps]{padding:calc(2px * var(--gui-scale) * var(--hud-scale))}
.keystrokes-widget{display:grid;grid-template-columns:repeat(3,calc(var(--key-size) * 1px * var(--gui-scale) * var(--hud-scale)));width:max-content;padding:0;background:transparent!important}.keystroke{height:calc(var(--key-size) * 1px * var(--gui-scale) * var(--hud-scale));background:color-mix(in srgb,var(--widget-bg) calc(var(--hud-background) * 100%),transparent);border-radius:inherit;transition:background-color var(--key-fade),color var(--key-fade)}.keystroke.pressed{background:var(--hud-accent);color:#102b33}
.module-item-icon{width:calc(16px * var(--gui-scale) * var(--hud-scale));height:calc(16px * var(--gui-scale) * var(--hud-scale));object-fit:contain;image-rendering:pixelated;vertical-align:middle;margin-right:6px}
.hud-editing #timer{pointer-events:auto}.hud-editing .hud-widget{outline:1px dashed #bb91ed;padding:5px;cursor:move;overflow:visible;min-width:40px;min-height:24px}.hud-editing .module-disabled{opacity:.3}.widget-resize{position:absolute;right:-4px;bottom:-4px;width:10px;height:10px;background:#bb91ed;border:1px solid #14343c;cursor:nwse-resize;z-index:1}.hud-editing #hud-shell{padding-bottom:16px}.hud-editing #timer .widget-resize{pointer-events:auto}
#crosshair{--cross-size:7;--cross-thickness:1;--cross-gap:0;--cross-color:#fff;width:calc(var(--cross-size) * 1px * var(--gui-scale));height:calc(var(--cross-size) * 1px * var(--gui-scale));background:none}
#crosshair[data-shape=plus]:before,#crosshair[data-shape=plus]:after{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--cross-color) calc(50% - var(--cross-gap) * 1px * var(--gui-scale)),transparent calc(50% - var(--cross-gap) * 1px * var(--gui-scale)),transparent calc(50% + var(--cross-gap) * 1px * var(--gui-scale)),var(--cross-color) calc(50% + var(--cross-gap) * 1px * var(--gui-scale))) center / 100% calc(var(--cross-thickness) * 1px * var(--gui-scale)) no-repeat}
#crosshair[data-shape=plus]:after{transform:rotate(90deg)}#crosshair.center-dot{background:radial-gradient(circle,var(--cross-color) 0 1px,transparent 2px)}#crosshair[data-shape=dot]{width:calc(var(--cross-thickness) * 2px * var(--gui-scale));height:calc(var(--cross-thickness) * 2px * var(--gui-scale));background:var(--cross-color);border-radius:50%}
#crosshair[data-shape=circle],#crosshair[data-shape=square]{border:calc(var(--cross-thickness) * 1px * var(--gui-scale)) solid var(--cross-color);border-radius:50%}#crosshair[data-shape=square]{border-radius:0}
.sidebar-title,.sidebar-row{background:rgba(0,0,0,var(--sidebar-bg,.45))}
@media(max-width:800px){.mod-workspace{grid-template-columns:150px 1fr}#hud-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-layout{gap:18px}.join-panel{padding:26px}.pause-panel{grid-template-columns:170px 1fr}.settings-content{padding:18px}.pause-heading{padding:20px}}
@media(max-width:560px){#join-shell,#settings,#hud-shell{padding:10px}.join-panel{padding:20px;max-height:calc(100dvh - 20px)}.join-brand{font-size:28px}.join-panel h1{font-size:17px}.join-steps span{font-size:11px}.name-picker{padding:18px 10px}.name-picker strong{font-size:23px}.skin-layout{grid-template-columns:1fr}.skin-model-card{min-height:0;padding:0 0 14px}#skin-preview{height:200px}#skin-preview canvas{width:138px!important;height:200px!important}.skin-model-note{display:none}.pause-panel{grid-template-columns:1fr;max-height:calc(100dvh - 20px)}.pause-heading{padding:15px}.pause-heading h1 button{font-size:20px}.pause-heading #continue{font-size:11px;padding:10px}.pause-panel .settings-tabs{flex-direction:row;flex-wrap:wrap;border-right:0;padding:8px;gap:4px}.settings-tabs button{padding:9px 6px;font-size:10px;flex:1}.settings-content{max-height:45dvh;min-height:180px;padding:15px}.pause-footer{padding:12px;flex-wrap:wrap}.pause-footer span{display:none}.pause-note{padding:10px 16px}.hud-heading{padding:15px}.client-mark{display:none}.hud-heading h1{font-size:21px}.hud-heading #hud-done{font-size:10px;padding:8px}.mod-workspace{grid-template-columns:110px 1fr;height:58dvh}.mod-sidebar{padding:14px 6px}.mod-sidebar>button{font-size:10px;padding:10px 7px}.mod-main{padding:12px}.module-search{flex-wrap:wrap}.module-search input{font-size:11px;padding:10px}.module-search span{display:none}#hud-modules{grid-template-columns:1fr}#hud-config-fields{grid-template-columns:1fr}.config-heading{flex-wrap:wrap}.config-heading h2{font-size:20px}.hud-footer{padding:12px;flex-wrap:wrap;gap:8px}.hud-footer p{width:100%}.hud-footer button{font-size:10px}.profile-tools button,.profile-import{font-size:9px;padding:7px}.profile-tools select{font-size:10px}}
@media(prefers-reduced-motion:reduce){.chroma{animation:none}.keystroke{transition:none}}


#timer #time-value{font-size:calc(20px * var(--gui-scale) * var(--hud-scale));color:inherit;line-height:1;font-weight:normal}
body:has(#settings:not([hidden])) #top,body:has(#hud-shell:not([hidden])) #top,body:has(#settings:not([hidden])) #quick-actions,body:has(#hud-shell:not([hidden])) #quick-actions{display:none}

/* Shared control and surface treatment across onboarding, options and modules. */
:root{--menu-bg:#1b1128;--menu-line:#b58aca20;--menu-muted:#ac8dbe}
.join-panel,.pause-panel,.hud-panel{border-color:#c49add26;background:#1b1128fa;box-shadow:0 20px 70px #0007,0 1px 0 #ffffff08 inset}
.join-brand,.hud-heading h1{letter-spacing:1.5px}
.join-panel h1,.pause-heading h1,.hud-heading h1{line-height:1.35}
.pause-heading,.hud-heading{background:linear-gradient(110deg,#43275080,#1b112800)}
.pause-heading #continue,.join-panel button.primary,.hud-footer #hud-layout{background:#c49aee;border-color:#dabaff;color:#210e2f;box-shadow:0 1px 0 #ffffff40 inset}
.pause-heading #continue:hover,.join-panel button.primary:hover,.hud-footer #hud-layout:hover{background:#dec2ff}
.join-panel button,.settings-tabs button,.mod-sidebar>button,.profile-tools button,.mod-settings,.pause-footer button{min-height:38px}
.join-panel :is(button,input):focus-visible,.pause-panel :is(button,input,select):focus-visible,.hud-panel :is(button,input,select,summary):focus-visible{outline:2px solid #c49aee;outline-offset:3px}
.settings-content{padding-top:24px}.option{padding:16px 18px;background:#291a356b;border-color:#b58aca1b}.option:focus-within{border-color:#c49aee55}
.option span{line-height:1.4}.option small{max-width:48ch}.binding-row{min-height:44px;gap:16px}
.pause-panel input[type=range],.hud-panel input[type=range]{cursor:pointer}.pause-panel input[type=checkbox],.hud-panel input[type=checkbox]{cursor:pointer}
.settings-tabs button.active,.mod-sidebar>button.active{box-shadow:3px 0 0 #c49aee inset;border-color:transparent;background:#bb91ed0d}
.presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.presets button{min-height:82px;text-align:left;padding:15px 13px;color:#e1eef4;background:#2a1b36;border-color:#b992d122;position:relative}
.presets button small{display:block;margin-top:8px}.presets button.selected{border-color:#c49aee85;background:#392249;color:#dec2ff;box-shadow:0 0 0 1px #c49aee20 inset}
.presets button:hover{border-color:#c49aee65}.performance-status{display:flex;align-items:center;gap:10px;border:1px solid #c49aee24;border-radius:6px;padding:14px 16px;background:#bb91ed06;color:#dec2ff;font-size:12px}
.performance-status small{margin-left:auto;color:#ac8dbe;font-size:10px}.status-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#c49aee}
.mod-card{background:#291a35;border-color:#b58aca20}.mod-card:has(.enabled){border-color:#c49aee35}
#hud-modules .mod-settings{min-height:34px}#hud-modules .mod-toggle small{color:#b197c3}
.module-search input{min-height:44px}.module-option{background:#291a3570;border-color:#b58aca1b}.module-option:focus-within{border-color:#c49aee55}
#binding-help{color:#ac8dbe;font-size:12px;line-height:1.6;margin:16px 0}
#board-native-image{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:560px){.performance-status{flex-wrap:wrap;padding:12px}.performance-status small{margin-left:16px;width:100%}.presets{gap:6px}.presets button{padding:12px 8px;font-size:11px;min-height:78px}.presets button small{font-size:9px}.settings-content{padding-top:16px}}