/* Event journal artwork and responsive structure. Loaded after the existing UI. */
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window.afk-map-window[data-afk-release="20260913"] {
 width:min(720px,calc(var(--maven-visible-w,100vw) - 20px))!important;
 max-width:calc(var(--maven-visible-w,100vw) - 20px)!important;
 height:min(600px,calc(var(--maven-visible-h,100dvh) - 20px))!important;
 max-height:calc(var(--maven-visible-h,100dvh) - 20px)!important;
 left:calc(var(--maven-visible-left,0px) + var(--maven-visible-w,100vw)/2)!important;
 top:calc(var(--maven-visible-top,0px) + var(--maven-visible-h,100dvh)/2)!important;
 border:3px solid #86abcf!important;border-radius:10px!important;
 background:#f5faff!important;box-shadow:0 0 0 2px #314a7c,0 12px 35px #13295080!important;
 color:#243d64!important;isolation:isolate;
}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .sys-head {
 height:72px!important;min-height:72px!important;position:relative!important;padding:12px 52px 4px 18px!important;
 background:linear-gradient(#e7f7ff,#cae4fb)!important;border-bottom:1px solid #82b7e0!important;
}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .sys-head__title {
 display:block!important;width:280px!important;max-width:100%!important;height:54px!important;
 background:url('./assets/header-afk-farm.webp') center/contain no-repeat!important;
 font-size:0!important;color:transparent!important;overflow:hidden!important;
}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .sys-head__icon {display:none!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .sys-head__tools {position:absolute!important;right:8px!important;top:12px!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .sys-head__tools button {width:44px!important;height:44px!important;min-height:44px!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-body {position:relative!important;gap:0!important;min-height:0!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-tabs {display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;padding:8px 10px 0!important;flex:none!important;background:#dceeff!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-tab {
 display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:3px!important;
 height:auto!important;min-height:52px!important;min-width:0!important;padding:4px!important;white-space:normal!important;
 background:linear-gradient(#f8fdff,#bcd7f5)!important;border:1px solid #8daecc!important;border-radius:8px 8px 0 0!important;color:#234d79!important;
}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-tab[aria-selected=true] {background:#fffbee!important;border-color:#e5ba54!important;box-shadow:inset 0 3px #ffd76c!important;color:#233765!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-event-icon {width:30px!important;height:30px!important;object-fit:contain;flex:none;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-tab__t {font:700 13px/1.2 Arial,sans-serif!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-tab__n {display:none!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-caption {display:none!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-panes {flex:1!important;min-height:0!important;overflow:hidden!important;padding:0!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-pane {
 height:100%!important;max-height:100%!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;touch-action:pan-y!important;
 padding:14px 16px!important;box-sizing:border-box!important;background:linear-gradient(#ffffffdf,#f9fcffdf),url('./assets/background-airships.webp') center/cover!important;
 font:14px/1.45 Arial,sans-serif!important;
}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-stats {background:#e4f2ffe8!important;border:1px solid #b5c8ed!important;border-radius:8px!important;padding:12px!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-row {display:flex!important;flex-wrap:wrap!important;align-items:center!important;min-height:44px!important;line-height:1.6!important;overflow-wrap:anywhere;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window :is(select.afk-s,.afk-rot__name) {max-width:100%!important;min-width:0!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window :is(input.afk-n,select.afk-s,select.afk-rot__lv,input[type=search]) {min-height:44px!important;font:16px Arial,sans-serif!important;box-sizing:border-box!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window input.afk-n {width:80px!important;min-width:80px!important;flex-shrink:0!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window :is(.afk-mode,.afk-monster,.afk-mini,summary) {min-height:44px!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-foot {grid-template-columns:70px minmax(0,1fr) 70px!important;gap:6px!important;padding:7px 10px!important;background:linear-gradient(#e5f3ff,#bad5f1)!important;border-top:2px solid #90b3dc!important;flex:none!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-foot>button {min-height:44px!important;height:44px!important;font-size:13px!important;padding:4px!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-foot [data-variant=primary] {background:linear-gradient(#7bdefc,#287ad6)!important;border:2px solid #34629c!important;text-shadow:0 1px #174182!important;box-shadow:inset 0 2px #c9f6ff!important;font-weight:800!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-foot [data-variant=ghost] {background:linear-gradient(#ffe3cb,#f89b8e)!important;border:2px solid #b45c67!important;font-weight:800!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-status {white-space:normal!important;overflow-wrap:anywhere!important;max-height:36px!important;font-size:12px!important;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-route-title {font:700 16px Arial,sans-serif;margin:0 0 6px;color:#234b82;}
html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-route-state {border:1px solid #9dcde6;border-radius:7px;padding:10px;background:#e3f7ff;color:#245a85;}
@media(max-width:480px){
 html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-tab {flex-direction:column!important;min-height:62px!important;}
 html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-tab__t {font-size:11px!important;}
 html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-pane {padding:10px!important;}
 html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-monster {grid-template-columns:18px 33px minmax(0,1fr)!important;}
 html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-monster-detail {grid-column:3!important;text-align:left!important;max-width:none!important;}
}
@media(max-height:480px){
 html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .sys-head {height:48px!important;min-height:48px!important;padding-block:2px!important;}
 html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .sys-head__title {height:42px!important;width:220px!important;}
 html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .sys-head__tools {top:2px!important;}
 html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-tabs {padding-top:4px!important;}
 html body:has(#play-stage) .sys-root #maven-afk-window#maven-afk-window .afk-tab {min-height:44px!important;}
}