.mod233-ball {position:absolute;right:calc(8px + var(--safe-right, 0px));top:42%;width:48px;height:48px;border-radius:50%;border:1px solid #e2f5ff88;background:#193239b8;color:#fff9e7;box-shadow:0 2px 10px #0005,inset 0 0 0 4px #ffffff12;font:bold 11px Arial;letter-spacing:.5px;z-index:15000;touch-action:none;padding:0;user-select:none;}
.mod233-overlay[hidden]{display:none!important}
.mod233-overlay {position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#05121999;z-index:16000;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-top, 0px)) calc(16px + var(--safe-right, 0px)) calc(16px + var(--safe-bottom, 0px)) calc(16px + var(--safe-left, 0px));box-sizing:border-box;}

.mod233-panel{width:480px;max-width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid #657078;border-radius:2px;background:#191e23;color:#edf0ed;padding:20px;box-sizing:border-box;font:14px/1.5 Arial,sans-serif;box-shadow:6px 6px 0 #0005;}
.mod233-panel header{position:static;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:2px solid #edb94f;padding-bottom:12px;margin-bottom:10px;}
.mod233-panel h2{margin:0;font-size:24px;letter-spacing:2px;}.mod233-panel header small{color:#a5bec2;font-size:11px;letter-spacing:2px;}
.mod233-panel button{cursor:pointer;border:1px solid #69757e;border-radius:2px;padding:8px 12px;min-height:40px;background:#303940;color:#edf0ed;font:inherit;touch-action:manipulation;}
.mod233-panel [data-close]{font-size:26px;padding:0;width:40px;line-height:1;display:flex;align-items:center;justify-content:center;}
.mod233-tabs{display:flex;border-bottom:1px solid #ffffff16;margin-bottom:14px;flex-shrink:0;}.mod233-tabs button{flex:1;border:0;border-radius:0;background:transparent;color:#a1b8bd;padding:10px 4px;font-size:14px;}.mod233-tabs button[aria-selected=true]{color:#edb94f;box-shadow:inset 0 -3px #edb94f;font-weight:bold;}
.mod233-content{overflow:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}.mod233-content [hidden]{display:none!important;}
.mod233-base{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:8px 0 14px;color:#9eb9bd;}.mod233-base strong{font-weight:normal;color:#d5e0d8;}
.mod233-card{background:#252c32;border:1px solid #485158;border-radius:2px;padding:14px;margin-bottom:10px;}.mod233-card-head{display:flex;align-items:center;}.mod233-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:2px;background:#c4dbd412;color:#e6d39f;font-size:21px;margin-right:12px;}.mod233-card h3{font-size:16px;margin:0 0 3px;}.mod233-card p{font-size:11px;color:#a6bec1;margin:0;}.mod233-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;}.mod233-access{font-size:11px;color:#a9bec0;}.mod233-card-foot button{min-height:36px;font-size:12px;background:#edb94f;color:#20333a;border:0;white-space:nowrap;}.mod233-card-foot button span{margin-right:4px;}
.mod233-setting,.mod233-pills{display:flex;justify-content:space-between;align-items:center;background:#171c21;border-radius:2px;margin-top:12px;padding:8px 10px;color:#9ab1b6;font-size:12px;}.mod233-value{font-size:18px;color:#d9e2de;}.mod233-value small{font-size:10px;}.mod233-pills span{flex:1;text-align:center;}.mod233-pills .selected{color:#e5d39b;}
.mod233-panel footer{position:static;display:block;flex-shrink:0;padding-top:8px;color:#8ca9af;text-align:center;font-size:10px;}.mod233-panel footer p{margin:0 0 4px;}.mod233-status:empty{display:none;}.mod233-status{min-height:16px;color:#d7c792;font-size:10px;}
html:not([data-platform=toy])[data-orientation=landscape] .mod233-panel{width:720px;padding:14px 18px;}
html:not([data-platform=toy])[data-orientation=landscape] .mod233-panel h2{font-size:20px;margin-bottom:0;}
html:not([data-platform=toy])[data-orientation=landscape] .mod233-tabs{margin-bottom:8px;}
html:not([data-platform=toy])[data-orientation=landscape] .mod233-content [role=group]:not([hidden]){display:flex;flex-wrap:wrap;margin:0 -4px;}
html:not([data-platform=toy])[data-orientation=landscape] .mod233-base{width:100%;padding:0 5px 8px;}
html:not([data-platform=toy])[data-orientation=landscape] .mod233-card{width:calc(33.333% - 8px);margin:0 4px 6px;padding:10px;box-sizing:border-box;}
html:not([data-platform=toy])[data-orientation=landscape] .mod233-card-head{align-items:flex-start;}
html:not([data-platform=toy])[data-orientation=landscape] .mod233-icon{width:26px;height:26px;font-size:17px;margin-right:7px;}
html:not([data-platform=toy])[data-orientation=landscape] .mod233-card h3{font-size:14px;}
html:not([data-platform=toy])[data-orientation=landscape] .mod233-card-foot{display:block;}
html:not([data-platform=toy])[data-orientation=landscape] .mod233-card-foot button{display:block;width:100%;margin-top:7px;}

.mod233-card.is-unlocked{border-color:#677b7455;}.mod233-card-foot button[data-unlocked=true]{background:#8ba89b;}.mod233-setting input{width:86px;min-width:0;background:#252c32;border:1px solid #74959b;color:#edf0ed;padding:5px;border-radius:2px;font-size:16px;}.mod233-pills button{flex:1;padding:4px;min-height:32px;font-size:11px;border:0;background:transparent;}.mod233-pills button[aria-pressed=true]{background:#56635c;color:#edb94f;}.mod233-panel button:disabled,.mod233-setting input:disabled{opacity:.4;}

.mod233-interval{margin-top:12px;padding:10px;background:#171c21;border-radius:2px;font-size:11px;color:#abc1c4;}.mod233-interval label,.mod233-interval>div{display:flex;justify-content:space-between;}.mod233-interval output{color:#edb94f;font-weight:bold;}.mod233-interval input{width:100%;margin:12px 0;accent-color:#edb94f;touch-action:pan-y;}.mod233-interval input:disabled{opacity:.4;}.mod233-interval>div{font-size:10px;}

.mod233-keypad[hidden]{display:none!important;}
.mod233-keypad{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12px;background:#080b10dd;box-sizing:border-box;}
.mod233-keypad section{width:288px;max-width:100%;max-height:100%;overflow:auto;padding:16px;background:#191e23;border:1px solid #657078;box-shadow:5px 5px 0 #0005;color:#edf0ed;font:14px/1.4 Arial,sans-serif;box-sizing:border-box;}
.mod233-keypad header{position:static;display:flex;align-items:center;justify-content:space-between;}.mod233-keypad h3{margin:0;font-size:18px;}.mod233-keypad p{font-size:11px;color:#a6bec1;margin:8px 0 12px;}
.mod233-keypad button{border:1px solid #69757e;border-radius:2px;background:#303940;color:#edf0ed;min-height:40px;font:inherit;touch-action:manipulation;cursor:pointer;}.mod233-keypad header button{width:36px;font-size:22px;}
.mod233-keypad-value{display:flex;align-items:baseline;justify-content:space-between;background:#11171b;border-bottom:2px solid #edb94f;padding:8px 12px;margin-top:10px;}.mod233-keypad output{font:32px/1.2 monospace;color:#edb94f;}.mod233-keypad small{color:#a6bec1;}
.mod233-keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}.mod233-keypad-grid button{font-size:18px;height:42px;}.mod233-keypad-grid [data-pad=clear],.mod233-keypad-grid [data-pad=delete]{font-size:13px;}
.mod233-keypad .mod233-keypad-confirm{width:100%;margin-top:10px;background:#edb94f;color:#191e23;font-weight:bold;}.mod233-keypad button:active{filter:brightness(1.3);}.mod233-setting [data-speed-edit]{min-width:76px;color:#edb94f;font-size:20px;padding:4px 10px;}
html:not([data-platform=toy])[data-orientation=landscape] .mod233-keypad section{width:340px;padding:10px 14px;}html:not([data-platform=toy])[data-orientation=landscape] .mod233-keypad-grid button{height:34px;min-height:34px;}html:not([data-platform=toy])[data-orientation=landscape] .mod233-keypad-value{margin-top:4px;padding:4px 10px;}html:not([data-platform=toy])[data-orientation=landscape] .mod233-keypad p{margin:4px 0 6px;}

.mod233-ad-notice[hidden]{display:none!important;}
.mod233-ad-notice{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:#080b10dd;}
.mod233-ad-notice section{width:320px;max-width:100%;padding:24px;box-sizing:border-box;background:#191e23;border:1px solid #657078;color:#edf0ed;font:14px/1.6 Arial,sans-serif;}
.mod233-ad-notice h3{font-size:19px;margin:0 0 12px;}.mod233-ad-notice p{margin:0 0 22px;color:#b7c3ca;}.mod233-ad-notice button{width:100%;min-height:44px;border:0;border-radius:2px;background:#edb94f;color:#191e23;font:inherit;cursor:pointer;touch-action:manipulation;}

.mod233-ball[hidden]{display:none!important}

/* One logical layout across resolutions; the whole panel scales uniformly. */
html[data-platform=toy] .mod233-ball{font-size:12px;line-height:15px;letter-spacing:1px;white-space:pre-line;}
html[data-platform=toy] .mod233-panel{position:absolute;left:50%;top:50%;width:720px;height:540px;max-width:none;max-height:none;padding:18px 22px;transform:translate(-50%,-50%) scale(var(--fan-scale,1));transform-origin:center;}
html[data-platform=toy] .mod233-panel header{height:56px;box-sizing:border-box;padding-bottom:12px;margin-bottom:14px;}
html[data-platform=toy] .mod233-panel h2{font-size:26px;margin:0;}
html[data-platform=toy] .mod233-content{flex:1;overflow:hidden;}
html[data-platform=toy] .mod233-content [role=group]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;margin:0;height:100%;}
html[data-platform=toy] .mod233-card{display:flex;flex-direction:column;width:auto;min-width:0;height:100%;margin:0;padding:10px;box-sizing:border-box;}
html[data-platform=toy] .mod233-card-head{align-items:flex-start;}
html[data-platform=toy] .mod233-icon{width:30px;height:30px;font-size:20px;margin-right:9px;}
html[data-platform=toy] .mod233-card h3{font-size:18px;}
html[data-platform=toy] .mod233-card p{font-size:13px;}
html[data-platform=toy] .mod233-card-foot{display:block;margin-top:auto;padding-top:6px;}
html[data-platform=toy] .mod233-access{font-size:12px;}
html[data-platform=toy] .mod233-card-foot button{display:block;width:100%;min-height:40px;margin-top:7px;font-size:16px;}
html[data-platform=toy] .mod233-setting{padding:8px;margin-top:6px;font-size:12px;}
html[data-platform=toy] .mod233-setting [data-speed-edit]{min-width:64px;min-height:36px;font-size:20px;padding:4px 6px;}
html[data-platform=toy] .mod233-keypad section{position:absolute;left:50%;top:50%;width:340px;height:430px;max-width:none;max-height:none;padding:16px;overflow:hidden;transform:translate(-50%,-50%) scale(var(--fan-pad-scale,1));transform-origin:center;}
html[data-platform=toy] .mod233-keypad header{padding-bottom:0;margin-bottom:0;}
html[data-platform=toy] .mod233-keypad-value{margin-top:10px;padding:8px 12px;}
html[data-platform=toy] .mod233-keypad p{margin:8px 0 12px;}
html[data-platform=toy] .mod233-keypad-grid button{height:42px;min-height:42px;}
/* Five cards retain the same logical size, with a compact cruise editor. */
html[data-platform=toy] .mod233-card h3{font-size:16px;}
html[data-platform=toy] .mod233-icon{width:26px;height:26px;font-size:18px;margin-right:6px;}
html[data-platform=toy] .mod233-card p{font-size:12px;line-height:1.35;}
html[data-platform=toy] .mod233-card-foot button{min-height:34px;margin-top:4px;font-size:15px;}
html[data-platform=toy] .mod233-setting{padding:4px;margin-top:4px;}
html[data-platform=toy] .mod233-setting [data-speed-edit]{min-height:28px;font-size:18px;padding:2px 4px;}