#eventGuide{position:fixed;right:0;top:0;bottom:var(--hud-height);width:min(780px,96vw);padding:30px 24px 25px;box-sizing:border-box;z-index:35;color:#ddd;background:#181818 url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg');border:3px ridge #8d8778;font:13px Arial,sans-serif;box-shadow:-8px 0 25px #0009;display:flex;flex-direction:column;}
#eventGuide h2{margin:0 0 20px;text-align:center;color:#e8cf92;font-size:16px;}#eventGuide .eventClose{position:absolute;right:12px;top:8px;border:0;background:none;color:#e8bb5b;font-size:22px;padding:0 6px;}
#eventGuide .eventTabs{display:flex;gap:5px;}#eventGuide button,#eventHud button{border:2px ridge #777;border-radius:0;background:#292929 url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg');color:#ddd;padding:8px 12px;font:12px Arial,sans-serif;box-shadow:none;}#eventGuide button:hover,#eventHud button:hover{color:#ffda6c;border-color:#bca66f;}#eventGuide button.selected{color:#ffda6c;background:#3d3527;}#eventGuide button:disabled{opacity:.4;}#eventGuide .eventClock,#eventGuide .eventFooter{color:#aaa;font-size:11px;line-height:1.5;}#eventGuide .eventContent{display:grid;grid-template-columns:195px 1fr;gap:15px;min-height:0;flex:1;}#eventGuide .eventList,#eventGuide .eventDetail{overflow:auto;min-height:0;scrollbar-color:#81755b #222;}
#eventGuide .eventRow{display:block;width:100%;text-align:left;margin-bottom:4px;padding:10px;}#eventGuide .eventRow strong,#eventGuide .eventRow small{display:block;}#eventGuide .eventRow small{margin-top:6px;color:#a79c87;font-size:11px;}
#eventGuide .eventDetail{padding:4px 10px 10px;}#eventGuide .eventArtwork{width:100%;height:95px;object-fit:contain;background:#05050566;border:1px solid #72664e;}#eventGuide h3{font-size:18px;color:#e8cf92;margin:18px 0 8px;}#eventGuide p,#eventGuide dd{line-height:1.55;}#eventGuide dt{color:#c8a862;font-weight:bold;margin-top:16px;}#eventGuide dd{margin:6px 0 0;}#eventGuide .eventStatus{color:#8ad5b0;}#eventGuide .eventEnter{margin-top:20px;width:100%;}#eventGuide .eventEntryNote{font-size:11px;color:#aaa;}
#eventHud{position:fixed;right:12px;top:70px;width:260px;padding:12px;z-index:12;color:#eee;background:#111d;border:2px ridge #80745f;font:12px Arial,sans-serif;}#eventHud h3{color:#e8ca84;margin:0 0 8px;}#eventHud p{margin:6px 0;}#eventHud button{font-size:11px;padding:5px;margin:3px;}
#eventHud[data-native]{--ev:calc((100vh - var(--hud-height))/429);position:fixed;inset:auto 9px calc(var(--hud-height) + 8px) auto;width:calc(var(--u)*124);padding:0;border:0;background:none;font:clamp(9px,.8vw,14px) Arial;filter:drop-shadow(0 2px 3px #000);text-shadow:1px 1px 2px #000}
.nativeEventTimer{position:relative;width:100%;height:calc(var(--ev)*81);background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}
#eventHud[data-native] h3{position:absolute;left:5%;right:5%;top:calc(var(--ev)*12);margin:0;color:#f2ca7d;font-size:inherit;text-align:center;line-height:1.25;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#eventHud[data-native] .nativeEventCaption{position:absolute;left:3%;right:3%;top:calc(var(--ev)*37);margin:0;text-align:center;color:#ffa535;font-size:inherit;line-height:1.25}
.nativeEventClock{position:absolute;top:calc(var(--ev)*49);left:0;width:100%;text-align:center;color:#ffb637;font:bold calc(var(--ev)*17)/1.15 Georgia,serif;letter-spacing:1px;font-variant-numeric:tabular-nums}
.eventObjectiveLife{background:#080b0ee6;border:1px ridge #6f6954;padding:5px 8px;text-align:center;font-size:11px;color:#dfc181}.eventObjectiveLife i{display:block;height:5px;margin-top:4px;background:#151515;border:1px solid #574a36}.eventObjectiveLife b{display:block;height:100%;background:linear-gradient(#e75b38,#7e1812)}
.eventUrgent .nativeEventClock{color:#ff4134}.eventWaiting .nativeEventCaption{color:#4ae55c}.eventWaiting .nativeEventClock{color:#f9cb65}
.nativeEventControls{position:relative;min-height:calc(var(--ev)*19);background:#080b0ce0;border:1px ridge #69665c;text-align:center;padding:4px;box-sizing:border-box;color:#e0d3b5}
.nativeEventControls summary{cursor:pointer;font-size:inherit;list-style:none;padding:2px}.nativeEventControls summary:after{content:' ▴';color:#cbb673}.nativeEventControls details[open] .nativeEventDetailBody{position:absolute;right:0;bottom:calc(100% + var(--ev)*110);width:max(100%,250px);max-width:80vw;max-height:55vh;overflow:auto;padding:10px;box-sizing:border-box;background:#111 url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg');border:3px ridge #88826c;text-align:left}.nativeEventControls details[open] summary:after{content:' ▾'}.nativeEventControls .eventObjective{color:#f7d693;line-height:1.5}.nativeEventControls details p{line-height:1.4}.nativeEventActions:empty{display:none}#eventHud[data-native] button:disabled{color:#888;opacity:.6;cursor:default}#eventHud[data-native] button{font:inherit;padding:5px 8px}.nativeEventActions button{min-width:60%;border-color:#a5935d}.eventLiveRanking{font-size:inherit;border-collapse:collapse;width:100%;margin:10px 0}.eventLiveRanking th,.eventLiveRanking td{padding:4px;border-bottom:1px solid #665c4666}.eventLiveRanking th{color:#f2cb77;text-align:left}.eventAltars{padding-left:0;list-style:none;line-height:1.5}
#eventHud[data-native="kanturu"]{width:calc(var(--u)*99)}#eventHud[data-native="kanturu"] .nativeEventTimer{height:calc(var(--ev)*78)}#eventHud[data-native="kanturu"] h3{top:calc(var(--ev)*15);text-align:left;left:10%}#eventHud[data-native="kanturu"] .nativeEventCaption{top:calc(var(--ev)*35);text-align:left;left:10%}#eventHud[data-native="kanturu"] .nativeEventClock{top:calc(var(--ev)*55);font-size:calc(var(--ev)*15)}
#eventHud[data-native="doppel"]{width:calc(var(--u)*227)}#eventHud[data-native="doppel"] .nativeEventTimer{height:calc(var(--ev)*87)}#eventHud[data-native="doppel"] h3,#eventHud[data-native="doppel"] .nativeEventCaption,#eventHud[data-native="doppel"] time{left:51.5%;right:0;width:48.5%}#eventHud[data-native="doppel"] h3{font-size:clamp(8px,.75vw,13px)}
.doppelRoute{position:absolute;left:26%;right:1%;top:90%;height:calc(var(--ev)*5);background:#161613;border-radius:2px;overflow:visible}.doppelRoute i{position:absolute;right:0;top:0;height:100%;background:#ffc945;box-shadow:0 0 3px #ffb52a}.doppelRoute.danger i{background:#f13426}.doppelRoute b{position:absolute;top:-2px;width:7px;height:calc(var(--ev)*6);background:#87ddff;outline:1px solid #080e14;transform:translateX(-50%)}
body[data-event-hud]:not([data-event-hud="siege"]) #mapPanel{bottom:calc(var(--hud-height) + (100vh - var(--hud-height))/429*112 + 10px);width:clamp(110px,12vw,180px)}
#templeScore{position:fixed;top:calc(var(--hud-height) + 15px);left:50%;transform:translateX(-50%);z-index:12;display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:8px;width:clamp(270px,26vw,440px);text-align:center;pointer-events:none;color:#eee;text-shadow:1px 2px 3px #000;font:13px Arial;background:linear-gradient(90deg,#09101ee0,#111d,#1e0909e0);border:2px ridge #a48a64;padding:10px 15px;box-sizing:border-box}#templeScore em{font:italic bold 24px Georgia;color:#f3cd7e}.templeTeam{display:flex;flex-direction:column;gap:4px}.templeTeam small{font-size:11px}.templeTeam b{font:bold 38px Georgia}.templeIllusion{color:#7dc9ff}.templeAllied{color:#ff9388}#templeScore p{grid-column:1/4;margin:2px 0;color:#e2cb9b;font-size:11px}
#eventResult{position:fixed;z-index:38;top:50%;left:50%;transform:translate(-50%,-50%);width:min(460px,90vw);max-height:80vh;overflow:visible;box-sizing:border-box;background:#161818 url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg');border:5px ridge #9c9789;box-shadow:0 5px 30px #000b;color:#d4d2bd;padding:20px;font:12px/1.5 Arial;text-align:center}#eventResult h2{font:bold 16px Georgia;color:#e8d393;margin:0 0 16px}#eventResult h3{color:#f2d269;margin:12px 0;font-size:18px}#eventResult[data-success="false"] h3{color:#ed8771}.eventResultClose{position:absolute;right:7px;top:4px;background:none;border:0;color:#ffc34e;font-size:23px;padding:0}.eventResultOk{margin-top:12px;min-width:90px;padding:7px 20px;color:#edc879;background:#222;border:3px ridge #8f8c80;font:14px Georgia}.eventResultOk:hover{filter:brightness(1.4)}#eventResult dl{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;margin:12px auto;width:75%;text-align:left}#eventResult dt{color:#baaa81}#eventResult dd{margin:0;text-align:right;color:#f1d488}.eventRanking{max-height:25vh;overflow:auto;border-block:1px solid #77705a}#eventResult table{border-collapse:collapse;width:100%;text-align:left}#eventResult th,#eventResult td{padding:6px}#eventResult th{color:#b7b1a1;background:#080a09aa}#eventResult .yourResult{color:#ffe080;background:#ccb26118}.eventReturnNote{font-size:11px;color:#aaa}.eventResultBanner{position:absolute;width:min(580px,95vw);height:auto;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);pointer-events:none}
@media(max-height:650px){#eventResult{max-height:90vh;padding:10px}.eventResultBanner{display:none}#eventResult h2,#eventResult h3{margin:5px}.eventRanking{max-height:20vh}}
#eventHud[data-native="illusion"]{width:calc(var(--u)*134)}#eventHud[data-native="illusion"] .nativeEventTimer{height:calc(var(--ev)*37)}#eventHud[data-native="illusion"] .nativeEventTimer h3,#eventHud[data-native="illusion"] .nativeEventCaption{display:none}#eventHud[data-native="illusion"] .nativeEventClock{top:calc(var(--ev)*11);font-size:calc(var(--ev)*17)}
.templeTeam b{display:flex;justify-content:center;gap:2px}.templeTeam b img{width:auto;height:48px;object-fit:contain}.templeAllied{color:#7dc9ff}.templeIllusion{color:#ff9388}.templeDecoration{position:absolute;top:-8%;height:116%;width:56px;object-fit:fill;pointer-events:none}.templeDecorLeft{left:-36px}.templeDecorRight{right:-36px}
#eventTempleMap{--ev:calc((100vh - var(--hud-height))/429);position:fixed;z-index:11;right:9px;bottom:calc(var(--hud-height) + (100vh - var(--hud-height))/429*67 + 8px);width:calc(var(--u)*128);height:calc(var(--ev)*165);pointer-events:none;filter:drop-shadow(0 2px 3px #000)}#eventTempleMap:after{content:'';position:absolute;inset:0;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_ctminmapframe.tga') center/100% 100%;z-index:2}#eventTempleMap h3{position:absolute;top:calc(var(--ev)*10);left:0;width:100%;margin:0;text-align:center;font:clamp(10px,.9vw,15px) Georgia;color:#ead6a3;z-index:3}.templeMapImage{position:absolute;top:calc(var(--ev)*31);left:0;width:100%;height:calc(var(--ev)*128);background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_ctminmap.jpg') center/100% 100%}.templeMapImage img{position:absolute;z-index:3;width:calc(var(--u)*7);height:calc(var(--ev)*7);object-fit:contain;transform:translate(-50%,-50%)}body[data-event-hud="illusion"] #mapPanel{visibility:hidden}
@media(max-width:700px){#eventGuide .eventContent{grid-template-columns:135px 1fr;}#eventGuide{padding:25px 10px 12px;}#eventGuide .eventRow{font-size:11px;padding:7px;}#eventHud{width:210px;}}

#eventEntry{position:fixed;right:0;top:0;bottom:var(--hud-height);width:calc(var(--u)*190);box-sizing:border-box;z-index:36;padding:calc(var(--v)*25) calc(var(--u)*13);overflow:auto;color:#ddd;font:clamp(11px,.75vw,14px) Arial;background:#161616 url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg');border:3px ridge #898377;}
#eventEntry:before,#eventEntry:after{content:'';position:absolute;left:0;right:0;pointer-events:none;background-size:100% 100%;}#eventEntry:before{top:0;height:calc(var(--v)*64);background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_back01.tga');}#eventEntry:after{bottom:0;height:calc(var(--v)*45);background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_back03.tga');}
#eventEntry h2{position:relative;text-align:center;margin:0 0 22px;color:#e6cb8a;font-size:14px;}#eventEntry .eventClose{position:absolute;right:10px;top:6px;border:0;background:none;color:#e2b855;font-size:24px;padding:0;}#eventEntry p{line-height:1.5;}#eventEntry .eventArtwork{width:100%;height:80px;object-fit:contain;}#eventEntry .eventTier,#eventEntry .entryInfo{display:block;width:100%;margin:8px 0;padding:12px 4px;border:2px ridge #847c6b;border-radius:0;background:#202020 url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_btn_empty_big.tga') center/100% 100%;color:#e8d3a0;font:inherit;}#eventEntry button:hover{color:#ffedaa;}#eventEntry button:disabled{opacity:.35;}#eventEntry .eventStatus{color:#d2a44e;}

#eventGuide,#eventEntry{background-image:linear-gradient(#0008,#0008),url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg');}
#eventEntry .eventTier,#eventEntry .entryInfo{background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_btn_empty_big.tga');background-size:100% 400%;background-position:left top;}
#eventEntry .eventTier:hover,#eventEntry .entryInfo:hover{background-position-y:33.333%;}#eventEntry .eventTier:active,#eventEntry .entryInfo:active{background-position-y:66.666%;}

#eventEntry{padding-top:calc(var(--v)*40);}#eventEntry h2{position:absolute;top:calc(var(--v)*11);left:0;right:0;margin:0;}#eventEntry .eventClose{right:calc(var(--u)*8);top:calc(var(--v)*6);width:calc(var(--u)*16);height:calc(var(--v)*16);font-size:0;z-index:2;}

#eventGuide .eventBossPortrait{width:100%;height:220px;display:block;border:1px solid #6c5c43;background:#080b0a;}

#eventGuide canvas.eventBossPortrait{position:relative;inset:auto;}

#eventEntry.bloodEntry{overflow:hidden;padding:0 calc(var(--u)*6);}
#eventEntry.bloodEntry .bloodGreeting{position:absolute;top:calc(var(--v)*44);left:calc(var(--u)*17);right:calc(var(--u)*14);font-size:calc(var(--v)*8);line-height:calc(var(--v)*20);text-align:center;margin:0;}
#eventEntry.bloodEntry .eventBrackets{position:absolute;top:calc(var(--v)*119);left:calc(var(--u)*6);right:calc(var(--u)*6);display:grid;gap:calc(var(--v)*5);}
#eventEntry.bloodEntry .eventTier{height:calc(var(--v)*28);margin:0;width:100%;font-size:calc(var(--v)*9);padding:0;}
#eventEntry.bloodEntry .eventTier:disabled{opacity:1;color:#888;background-position-y:100%;}
#eventEntry.bloodEntry .eventClose{font-size:0;}
#eventEntry.bloodEntry .entryInfo{display:none;}

#eventEntry.bloodEntry h2{color:#eee;}#eventEntry.bloodEntry .eventTier{box-sizing:border-box;border:0;}#eventEntry.bloodEntry .bloodExit{position:absolute;left:calc(var(--u)*13);bottom:calc(var(--v)*9);width:calc(var(--u)*28);height:calc(var(--v)*29);z-index:2;padding:0;border:0;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_exit_00.tga') left top/100% 200%;}#eventEntry.bloodEntry .bloodExit:hover{background-position-y:100%;}

#eventEntry .eventTier,#eventEntry .entryInfo{background-size:100% 300%;}#eventEntry .eventTier:hover,#eventEntry .entryInfo:hover{background-position-y:50%;}#eventEntry .eventTier:active,#eventEntry .entryInfo:active{background-position-y:100%;}#eventEntry.bloodEntry .eventTier:disabled{background-position-y:0;filter:brightness(.82);}

#siegeMapTimer{position:absolute;left:calc(var(--u)*20);top:calc(var(--v)*168);width:calc(var(--u)*134);z-index:3;text-align:center;color:white;font:bold calc(var(--v)*10) Arial;text-shadow:1px 1px #000;}
#eventHud.siegeHud{background:#111b url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg');border:0;border-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_SW_Time_Frame.tga') 12 fill/12px;padding:14px;color:#fff;}#eventHud.siegeHud h3{text-align:center;color:#efd588;}#eventHud.siegeHud button{background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_btn_empty_big.tga');background-size:100% 300%;border:0;color:#ddd;}
#eventEntry.siegeEntry{padding-top:calc(var(--v)*44);text-align:center;}#eventEntry.siegeEntry .siegeCrest{margin:auto;width:calc(var(--u)*38);height:calc(var(--v)*32);background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=i_defense.tga') center/contain no-repeat;}#eventEntry.siegeEntry p{font-size:calc(var(--v)*8);line-height:1.7;}#eventEntry.siegeEntry .siegeOwner strong{color:#ffd56a;}#eventEntry.siegeEntry .siegeTabs{display:flex;gap:3px;}#eventEntry.siegeEntry button:not(.eventClose):not(.bloodExit){font-size:calc(var(--v)*8);border-radius:0;padding:calc(var(--v)*6) calc(var(--u)*3);background:#292929 url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_btn_empty_big.tga') left top/100% 300%;}#eventEntry.siegeEntry .bloodExit{position:absolute;bottom:calc(var(--v)*9);left:calc(var(--u)*13);width:calc(var(--u)*28);height:calc(var(--v)*29);border:0;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_exit_00.tga') left top/100% 200%;}

#eventTempleMap h3{width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#eventTempleMap>span{position:absolute;top:calc(var(--ev)*13);z-index:4;font:bold calc(var(--ev)*10) Arial;color:#ffcf6b;text-shadow:1px 1px #000;transform:translateX(-50%)}.templeMapAllied{left:55.5%}.templeMapIllusion{left:89.8%}

.eventResultBanner{height:clamp(70px,15vh,150px);object-fit:contain}

/* Blood Castle has no minimap; keep its event timer beside an open inventory. */
body.playing[data-event-hud="blood"] #mapPanel{display:none!important}
body.playing[data-event-hud="blood"]:has(#classicInventory:not([hidden])) #eventHud[data-native="blood"]{right:calc(var(--u)*190 + 9px)}
