html.sz-mobile-entry #sz-unified-card .szun-g{height:13px!important;margin-top:3px!important;border:1px solid rgba(255,225,182,.33)!important;background:#080e1d!important;box-shadow:inset 0 2px 5px #0009!important} html.sz-mobile-entry #sz-unified-card .szun-hp{background:linear-gradient(90deg,#ac2952,#ff6686)!important;box-shadow:0 0 8px rgba(253,72,112,.32)!important} html.sz-mobile-entry #sz-unified-card .szun-sp{background:linear-gradient(90deg,#3a4ab9,#9b8af4)!important;box-shadow:0 0 8px rgba(138,117,255,.30)!important} html.sz-mobile-entry #sz-unified-card .szun-gt{font-size:10px!important} html.sz-mobile-entry #sz-unified-card .szun-extra{left:10px!important;right:10px!important;bottom:6px!important;color:#ead4b8!important;font-size:10px!important} html.sz-mobile-entry #sz-unified-exp{left:42%!important;bottom:max(8px,env(safe-area-inset-bottom))!important;top:auto!important;transform:translateX(-50%)!important;width:clamp(310px,45vw,525px)!important;height:25px!important;border:1px solid rgba(246,203,125,.74)!important;border-radius:13px!important;background:linear-gradient(120deg,rgba(34,22,40,.97),rgba(13,15,30,.95))!important;box-shadow:0 5px 16px #0008!important;color:#f8dbab!important} html.sz-mobile-entry #sz-unified-exp .szun-track{background:#080b17!important;border:1px solid rgba(255,220,160,.18)!important} html.sz-mobile-entry #sz-unified-exp .szun-be{background:linear-gradient(90deg,#1bbaab,#60edcb)!important} html.sz-mobile-entry #sz-unified-exp .szun-je{background:linear-gradient(90deg,#f4a547,#ffe398)!important}
html.sz-mobile-entry #sz-unified-hot{left:42%!important;right:auto!important;top:auto!important;bottom:max(38px,calc(env(safe-area-inset-bottom) + 29px))!important;transform:translateX(-50%)!important;width:clamp(320px,47vw,540px)!important;height:65px!important;max-width:calc(100vw - 270px)!important;z-index:1056!important} html.sz-mobile-entry #sz-unified-hot .szun-shell{inset:3px 0 0!important;height:62px!important;border:2px solid var(--sz3-border)!important;border-radius:17px!important;background:linear-gradient(140deg,rgba(39,25,44,.98),rgba(12,15,31,.97))!important;box-shadow:0 9px 24px #000a,inset 0 1px 0 #ffffff22!important;grid-template-columns:41px 1fr 41px!important;padding:5px 7px!important;gap:5px!important} html.sz-mobile-entry #sz-unified-hot .szun-slots{height:47px!important;gap:4px!important} html.sz-mobile-entry #sz-unified-hot .szun-slot{height:47px!important;border:1px solid rgba(239,194,114,.54)!important;border-radius:10px!important;background:linear-gradient(145deg,rgba(72,47,59,.85),rgba(16,19,35,.99))!important;box-shadow:inset 0 1px 0 #ffffff18!important} html.sz-mobile-entry #sz-unified-hot .szun-slot:active{filter:brightness(1.45)!important} html.sz-mobile-entry #sz-unified-hot .szun-arrow{height:47px!important;border-radius:12px!important;border:1px solid #e5bb77!important;background:linear-gradient(180deg,#76523e,#32253c)!important;color:#ffe5ac!important} html.sz-mobile-entry #sz-unified-hot .szun-page{background:#392439!important;color:#ffdf9d!important;border-color:#e5bb77!important}
html.sz-mobile-entry #sz-topmenu .main{border:1.5px solid rgba(248,206,137,.72)!important;border-radius:14px!important;background:linear-gradient(140deg,rgba(40,27,45,.96),rgba(15,17,33,.96))!important;box-shadow:0 6px 17px #0009!important} html.sz-mobile-entry #sz-topmenu button{border-radius:10px!important} html.sz-mobile-entry #sz-mobile-chat{border:1px solid rgba(255,208,135,.62)!important;border-radius:13px!important;background:rgba(24,18,36,.93)!important;box-shadow:0 5px 17px #000a!important} html.sz-mobile-entry #sz-mobile-chat-toggle,html.sz-mobile-entry #sz-fixed-action-stack-v1 button{border:1px solid rgba(255,203,121,.68)!important;box-shadow:0 4px 14px #000a!important} html.sz-mobile-entry #safezone-mobile-character-panel{border:1px solid rgba(255,210,130,.7)!important;border-radius:14px!important} html.sz-mobile-entry #MobileUI button{touch-action:manipulation;-webkit-tap-highlight-color:transparent} @media(max-width:740px){html.sz-mobile-entry #sz-unified-card{width:270px!important;height:96px!important}html.sz-mobile-entry #sz-unified-hot{max-width:calc(100vw - 200px)!important;min-width:285px!important;left:43%!important}html.sz-mobile-entry #sz-unified-exp{width:min(420px,48vw)!important;left:43%!important}}
html.sz-mobile-entry{--sz3-gold:#ffd783;--sz3-border:rgba(255,214,132,.86);--sz3-ink:#fff5d8;--sz3-glass:linear-gradient(145deg,rgba(31,20,38,.97),rgba(12,14,29,.94) 70%,rgba(29,20,34,.96))}
html.sz-mobile-entry #sz-unified-card{top:max(8px,env(safe-area-inset-top))!important;left:max(8px,env(safe-area-inset-left))!important;width:clamp(266px,34vw,355px)!important;height:102px!important;padding:7px 11px 25px 75px!important;border:2px solid var(--sz3-border)!important;border-radius:19px!important;background:var(--sz3-glass)!important;box-shadow:0 10px 25px rgba(0,0,0,.63),inset 0 1px 0 rgba(255,245,215,.21)!important;color:var(--sz3-ink)!important}
html.sz-mobile-entry #sz-unified-card::before{content:"MOBILE V3";position:absolute;top:-9px;right:12px;z-index:9;pointer-events:none;padding:3px 8px;border-radius:8px;background:linear-gradient(100deg,#fbe2a3,#c99540);color:#241323;font:900 10px/1 Arial,sans-serif;letter-spacing:.08em;box-shadow:0 2px 9px #0008}
html.sz-mobile-entry #sz-unified-card .av{left:8px!important;top:9px!important;width:58px!important;height:58px!important;border:3px solid #e8c578!important;box-shadow:0 0 0 3px rgba(212,145,60,.2),0 4px 14px #0009!important}html.sz-mobile-entry #sz-unified-card .szun-name{color:#fff8e8!important;font-size:17px!important;letter-spacing:.01em}html.sz-mobile-entry #sz-unified-card .szun-job,html.sz-mobile-entry #sz-unified-card .szun-levels{color:#e3cba9!important;font-size:12px!important}

/* SZ_MOBILE_V3_COMPACT_HUD_20261103
   Only the character-status card. No changes to joystick, hotbar, buttons or game code. */
html.sz-mobile-entry #sz-unified-card {
  width:clamp(208px,27vw,268px)!important;
  max-width:calc(100vw - 22px)!important;
  height:80px!important;
  padding:4px 8px 15px 56px!important;
  border-radius:14px!important;
  box-shadow:0 5px 15px rgba(0,0,0,.5)!important;
}
html.sz-mobile-entry #sz-unified-card::before {
  top:-7px!important;
  right:8px!important;
  padding:2px 6px!important;
  font-size:9px!important;
  border-radius:6px!important;
}
html.sz-mobile-entry #sz-unified-card .av {
  left:6px!important;
  top:8px!important;
  width:43px!important;
  height:43px!important;
  border-width:2px!important;
  box-shadow:0 0 0 2px rgba(212,145,60,.18),0 3px 8px #0008!important;
}
html.sz-mobile-entry #sz-unified-card .head {
  height:15px!important;
  gap:5px!important;
}
html.sz-mobile-entry #sz-unified-card .szun-name {
  font-size:13px!important;
  line-height:15px!important;
}
html.sz-mobile-entry #sz-unified-card .szun-job {
  font-size:10px!important;
  line-height:13px!important;
}
html.sz-mobile-entry #sz-unified-card .szun-levels {
  height:12px!important;
  font-size:9px!important;
  line-height:12px!important;
  gap:3px!important;
}
html.sz-mobile-entry #sz-unified-card .szun-g {
  height:11px!important;
  margin-top:2px!important;
  border-width:1px!important;
}
html.sz-mobile-entry #sz-unified-card .szun-gt {
  font-size:9px!important;
  line-height:11px!important;
}
html.sz-mobile-entry #sz-unified-card .szun-extra {
  left:7px!important;
  right:7px!important;
  bottom:3px!important;
  height:12px!important;
  line-height:12px!important;
  gap:4px!important;
  font-size:9px!important;
}
html.sz-mobile-entry #sz-unified-card .szun-extra b {
  font-size:10px!important;
}

/* SAFEZONE_MOBILE_V4_HOTBAR_COMPACT_20261103 */
html.sz-mobile-entry #sz-unified-hot {
 left:200px!important;
 top:284px!important;
 right:auto!important;
 bottom:auto!important;
 transform:none!important;
 width:270px!important;
 min-width:270px!important;
 max-width:270px!important;
 height:48px!important;
 min-height:48px!important;
 max-height:48px!important;
}
html.sz-mobile-entry #sz-unified-hot .szun-shell{
 inset:2px 0 0!important;
 height:46px!important;
 grid-template-columns:34px 1fr 34px!important;
 gap:3px!important;
 padding:3px 4px!important;
 border-radius:13px!important;
}
html.sz-mobile-entry #sz-unified-hot .szun-slots{
 height:36px!important;
 gap:2px!important;
}
html.sz-mobile-entry #sz-unified-hot .szun-slot{
 height:36px!important;
 border-radius:8px!important;
}
html.sz-mobile-entry #sz-unified-hot .szun-arrow{
 height:36px!important;
 font-size:17px!important;
 border-radius:9px!important;
}
html.sz-mobile-entry #sz-unified-hot .szun-page{
 min-width:34px!important;
 height:28px!important;
 right:5px!important;
 top:-14px!important;
 font-size:13px!important;
}
html.sz-mobile-entry #sz-unified-hot .szun-slot .lb{
 font-size:11px!important;
 right:3px!important;
 bottom:3px!important;
}
html.sz-mobile-entry #sz-unified-hot .szun-slot .am{
 font-size:10px!important;
 right:2px!important;
 bottom:2px!important;
}

