body.honor-mode { overflow:hidden!important;overscroll-behavior:none; }
.live-development-label{font:10px/1.4 system-ui,sans-serif;color:#69bb9d;white-space:nowrap;}
.hg-adb-settings{border-bottom:1px solid #8099a033;padding-bottom:12px;}
.hg-adb-settings select{display:block;width:100%;background:#22343c;color:#dfe9ed;border:1px solid #627781;border-radius:6px;padding:8px;margin-top:5px;}
.hg-calibration-image{position:relative;line-height:0;touch-action:manipulation;width:min(100%,calc(48dvh * var(--game-aspect,1.777778)));margin:auto;}
#hgGameImage{width:100%;height:auto;display:block;cursor:crosshair;}
#hgCalibrationMarkers{position:absolute;inset:0;pointer-events:none;}
#hgCalibrationMarkers span{position:absolute;transform:translate(-50%,-50%);font:9px/1.2 system-ui,sans-serif;color:#fff;background:#14232bb3;border:1px solid #8da8b6;border-radius:6px;padding:3px;white-space:nowrap;}
#hgCalibrationMarkers span.selected{background:#f0cd76;color:#241f12;border-color:#fff;z-index:2;}
#hgSettingsDialog:has(#hgCalibration:not([hidden])){max-width:950px;}
.live-refresh-notice { position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:15000;padding:10px 16px;border-radius:12px;background:#15332e;color:#d9f4e9;font:12px/1.4 system-ui,sans-serif;box-shadow:0 4px 20px #0004;pointer-events:none;white-space:nowrap; }
body.honor-mode > .shell { visibility:hidden;pointer-events:none; }
#honorGamepad[hidden] { display:none!important; }
#honorGamepad { --hg-size:1;position:fixed;inset:0;z-index:8000;display:grid;grid-template-rows:54px 1fr 30px;padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px,env(safe-area-inset-left));background:radial-gradient(ellipse at 48% 45%,#152d37 0,#091820 65%,#071118 100%);color:#e9f0f2;font:14px/1.4 system-ui,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none;box-sizing:border-box; }
#honorGamepad * {box-sizing:border-box;}
#honorGamepad button {font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;}
#honorGamepad button:focus-visible {outline:2px solid #f0cf89;outline-offset:4px;}
.hg-toolbar {display:flex;align-items:center;gap:16px;border-bottom:1px solid #aacfe214;z-index:2;}
.hg-brand {display:flex;align-items:center;gap:9px;white-space:nowrap;}
.hg-brand>span {display:grid;place-items:center;width:32px;height:32px;border:1px solid #d0af6866;border-radius:10px;color:#edcb8a;background:#b3914914;font-size:18px;}
.hg-brand strong {font-size:15px;letter-spacing:2px;}.hg-brand small{display:block;font-size:9px;letter-spacing:1px;color:#78929f;}
.hg-connection{display:flex;align-items:center;gap:7px;flex:1;min-width:0;color:#b9c6cc;font-size:10px;}
.hg-connection>span{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hg-connection i{width:6px;height:6px;border-radius:50%;background:#e4bd75;flex:none;}
.hg-connection[data-state=ready] i {background:#6addb5;box-shadow:0 0 10px #6addb544;}
.hg-connection[data-state=error]{color:#ffa899;}.hg-connection[data-state=error] i {background:#f88e83;}
#hgLatency{color:#70909d;font-variant-numeric:tabular-nums;white-space:nowrap;}
.hg-toolbar nav{display:flex;gap:5px;}.hg-toolbar button,.hg-footer button,.hg-portrait-note button{border:1px solid #91b7c72b;background:#172b35;border-radius:8px;padding:7px 10px;font-size:11px!important;}
.hg-board{position:relative;min-height:0;overflow:hidden;}
.hg-watermark{position:absolute;left:38%;top:50%;color:#63869726;letter-spacing:7px;font-size:23px;pointer-events:none;}
.hg-watermark small{display:block;font-size:9px;letter-spacing:2px;color:#7694a34f;}
#honorGamepad .hg-control{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:50%;width:calc(clamp(45px,calc(var(--hg-height, 390px)*.084),65px)*var(--hg-size));height:calc(clamp(45px,calc(var(--hg-height, 390px)*.084),65px)*var(--hg-size));border:1px solid #9dbece55;background:linear-gradient(145deg,#243e4bf0,#11252fee);box-shadow:inset 0 0 0 4px #0e23294d,0 5px 14px #0003;touch-action:none;padding:0;}
.hg-control b{font-size:10px;font-weight:600;color:#83a7ba;letter-spacing:.3px;}.hg-name{font-size:12px;white-space:nowrap;}
#honorGamepad .hg-stick{width:calc(clamp(106px,calc(var(--hg-height, 390px)*.31),150px)*var(--hg-size));height:calc(clamp(106px,calc(var(--hg-height, 390px)*.31),150px)*var(--hg-size));background:repeating-radial-gradient(circle,transparent 0,transparent 25%,#799cac13 26%,transparent 27%),radial-gradient(circle,#203e4db3,#0b1d2899);border:1px solid #6b9cb947;}
#honorGamepad [data-hg=camera]{width:calc(clamp(78px,calc(var(--hg-height, 390px)*.23),115px)*var(--hg-size));height:calc(clamp(78px,calc(var(--hg-height, 390px)*.23),115px)*var(--hg-size));}
.hg-stick .hg-knob{position:absolute;width:41%;height:41%;border:1px solid #81b8d277;border-radius:50%;background:radial-gradient(circle at 40% 30%,#36586a,#1c3443);box-shadow:0 4px 15px #0006;transform:translate(var(--dx,0px),var(--dy,0px));}
.hg-stick b,.hg-stick .hg-name{position:relative;pointer-events:none;z-index:1;}.hg-stick .hg-name{position:absolute;bottom:8px;font-size:10px;color:#a0b8c4;}
#honorGamepad .hg-skill{width:calc(clamp(53px,calc(var(--hg-height, 390px)*.17),80px)*var(--hg-size));height:calc(clamp(53px,calc(var(--hg-height, 390px)*.17),80px)*var(--hg-size));border-color:#c9ad6d77;background:linear-gradient(145deg,#3c4239,#1a302f);}
.hg-skill b{color:#e8ca87;}
#honorGamepad .hg-attack{width:calc(clamp(76px,calc(var(--hg-height, 390px)*.24),112px)*var(--hg-size));height:calc(clamp(76px,calc(var(--hg-height, 390px)*.24),112px)*var(--hg-size));border:2px solid #dcbe7a9c;background:radial-gradient(circle at 35% 30%,#555640,#243630);box-shadow:inset 0 0 0 5px #d0b77e13,0 6px 20px #0004;}
.hg-attack .hg-name{font-size:17px;font-weight:600;color:#f5e4bc;}.hg-attack b{color:#e9d394;}
#honorGamepad .hg-cancel{border-style:dashed;border-color:#a5797c88;background:#37282d77;width:calc(65px*var(--hg-size));height:calc(40px*var(--hg-size));border-radius:20px;}
.hg-cancel .hg-name{font-size:10px;}.hg-cancel b{font-size:9px;color:#cba3a2;}
.hg-aim-dot{display:none;position:absolute;width:16px;height:16px;border-radius:50%;background:#f3d288;box-shadow:0 0 12px #f6ce7580;transform:translate(var(--dx,0px),var(--dy,0px));pointer-events:none;}
.hg-skill.is-aiming .hg-aim-dot{display:block;}.hg-skill.is-aiming b,.hg-skill.is-aiming .hg-name{opacity:.35;}
#honorGamepad .is-pressed{border-color:#f4d48b;filter:brightness(1.25);box-shadow:0 0 20px #e9c67a25;}
#honorGamepad.is-cancelling .hg-cancel{background:#a34543;color:#fff;border-color:#ffb7a9;}
.hg-upgrades{position:absolute;left:7%;top:8%;display:flex;gap:7px;}.hg-upgrades button{background:#24343b;border:1px solid #8ca5a144;border-radius:8px;width:32px;height:30px;color:#d3bd85!important;font-size:11px!important;}
.hg-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8ba4b0;gap:10px;border-top:1px solid #aacfe214;}.hg-footer button{padding:3px 10px;}
.hg-portrait-note{display:none;}.hg-editing .hg-control{outline:1px dashed #eccc86;}.hg-editing .hg-board{background-image:radial-gradient(#9bb6bb33 1px,transparent 1px);background-size:20px 20px;}.hg-editing .hg-upgrades{opacity:.3;pointer-events:none;}
#hgSettingsDialog{max-width:540px;width:calc(100% - 30px);max-height:85dvh;border:1px solid #68869477;border-radius:18px;background:#12242d;color:#e1ebef;padding:20px;touch-action:pan-y;user-select:text;}
#hgSettingsDialog::backdrop{background:#02080bd9;backdrop-filter:blur(5px);}
#hgSettingsDialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}#hgSettingsDialog h2{font-size:21px;margin:3px 0;}#hgSettingsDialog small{color:#a1b4bd;}#hgSettingsDialog button{background:#2a3e45;border:1px solid #9ba78155;border-radius:9px;padding:9px 14px;}#hgSettingsDialog label{display:block;margin:12px 0;font-size:13px;}#hgSettingsDialog output{float:right;color:#e8c884;}#hgSettingsDialog input[type=range]{display:block;width:100%;margin-top:12px;accent-color:#d7bb7e;touch-action:pan-x;}
#hgSettingsDialog details{border-top:1px solid #8099a033;padding:14px 0;font-size:12px;line-height:1.8;}#hgSettingsDialog summary{cursor:pointer;color:#e3c997;}#hgSettingsDialog ol{padding-left:20px;color:#b2c7d2;}#hgSettingsDialog p{color:#9aafb9;font-size:11px;}#hgSettingsDialog a{color:#e7c580;}.hg-bindings{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}.hg-bindings select{display:block;width:100%;background:#22343c;color:#dfe9ed;border:1px solid #627781;border-radius:6px;padding:7px;}
@media (orientation:portrait){
  #honorGamepad{inset:auto;left:50%;top:50%;width:100dvh;height:100dvw;transform:translate(-50%,-50%) rotate(90deg);grid-template-rows:44px 1fr 25px;padding:0 12px;}
  .hg-toolbar{gap:10px;}.hg-brand strong{font-size:13px;}.hg-toolbar button{padding:5px 8px;}
  .hg-connection>span{max-width:210px;}
}
@media (orientation:landscape) and (max-height:420px){#honorGamepad{grid-template-rows:44px 1fr 25px;}.hg-toolbar{gap:10px;}.hg-brand strong{font-size:13px;}.hg-toolbar button{padding:5px 8px;}.hg-connection>span{max-width:210px;}}