/* Storyverse v36.98 — Yukio desktop/mobile split */
@media(min-width:761px){
  .v3698-yukio-mobile-root{display:none!important}
  .v3698-desktop-shell{min-height:100vh}
}
@media(max-width:760px){
  body:has(.v3698-yukio-mobile-root){overflow:hidden!important}
  .v3698-yukio-mobile-root{position:fixed;inset:0;z-index:1;overflow:hidden;background:var(--u-bg,#f5f5f7)}
  .v3698-yukio-mobile{height:100dvh;display:grid;grid-template-rows:54px minmax(0,1fr) 64px;overflow:hidden;background:var(--u-bg,#f5f5f7)}
  .v3698-mobile-topbar{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top) * .18) 10px 0;background:color-mix(in srgb,var(--u-card,#fff) 94%,transparent);border-bottom:1px solid color-mix(in srgb,var(--u-text,#222) 8%,transparent);backdrop-filter:blur(18px);z-index:30}
  .v3698-mobile-topbar>button{border:0;background:none;padding:0}
  .v3698-mobile-menu{width:36px;height:36px;border-radius:11px!important;font-size:18px!important;color:var(--u-text,#222)}
  .v3698-mobile-topbar>div{display:grid;justify-items:center;min-width:0}.v3698-mobile-topbar small{font-size:7px;opacity:.5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v3698-mobile-topbar strong{font-size:11px}
  .v3698-mobile-actor{justify-self:end;position:relative;width:34px;height:34px}.v3698-mobile-actor img{width:34px;height:34px;border-radius:50%;object-fit:cover}.v3698-mobile-actor i{position:absolute;right:0;bottom:0;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#34c759}.v3698-mobile-actor.empty{display:grid;place-items:center;border-radius:50%;background:#eee;font-size:10px}
  .v3698-mobile-content{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 0 28px}
  .v3698-mobile-content>.admin-content,.v3698-mobile-content>.v3657-central,.v3698-mobile-content>.v3657-characters-control,.v3698-mobile-content>.v3658-yukio-shared-app{padding:10px!important;margin:0!important;max-width:none!important}
  .v3698-mobile-content .v3657-section-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.v3698-mobile-content .v3657-section-head button{width:100%!important}
  .v3698-mobile-content .v3657-manage-grid{grid-template-columns:1fr!important}.v3698-mobile-content .v3657-control-grid{grid-template-columns:1fr!important}
  .v3698-mobile-content .v3658-yukio-character-app.mobile{min-height:100%!important;height:auto!important}
  .v3698-mobile-content .v3658-yukio-character-app.desktop{display:none!important}
  .v3698-mobile-content .v3658-mobile-appbar{display:none!important}
  .v3698-mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:6px 8px max(8px,env(safe-area-inset-bottom));background:rgba(250,250,252,.96);border-top:1px solid rgba(0,0,0,.08);backdrop-filter:blur(18px);z-index:40}
  .v3698-mobile-bottom button{border:0;background:none;display:grid;justify-items:center;gap:2px;color:#8a8a92;padding:3px}.v3698-mobile-bottom button.active{color:#5f55dc}.v3698-mobile-bottom i{font-style:normal;font-size:17px;line-height:1}.v3698-mobile-bottom small{font-size:7px}
  .v3698-drawer-back{position:fixed;inset:0;background:rgba(0,0,0,.32);opacity:0;pointer-events:none;transition:.2s;z-index:79}.v3698-drawer-back.open{opacity:1;pointer-events:auto}
  .v3698-mobile-drawer{position:fixed;left:0;top:0;bottom:0;width:min(84vw,330px);padding:max(14px,env(safe-area-inset-top)) 12px max(20px,env(safe-area-inset-bottom));background:#fff;transform:translateX(-104%);transition:.22s ease;z-index:80;overflow:auto;box-shadow:20px 0 50px rgba(0,0,0,.18)}.v3698-mobile-drawer.open{transform:none}
  .v3698-mobile-drawer>header{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px;border-bottom:1px solid #eee}.v3698-mobile-drawer>header>div{display:grid}.v3698-mobile-drawer>header small{font-size:7px;color:#999}.v3698-mobile-drawer>header strong{font-size:13px}.v3698-mobile-drawer>header button{border:0;background:#f1f1f4;width:30px;height:30px;border-radius:9px}
  .v3698-drawer-actor{width:100%;margin:12px 0;border:0;background:#f6f6f8;border-radius:13px;padding:9px;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;text-align:left}.v3698-drawer-actor img{width:38px;height:38px;border-radius:50%;object-fit:cover}.v3698-drawer-actor span{display:grid}.v3698-drawer-actor small{font-size:7px;color:#999}.v3698-drawer-actor strong{font-size:10px}
  .v3698-mobile-drawer section{display:grid;gap:3px;margin:13px 0}.v3698-mobile-drawer section>span{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#aaa;padding:0 6px 5px}.v3698-mobile-drawer section>button{display:grid;grid-template-columns:28px 1fr;align-items:center;text-align:left;border:0;background:none;border-radius:10px;padding:8px;color:#555}.v3698-mobile-drawer section>button.active{background:#f0efff;color:#5d50d9}.v3698-mobile-drawer section i{font-style:normal;text-align:center}.v3698-mobile-drawer section strong{font-size:9px}
  .v3698-mobile-back-indicator{position:fixed!important;left:50%!important;bottom:max(1px,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:126px!important;height:20px!important;background:transparent!important;border:0!important;z-index:95!important}
  .v3698-mobile-back-indicator:after{content:"";position:absolute;left:50%;bottom:3px;transform:translateX(-50%);width:108px;height:4px;border-radius:999px;background:#111}
  .v3698-mobile-content input:not([type=checkbox]):not([type=radio]):not([type=range]),.v3698-mobile-content textarea,.v3698-mobile-content select{font-size:16px!important}
  .v3698-mobile-content .v3690-profile-content{grid-template-columns:1fr!important}.v3698-mobile-content .v3690-profile-summary{padding:12px!important}.v3698-mobile-content .v3690-profile-tabs{overflow:auto!important}
}


/* v36.99 — mobile back indicator must never exist visually on desktop */
@media(min-width:761px){
  .v3698-desktop-shell .julia-ios-home-indicator,
  .v3698-desktop-shell .julia-ios-back-indicator,
  .v3698-desktop-shell .v3692-global-mobile-back,
  .v3698-desktop-shell .v3698-mobile-back-indicator,
  .v3698-desktop-shell [data-v3692-mobile-back],
  .v3698-desktop-shell [data-v3698-back]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}