/* Event-driven placement for the original live controls; defaults remain untouched. */
.hud-safe-area-probe{position:fixed;inset:0;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);z-index:-1}
body.hud-editing .touch-controls,body.hud-editing .core-stick,body.hud-editing .touch-actions{pointer-events:none!important}
.hud-editor{position:fixed;inset:0;margin:auto!important;box-sizing:border-box;width:min(1500px,98vw);max-width:98vw!important;height:min(900px,97dvh);max-height:97dvh!important;border:0!important;padding:0!important;border-radius:24px!important;background:#08798a url('../assets/room-art-v1/casual-stage.webp') center/cover!important;box-shadow:0 20px 80px #001b36b0!important;color:#124f69!important;overflow:hidden!important;font-family:'Baloo 2',system-ui,sans-serif;z-index:1000}
.hud-editor::backdrop{background:#001c33c9}
.hud-editor *{box-sizing:border-box}
.hud-editor-shell{height:100%;display:flex;flex-direction:column;padding:8px 15px 18px;gap:5px;background:linear-gradient(#107d8a18,#1b82944d);overflow:hidden}
.hud-editor-heading{position:relative;align-self:center;flex:none;width:min(650px,70%);height:94px;display:grid;place-items:center;background:url('../assets/room-art-v1/title-plaque.webp') center/100% 100% no-repeat;isolation:isolate}
.hud-editor-heading h2{font-size:clamp(22px,2.8vw,38px);font-weight:900;margin:0 0 3px;letter-spacing:.5px;color:#fff4ce;text-shadow:0 2px #593519,1px 0 #593519,-1px 0 #593519;line-height:1.1}
.hud-editor button{font:800 16px/1.1 'Baloo 2',system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.hud-editor button:focus-visible,.hud-editor input:focus-visible,.hud-editor select:focus-visible{outline:3px solid #02d0ef!important;outline-offset:3px}
.hud-editor .hud-editor-close{position:absolute;right:-30px;top:22px;width:46px;height:46px;border:3px solid #ffdf79;border-radius:50%;background:linear-gradient(#e84930,#ab1e12);color:#fff8dc;font:700 36px/30px system-ui;box-shadow:inset 0 2px #ffbb62,0 3px #69321c}
.hud-editor-tabs{display:flex;flex:none;align-self:center;min-width:310px;width:38%;max-width:600px;height:44px;padding:2px;background:#defcf2;border:2px solid #f6d275;border-radius:28px;box-shadow:0 2px 3px #15465e66}
.hud-editor-tabs button{width:50%;border:0;border-radius:24px;color:#0e4a66;background:linear-gradient(#f7fff8,#8ee8e5);font-size:23px;box-shadow:none;padding:0}
.hud-editor-tabs button[aria-selected=true]{background:linear-gradient(#fff1ad,#ffd04d);box-shadow:inset 0 0 0 2px #f8ab2b,inset 0 3px #fffae4;color:#194f68}
.hud-editor-subtitle{flex:none;text-align:center;margin:0;color:#effff6;font-size:13px;line-height:1.3;text-shadow:0 1px 2px #00374b;font-weight:800}
.hud-editor-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,28%);gap:9px;padding:9px;border:7px solid transparent;border-image:url('../assets/social-art-v2/frame.webp') 195 170/25px/4px stretch;border-radius:22px;background:#fff5da;box-shadow:0 5px 10px #00374b4d;overflow:hidden}
.hud-editor-preview-wrap{min-width:0;min-height:0;display:flex;flex-direction:column;gap:3px;padding:5px}
.hud-editor-preview{flex:1;position:relative;min-height:0;overflow:hidden;border:3px solid #ddb46b;border-radius:15px;background:#21acbf url('../assets/arena-surround-v1/village-6e702add5f52.webp') center/cover no-repeat;box-shadow:inset 0 0 0 2px #fff5bd}
.hud-editor-map{position:absolute;inset:0;overflow:hidden;border:0;border-radius:10px;background:transparent}
.hud-editor-map-canvas,.hud-editor-map-art{width:100%;height:100%;display:block;object-fit:contain;background:transparent}.hud-editor-map-art{object-fit:cover}.hud-editor-map-canvas[hidden],.hud-editor-map-art[hidden]{display:none}
.hud-editor-map-hint{position:absolute;left:0;right:0;top:45%;text-align:center;padding:5px;background:#fff4c8d9;color:#185a72;font-weight:800;font-size:14px}
.hud-editor-map-hint[hidden]{display:none}
.hud-editor-preview-foot{margin:0;min-height:18px;text-align:center;color:#27647a;font-size:12px;line-height:1.3}
.hud-editor .hud-preview-widget{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;min-width:0;min-height:0;padding:3px;border:2px solid #ffde78;border-radius:12px;color:#fffce7;background:linear-gradient(#21c9dd,#0874a2 60%,#004b7f);box-shadow:inset 0 2px #bcfff5,0 3px #693d1b,0 0 0 1px #835323;touch-action:none;user-select:none;font-size:var(--preview-font,18px);line-height:1;overflow:visible;cursor:grab}
.hud-editor .hud-preview-widget.is-selected{outline:2px dashed #ffe461;outline-offset:4px;box-shadow:inset 0 2px #bcfff5,0 3px #693d1b,0 0 0 2px #f8c834}
.hud-editor .hud-preview-widget.is-selected:after{content:'✥';position:absolute;right:-8px;top:-10px;width:22px;height:22px;display:grid;place-items:center;border:1px solid #fff1bb;border-radius:5px;background:#e6ac19;color:#fffdf2;font-size:18px;line-height:1;pointer-events:none}
.hud-preview-widget small{font-size:clamp(8px,.8vw,12px);line-height:1.1;white-space:nowrap;color:#fff8d6}
.hud-preview-symbol{display:block;line-height:1;font-size:inherit;pointer-events:none}
.hud-preview-movement .hud-preview-symbol{font-size:calc(var(--preview-font)*2);text-shadow:0 2px #00597c}
.hud-preview-balloon .hud-preview-symbol{font-size:calc(var(--preview-font)*2.3);color:#72ebff;filter:drop-shadow(0 1px 2px #004f8a);text-shadow:-2px -3px #c9ffff}
.hud-preview-skill .hud-preview-symbol{position:relative;display:block;width:100%;flex:1;min-height:0;font-size:calc(var(--preview-font)*2);color:#fff1a8;overflow:hidden;border-radius:8px}
.hud-preview-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.hud-preview-skill .skill-art{display:block;width:100%;height:100%;border:0;border-radius:6px;box-shadow:none}
.hud-editor .hud-preview-clock{background:linear-gradient(#925c2c,#4c2c19);border-radius:11px}
.hud-editor .hud-preview-clock small,.hud-editor .hud-preview-team small,.hud-editor .hud-preview-personal small,.hud-editor .hud-preview-music small,.hud-editor .hud-preview-utilities small{display:none}
.hud-editor-inspector{display:flex;flex-direction:column;gap:15px;min-width:0;min-height:0;padding:18px 16px 10px;border:1px solid #dfc58b;border-radius:16px;background:linear-gradient(120deg,#fffdf1,#fff4cf);box-shadow:inset 0 1px #fff}
.hud-editor-inspector h3{margin:0 0 3px;font-size:25px;line-height:1.1;color:#164a66}.hud-editor-inspector h3 span{color:#087aa5}
.hud-editor-widget-select{font:800 14px 'Baloo 2',system-ui;padding:8px;color:#15536c;border:1px solid #b9cfc4;border-radius:8px;background:#f5fff8;min-height:36px;width:100%}
.hud-editor-range{display:block;margin:0;padding:0;color:#134f6d}
.hud-editor-range-label{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:900;margin-bottom:6px}
.hud-editor-range-label output{font-size:16px}
.hud-editor-range-controls{display:flex;align-items:center;gap:7px}
.hud-editor-range-controls button{width:34px;height:34px;min-height:34px;flex:none;padding:0;border:1px solid #34adc8;border-radius:50%;box-shadow:inset 0 2px #fff,0 2px #8eb3ad;background:linear-gradient(#f8fff9,#abe5e8);color:#0877a5;font-size:24px}
.hud-editor-range-controls input{min-width:0;width:100%;height:28px;margin:0;accent-color:#edb73b;cursor:pointer}
.hud-editor-range-controls input{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:0;box-shadow:none}
.hud-editor-range-controls input::-webkit-slider-runnable-track{height:9px;border:1px solid #2ea7c6;border-radius:8px;background:linear-gradient(#1ac3e0,#007aa6);box-shadow:inset 0 1px #b7ffff,0 1px #b1c8b4}
.hud-editor-range-controls input::-webkit-slider-thumb{-webkit-appearance:none;width:23px;height:23px;margin-top:-8px;border:2px solid #ffed9b;border-radius:50%;background:linear-gradient(#ffe88a,#efab27);box-shadow:0 0 0 1px #bb7b22,0 2px 2px #75591d66}
.hud-editor-range-controls input::-moz-range-track{height:9px;border:1px solid #2ea7c6;border-radius:8px;background:linear-gradient(#1ac3e0,#007aa6)}
.hud-editor-range-controls input::-moz-range-thumb{width:21px;height:21px;border:2px solid #ffed9b;border-radius:50%;background:linear-gradient(#ffe88a,#efab27);box-shadow:0 0 0 1px #bb7b22}
.hud-editor-snap{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:800;cursor:pointer}.hud-editor-snap input{width:25px;height:25px;accent-color:#0c98c0;margin:0}
.hud-editor-overlap{font-size:12px;line-height:1.2;color:#965d17;min-height:28px;margin:0}.hud-editor-overlap:empty{min-height:0}
.hud-editor .hud-editor-reset{margin-top:auto;border:1px solid #36afc8;border-radius:15px;min-height:42px;padding:8px 5px;color:#165c79;background:linear-gradient(#f5fff2,#a1e8ea);box-shadow:inset 0 2px #fff,0 3px #688c77;font-size:16px}
.hud-editor-actions{display:flex;gap:9px}.hud-editor-actions button{flex:1;min-width:0;min-height:49px;border:2px solid #dab266;border-radius:16px;box-shadow:inset 0 2px #fff4d9,0 3px #79562a;padding:6px;font-size:21px}
.hud-editor .hud-editor-cancel{background:linear-gradient(#15b8e5,#0079bd 55%,#064575);color:white}.hud-editor .hud-editor-save{background:linear-gradient(#fff4ad,#ffd445 55%,#f5b22d);color:#4c371c}
.hud-editor button:disabled{cursor:default;opacity:.55}.hud-editor-save-status{margin:0;min-height:16px;text-align:center;color:#1c6580;font-size:13px;font-weight:800;line-height:1.2}
@media(max-height:650px){
 .hud-editor-shell{padding:2px 10px 10px;gap:2px}.hud-editor-heading{height:61px;width:480px;max-width:65%}.hud-editor-heading h2{font-size:25px}.hud-editor .hud-editor-close{width:36px;height:36px;font-size:29px;right:-22px;top:12px}.hud-editor-tabs{height:34px;min-width:260px}.hud-editor-tabs button{font-size:20px}.hud-editor-subtitle{font-size:11px}.hud-editor-workspace{padding:5px;gap:5px;grid-template-columns:minmax(0,1fr) minmax(210px,28%);border-width:5px;border-image-width:18px;border-radius:15px}.hud-editor-inspector{padding:10px;gap:8px}.hud-editor-inspector h3{font-size:20px}.hud-editor-widget-select{min-height:28px;padding:3px 6px;font-size:12px}.hud-editor-range-label{font-size:16px;margin-bottom:1px}.hud-editor-range-controls button{height:28px;width:28px;min-height:28px;font-size:20px}.hud-editor-range-controls input{height:24px}.hud-editor-snap{font-size:14px}.hud-editor-snap input{width:21px;height:21px}.hud-editor .hud-editor-reset{min-height:32px;padding:5px;font-size:13px;border-radius:10px}.hud-editor-actions button{min-height:37px;font-size:17px;border-radius:10px;padding:5px}.hud-editor-save-status{font-size:11px}.hud-editor-preview-foot{font-size:10px;min-height:13px}.hud-editor-overlap{font-size:10px;min-height:20px}
}
@media(max-height:440px){
 .hud-editor{width:99vw;height:98dvh;max-width:99vw!important;max-height:98dvh!important;border-radius:15px!important}.hud-editor-shell{display:grid;grid-template-columns:1fr 220px;grid-template-rows:46px minmax(0,1fr);padding:2px 8px 8px;gap:3px}.hud-editor-heading{height:46px;width:370px;max-width:92%;grid-column:1;grid-row:1}.hud-editor-heading h2{font-size:20px}.hud-editor .hud-editor-close{right:-5px;top:8px;width:30px;height:30px;font-size:24px;border-width:2px}.hud-editor-tabs{grid-column:2;grid-row:1;min-width:0;max-width:none;width:95%;height:32px;align-self:center}.hud-editor-tabs button{font-size:16px}.hud-editor-subtitle{display:none}.hud-editor-workspace{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr) 210px;gap:4px;padding:4px}.hud-editor-inspector{gap:5px;padding:7px}.hud-editor-inspector h3{font-size:17px}.hud-editor-widget-select{height:26px;min-height:26px;font-size:11px}.hud-editor-range-label{font-size:14px}.hud-editor-range-label output{font-size:13px}.hud-editor-range-controls button{width:24px;height:24px;min-height:24px;font-size:18px}.hud-editor-range-controls input{height:20px}.hud-editor-snap{font-size:12px}.hud-editor-snap input{width:18px;height:18px}.hud-editor-actions{gap:5px}.hud-editor-actions button{min-height:32px;font-size:15px}.hud-editor .hud-editor-reset{min-height:27px;font-size:12px}.hud-editor-save-status{font-size:10px}.hud-editor-preview-foot{font-size:9px;min-height:11px}.hud-editor-overlap{font-size:9px;min-height:18px}
}
@media(prefers-reduced-motion:reduce){.hud-editor *{transition:none!important;animation:none!important}}
/* The inert editor mirrors the authored live HUD; it never dispatches game input. */
.hud-preview-dock{position:absolute;left:1.5%;right:1.5%;bottom:1.6%;aspect-ratio:1153/119;background:url('../assets/battle-hud-v1/control-bar.webp') center/100% 100% no-repeat;pointer-events:none}
.hud-preview-brand{position:absolute;left:2%;top:2%;width:15%;height:12%;background:url('../assets/home-art-v1/logo.webp') center/contain no-repeat;pointer-events:none}
.hud-editor[data-profile=mobileLandscape] .hud-preview-dock{display:none}
.hud-editor .hud-preview-clock{padding:0;border:0;border-radius:0;background:url('../assets/room-art-v1/title-plaque.webp') center/100% 100% no-repeat!important;box-shadow:none;color:#fff4ce;text-shadow:0 2px #533015}
.hud-preview-clock strong{font-size:calc(var(--preview-font)*1.6)}
.hud-editor .hud-preview-balloon,.hud-editor .hud-preview-skill{isolation:isolate;overflow:hidden;border-radius:50%;padding:0;gap:0;background:radial-gradient(ellipse at 35% 20%,#76f8ff,#008dbc 60%,#004368)}
.hud-preview-balloon-art{position:absolute;inset:4% 8% 15%;background:url('../assets/pickups-v17/blue-bubble-5b52b8f8b56f.webp') center/contain no-repeat;z-index:-1}
.hud-preview-balloon strong,.hud-preview-skill strong{position:absolute;left:0;right:0;bottom:2px;border-radius:10px;background:#004565da;font-size:calc(var(--preview-font)*.67);line-height:1.2;color:white;text-shadow:0 1px #003147}
.hud-preview-skill>.skill-art{width:100%;height:100%;border:0;border-radius:inherit;background-size:200% 200%;box-shadow:none;pointer-events:none}
.hud-editor .hud-preview-movement{border-radius:50%;padding:0}
.hud-preview-stick{width:100%;height:100%;position:relative;border-radius:50%;background:radial-gradient(circle,#118cbc,#00577c 70%);box-shadow:inset 0 0 0 2px #56d7ec}
.hud-preview-stick i{position:absolute;width:37%;height:37%;top:31.5%;left:31.5%;border:1px solid #b8f4ff;border-radius:50%;background:linear-gradient(#5de5ff,#0487c4);box-shadow:0 2px #003e66}
.hud-preview-stick b{position:absolute;font-size:calc(var(--preview-font)*.8);color:#dbffff;line-height:1}.hud-preview-stick b:nth-of-type(1){top:5%;left:39%}.hud-preview-stick b:nth-of-type(2){left:4%;top:38%}.hud-preview-stick b:nth-of-type(3){right:4%;top:38%}.hud-preview-stick b:nth-of-type(4){bottom:4%;left:39%}
.hud-editor .hud-preview-utilities{display:flex;flex-direction:row;gap:4px;padding:0;background:none;border:0;box-shadow:none}.hud-preview-utilities>span{width:30%;height:90%;display:grid;place-items:center;border:2px solid #fbd779;border-radius:50%;background:linear-gradient(#1ad1dd,#005a83);font-size:var(--preview-font)}
.hud-editor .hud-preview-personal{flex-direction:row;gap:0;background:#fff0c9;color:#14576e;padding:0}.hud-preview-personal>span{width:33%;display:flex;flex-direction:column;text-align:center;font-size:var(--preview-font);gap:2px}.hud-preview-personal small{color:#14576e;font-size:7px}
.hud-editor .hud-preview-team{padding:0;flex-direction:row;gap:3px;background:none;box-shadow:none;border:0;pointer-events:none}.hud-preview-portrait{position:relative;display:block;width:25%;height:100%;border:2px solid #ffe6a1;border-radius:7px;background:#078cb3;pointer-events:auto;overflow:visible}.hud-preview-portrait>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}.hud-preview-portrait>strong{position:absolute;bottom:0;left:-2px;right:-2px;padding:2px;border:1px solid #d8a637;border-radius:4px;background:#fff2c6;color:#14576e;font:900 7px/1 'Nunito Sans';overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-preview-portrait>b{position:absolute;bottom:10px;left:-5px;border:1px solid #f6df91;border-radius:50%;width:14px;height:14px;background:#009cdb;color:white;display:grid;place-items:center;font:900 10px/1 'Nunito Sans'}
.hud-editor[data-profile=mobileLandscape] .hud-preview-portrait>strong{display:none}
.hud-editor[data-profile=desktop] .hud-preview-team{display:block}.hud-editor[data-profile=desktop] .hud-preview-portrait{position:absolute;width:9%;height:34%;border-radius:10px}.hud-editor[data-profile=desktop] .hud-preview-portrait:nth-child(1){left:0;top:0}.hud-editor[data-profile=desktop] .hud-preview-portrait:nth-child(2){left:0;bottom:0}.hud-editor[data-profile=desktop] .hud-preview-portrait:nth-child(3){right:0;top:0}.hud-editor[data-profile=desktop] .hud-preview-portrait:nth-child(4){right:0;bottom:0}.hud-editor[data-profile=desktop] .hud-preview-portrait:nth-child(n+3){background:#d93335;border-color:#ffc85e}.hud-editor[data-profile=desktop] .hud-preview-portrait:nth-child(n+3)>b{background:#df2a31}
.hud-editor[data-profile=desktop] .hud-preview-balloon,.hud-editor[data-profile=desktop] .hud-preview-skill{border:0;border-radius:13px;background:transparent;box-shadow:none;overflow:visible}.hud-editor[data-profile=desktop] .hud-preview-balloon-art{display:none}.hud-editor[data-profile=desktop] .hud-preview-balloon strong,.hud-editor[data-profile=desktop] .hud-preview-skill strong{bottom:4%;left:3%;right:24%;background:none;font-size:calc(var(--preview-font)*.9);text-shadow:0 1px 2px #002c40}
.hud-editor[data-profile=desktop] .hud-preview-skill>.skill-art{position:absolute;left:0;top:-12%;width:auto;height:100%;aspect-ratio:1;border-radius:10px;mask-image:linear-gradient(#000 70%,transparent)}
.hud-preview-widget>kbd{position:absolute;bottom:2%;right:3%;padding:2px;border:1px solid #9babb0;border-bottom-width:2px;border-radius:3px;background:#e9f1ef;color:#164b61;font:900 8px/1 'Nunito Sans'}
.hud-editor[data-profile=desktop] .hud-preview-personal{background:none;border:0;box-shadow:none}.hud-editor[data-profile=desktop] .hud-preview-personal>span{justify-content:center;align-items:flex-end;padding-right:5px;height:100%}.hud-editor[data-profile=desktop] .hud-preview-personal b{font-size:calc(var(--preview-font)*1.45)}.hud-editor[data-profile=desktop] .hud-preview-personal small{font-size:6px}
.hud-editor[data-profile=desktop] .hud-preview-movement{background:none;border:0;box-shadow:none}.hud-preview-keys{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);width:78%;height:100%;gap:2px}.hud-preview-keys kbd{display:grid;place-items:center;padding:0;border:1px solid #e8ac60;border-bottom-width:3px;border-radius:4px;background:linear-gradient(#9e5326,#542610);color:#fff8dc;font:900 calc(var(--preview-font)*.85)/1 'Nunito Sans';box-shadow:inset 0 0 0 1px #f0bc69}.hud-preview-keys kbd:first-child{grid-column:2}.hud-preview-keys kbd:nth-child(2){grid-column:1}
.hud-editor[data-profile=desktop] .hud-preview-widget[data-custom=true]:is(.hud-preview-balloon,.hud-preview-skill){border:2px solid #e6ba54;background:linear-gradient(#1dcce0,#005c83)}
.hud-editor[data-profile=desktop] .hud-preview-balloon strong,.hud-editor[data-profile=desktop] .hud-preview-skill strong{bottom:17%}
.hud-editor[data-profile=desktop] .hud-preview-widget>kbd{bottom:15%}
.hud-preview-personal i{display:none}
.hud-editor[data-profile=mobileLandscape] .hud-preview-personal>span{position:relative;flex-direction:row;align-items:center;gap:2px}
.hud-editor[data-profile=mobileLandscape] .hud-preview-personal small{display:none}
.hud-editor[data-profile=mobileLandscape] .hud-preview-personal i{display:block;width:16px;height:20px;background:center/contain no-repeat;color:#00b4df;font-size:22px;font-style:normal;line-height:20px}
.hud-preview-stat-balloon{background-image:url('../assets/pickups-v17/blue-bubble-5b52b8f8b56f.webp')!important}.hud-preview-stat-speed{background-image:url('../assets/pickups-v17/blue-shoe-4cd219820b35.webp')!important}
.hud-editor[data-profile=mobileLandscape] .hud-preview-utilities>span{width:27px;max-width:30%;height:auto;aspect-ratio:1;border-width:1px}
/* Compact landscape uses the same authored bar with the original right-hand stick. */
.hud-editor[data-profile=mobileLandscape] .hud-preview-dock{display:block;left:3%;right:3%;height:18%;aspect-ratio:auto;bottom:1.3%}
.hud-editor[data-profile=mobileLandscape] .hud-preview-balloon,.hud-editor[data-profile=mobileLandscape] .hud-preview-skill{border:0;border-radius:10px;background:transparent;box-shadow:none;overflow:visible}
.hud-editor[data-profile=mobileLandscape] .hud-preview-balloon-art{display:none}
.hud-editor[data-profile=mobileLandscape] .hud-preview-balloon strong,.hud-editor[data-profile=mobileLandscape] .hud-preview-skill strong{left:3%;right:3%;bottom:5%;background:none;font-size:calc(var(--preview-font)*.9);text-shadow:0 1px 2px #002d40}
.hud-editor[data-profile=mobileLandscape] .hud-preview-skill>.skill-art{position:absolute;left:3%;top:-12%;width:auto;height:100%;aspect-ratio:1;border-radius:8px;mask-image:linear-gradient(#000 65%,transparent)}
.hud-editor[data-profile=mobileLandscape] .hud-preview-personal{border:0;background:none;box-shadow:none}
.hud-editor[data-profile=mobileLandscape] .hud-preview-personal i{display:none}.hud-editor[data-profile=mobileLandscape] .hud-preview-personal>span{justify-content:flex-end;padding-right:4px}.hud-editor[data-profile=mobileLandscape] .hud-preview-personal b{font-size:calc(var(--preview-font)*1.2)}
.hud-editor[data-profile=mobileLandscape] .hud-preview-personal>span:last-child b{align-self:flex-end;font-size:calc(var(--preview-font)*.85)}
.hud-editor[data-profile=mobileLandscape] .hud-preview-team{display:block}
.hud-editor[data-profile=mobileLandscape] .hud-preview-portrait{position:absolute;width:5.8%;height:29%;border-radius:6px}
.hud-editor[data-profile=mobileLandscape] .hud-preview-portrait:nth-child(1){left:0;top:0}.hud-editor[data-profile=mobileLandscape] .hud-preview-portrait:nth-child(2){left:0;bottom:0}.hud-editor[data-profile=mobileLandscape] .hud-preview-portrait:nth-child(3){right:0;top:0}.hud-editor[data-profile=mobileLandscape] .hud-preview-portrait:nth-child(4){right:0;bottom:0}
.hud-editor[data-profile=mobileLandscape] .hud-preview-portrait>strong{display:block;font-size:5px}
.hud-editor[data-profile=mobileLandscape] .hud-preview-widget[data-custom=true]:is(.hud-preview-balloon,.hud-preview-skill){border:2px solid #e6ba54;background:linear-gradient(#1dcce0,#005c83)}
.hud-editor .hud-editor-save:not(:disabled){opacity:1;filter:saturate(1.15);color:#3d2a12;box-shadow:inset 0 2px #fffad2,0 4px #9a651d}
.hud-editor .hud-preview-music{border-radius:50%;padding:0}
.hud-editor-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px}
.hud-editor .hud-editor-help{flex:none;border:0;border-radius:7px;padding:4px 8px;background:#def8ec;color:#075b78;font-size:11px;line-height:1.2;box-shadow:inset 0 0 0 1px #69bfca;text-decoration:underline;text-underline-offset:2px;min-height:24px}
@media(max-height:440px){.hud-editor-preview-foot{font-size:8px;gap:3px}.hud-editor .hud-editor-help{font-size:9px;min-height:20px;padding:2px 5px}}
/* Preview the same complete authored action as the real control, including
   its frame. Text remains live and the preview remains inert. */
.hud-editor .hud-preview-skill,.hud-editor .hud-preview-skill[data-custom=true]{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
.hud-editor .hud-preview-skill>.skill-button-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;mask:none;border:0;border-radius:0;z-index:0}
.hud-editor[data-profile=desktop] .hud-preview-skill strong{inset:auto 16% 8% 7%;font-size:calc(var(--preview-font)*.95);line-height:1.05;background:none;z-index:2;white-space:nowrap}
.hud-editor[data-profile=desktop] .hud-preview-skill>kbd{bottom:8%;right:5%;z-index:3}
.hud-editor[data-profile=mobileLandscape] .hud-editor-preview{aspect-ratio:844/390}
.hud-editor[data-profile=mobileLandscape] .hud-preview-dock{display:none}
.hud-editor[data-profile=mobileLandscape] .hud-preview-skill strong{inset:auto 6% 8% 6%;font-size:calc(var(--preview-font)*.6);line-height:1.05;background:none;z-index:2;white-space:nowrap}
.hud-editor[data-profile=mobileLandscape] .hud-preview-balloon{border:1px solid #efc365;border-radius:8px;background:radial-gradient(ellipse at 35% 20%,#79f5ff,#04b3ce 45%,#005378);box-shadow:inset 0 0 0 1px #fff0b2,0 1px #775023}
.hud-editor[data-profile=mobileLandscape] .hud-preview-balloon-art{display:block;left:4%;right:auto;top:0;width:40%;height:90%}
.hud-editor[data-profile=mobileLandscape] .hud-preview-balloon strong{left:35%;right:3%;bottom:20%;font-size:calc(var(--preview-font)*.65)}
.hud-editor[data-profile=mobileLandscape] .hud-preview-personal{border:1px solid #edc66a;border-radius:7px;background:linear-gradient(#fff9df,#f6df9f);box-shadow:inset 0 0 0 1px #fff5d4,0 1px #896027;padding:2px}
.hud-editor[data-profile=mobileLandscape] .hud-preview-personal>span{padding:0;display:flex;flex-direction:column;gap:0;justify-content:flex-end;align-items:center}
.hud-editor[data-profile=mobileLandscape] .hud-preview-personal i{display:block;flex:1;width:14px;height:14px;font-size:17px;line-height:14px;min-height:0}
.hud-editor[data-profile=mobileLandscape] .hud-preview-personal b,
.hud-editor[data-profile=mobileLandscape] .hud-preview-personal>span:last-child b{font-size:calc(var(--preview-font)*.65);line-height:1;align-self:center}
.hud-editor[data-profile=mobileLandscape] .hud-preview-utilities{display:grid;place-items:center}
.hud-editor[data-profile=mobileLandscape] .hud-preview-utilities>span{width:100%;max-width:none;height:100%;aspect-ratio:1;font-size:var(--preview-font)}
.hud-editor[data-profile=mobileLandscape] .hud-preview-clock strong{font-size:calc(var(--preview-font)*1.2)}
.hud-editor[data-profile=mobileLandscape] .hud-preview-portrait{width:5%;height:23%}
.hud-editor[data-profile=mobileLandscape] .hud-preview-portrait:nth-child(2),.hud-editor[data-profile=mobileLandscape] .hud-preview-portrait:nth-child(4){bottom:auto;top:27%}