/* ÜRETİLDİ: tools/tanitim3b/hud.py (ruya; kaynak arayuz.json, 2026-10-27). Elle düzenleme. */
:root {
  --t-ad-npc: #7ae75d; --t-ad-oyuncu: #ffd74c;
  --t-ad-metin: #ffffff; --t-ad-seviye: #98ff33;
}
.t-hud-oyun .h1 { left: 263px; top: calc(100% - 37px); width: calc(100% - 263px); height: 37px; background: url("../arayuz/hud/gorev_cubugu/taskbar_base.png") repeat-x 0 0; }
.t-hud-oyun .h2 { left: 0px; top: calc(100% - 47px); width: 158px; height: 47px; background: url("../arayuz/hud/gorev_cubugu/gauge.png") no-repeat 0 0; }
.t-hud-oyun .h3 { left: 8px; top: calc(100% - 43px); width: 40px; height: 40px; background: url("../arayuz/hud/gorev_cubugu/00.png") no-repeat 0 0; }
.t-hud-oyun .h4 { left: 59px; top: calc(100% - 33px); width: 95px; height: 11px; background: url("../arayuz/hud/gorev_cubugu/01.png") no-repeat 0 0; }
.t-hud-oyun .h5 { left: 59px; top: calc(100% - 23px); width: 95px; height: 11px; background: url("../arayuz/hud/gorev_cubugu/01_2.png") no-repeat 0 0; }
.t-hud-oyun .h6 { left: 59px; top: calc(100% - 9px); width: 95px; height: 6px; background: url("../arayuz/hud/gorev_cubugu/01_3.png") no-repeat 0 0; }
.t-hud-oyun .h7 { left: 158px; top: calc(100% - 37px); width: 105px; height: 37px; background: url("../arayuz/hud/gorev_cubugu/exp_gauge.png") no-repeat 0 0; }
.t-hud-oyun .h8 { left: 163px; top: calc(100% - 28px); width: 19px; height: 19px; background: url("../arayuz/hud/gorev_cubugu/exp_gauge_point.png") no-repeat 0 0; }
.t-hud-oyun .h9 { left: 188px; top: calc(100% - 28px); width: 19px; height: 19px; background: url("../arayuz/hud/gorev_cubugu/exp_gauge_point.png") no-repeat 0 0; }
.t-hud-oyun .h10 { left: 213px; top: calc(100% - 28px); width: 19px; height: 19px; background: url("../arayuz/hud/gorev_cubugu/exp_gauge_point.png") no-repeat 0 0; }
.t-hud-oyun .h11 { left: 238px; top: calc(100% - 28px); width: 19px; height: 19px; background: url("../arayuz/hud/gorev_cubugu/exp_gauge_point.png") no-repeat 0 0; }
.t-hud-oyun .h12 { left: calc(50% - 128px); top: calc(100% - 34px); width: 32px; height: 32px; background: url("../arayuz/hud/gorev_cubugu/mouse_button_attack_01.png") no-repeat 0 0; }
.t-hud-oyun .h12:hover, .t-hud-oyun .h12:focus-visible { background-image: url("../arayuz/hud/gorev_cubugu/mouse_button_attack_02.png"); }
.t-hud-oyun .h12:active, .t-hud-oyun .h12[aria-pressed="true"] { background-image: url("../arayuz/hud/gorev_cubugu/mouse_button_attack_03.png"); }
.t-hud-oyun .h13 { left: calc(50% + 205px); top: calc(100% - 34px); width: 32px; height: 32px; background: url("../arayuz/hud/gorev_cubugu/mouse_button_camera_01.png") no-repeat 0 0; }
.t-hud-oyun .h13:hover, .t-hud-oyun .h13:focus-visible { background-image: url("../arayuz/hud/gorev_cubugu/mouse_button_camera_02.png"); }
.t-hud-oyun .h13:active, .t-hud-oyun .h13[aria-pressed="true"] { background-image: url("../arayuz/hud/gorev_cubugu/mouse_button_camera_03.png"); }
.t-hud-oyun .h14 { left: calc(100% - 144px); top: calc(100% - 34px); width: 32px; height: 32px; background: url("../arayuz/hud/gorev_cubugu/character_button_01.png") no-repeat 0 0; }
.t-hud-oyun .h14:hover, .t-hud-oyun .h14:focus-visible { background-image: url("../arayuz/hud/gorev_cubugu/character_button_02.png"); }
.t-hud-oyun .h14:active, .t-hud-oyun .h14[aria-pressed="true"] { background-image: url("../arayuz/hud/gorev_cubugu/character_button_03.png"); }
.t-hud-oyun .h15 { left: calc(100% - 110px); top: calc(100% - 34px); width: 32px; height: 32px; background: url("../arayuz/hud/gorev_cubugu/inventory_button_01.png") no-repeat 0 0; }
.t-hud-oyun .h15:hover, .t-hud-oyun .h15:focus-visible { background-image: url("../arayuz/hud/gorev_cubugu/inventory_button_02.png"); }
.t-hud-oyun .h15:active, .t-hud-oyun .h15[aria-pressed="true"] { background-image: url("../arayuz/hud/gorev_cubugu/inventory_button_03.png"); }
.t-hud-oyun .h16 { left: calc(100% - 76px); top: calc(100% - 34px); width: 32px; height: 32px; background: url("../arayuz/hud/gorev_cubugu/community_button_01.png") no-repeat 0 0; }
.t-hud-oyun .h16:hover, .t-hud-oyun .h16:focus-visible { background-image: url("../arayuz/hud/gorev_cubugu/community_button_02.png"); }
.t-hud-oyun .h16:active, .t-hud-oyun .h16[aria-pressed="true"] { background-image: url("../arayuz/hud/gorev_cubugu/community_button_03.png"); }
.t-hud-oyun .h17 { left: calc(100% - 42px); top: calc(100% - 34px); width: 32px; height: 32px; background: url("../arayuz/hud/gorev_cubugu/system_button_01.png") no-repeat 0 0; }
.t-hud-oyun .h17:hover, .t-hud-oyun .h17:focus-visible { background-image: url("../arayuz/hud/gorev_cubugu/system_button_02.png"); }
.t-hud-oyun .h17:active, .t-hud-oyun .h17[aria-pressed="true"] { background-image: url("../arayuz/hud/gorev_cubugu/system_button_03.png"); }
.t-hud-oyun .h18 { left: calc(50% + 42px); top: calc(100% - 36px); width: 14px; height: 35px; background: url("../arayuz/hud/gorev_cubugu/chat_button_01.png") no-repeat 0 0; }
.t-hud-oyun .h18:hover, .t-hud-oyun .h18:focus-visible { background-image: url("../arayuz/hud/gorev_cubugu/chat_button_02.png"); }
.t-hud-oyun .h18:active, .t-hud-oyun .h18[aria-pressed="true"] { background-image: url("../arayuz/hud/gorev_cubugu/chat_button_03.png"); }
.t-hud-oyun .h19 { left: calc(50% - 86px); top: calc(100% - 34px); width: 128px; height: 32px; background: url("../arayuz/hud/gorev_cubugu/slot_base.png") repeat-x 0 0; }
.t-hud-oyun .h20 { left: calc(50% - 83px); top: calc(100% - 31px); width: 5px; height: 7px; background: url("../arayuz/hud/gorev_cubugu/1.png") no-repeat; z-index: 2; pointer-events: none; }
.t-hud-oyun .h21 { left: calc(50% - 51px); top: calc(100% - 31px); width: 5px; height: 7px; background: url("../arayuz/hud/gorev_cubugu/2.png") no-repeat; z-index: 2; pointer-events: none; }
.t-hud-oyun .h22 { left: calc(50% - 19px); top: calc(100% - 31px); width: 5px; height: 7px; background: url("../arayuz/hud/gorev_cubugu/3.png") no-repeat; z-index: 2; pointer-events: none; }
.t-hud-oyun .h23 { left: calc(50% + 13px); top: calc(100% - 31px); width: 5px; height: 7px; background: url("../arayuz/hud/gorev_cubugu/4.png") no-repeat; z-index: 2; pointer-events: none; }
.t-hud-oyun .h24 { left: calc(50% + 56px); top: calc(100% - 34px); width: 128px; height: 32px; background: url("../arayuz/hud/gorev_cubugu/slot_base.png") repeat-x 0 0; }
.t-hud-oyun .h25 { left: calc(50% + 59px); top: calc(100% - 31px); width: 8px; height: 7px; background: url("../arayuz/hud/gorev_cubugu/f1.png") no-repeat; z-index: 2; pointer-events: none; }
.t-hud-oyun .h26 { left: calc(50% + 91px); top: calc(100% - 31px); width: 8px; height: 7px; background: url("../arayuz/hud/gorev_cubugu/f2.png") no-repeat; z-index: 2; pointer-events: none; }
.t-hud-oyun .h27 { left: calc(50% + 123px); top: calc(100% - 31px); width: 8px; height: 7px; background: url("../arayuz/hud/gorev_cubugu/f3.png") no-repeat; z-index: 2; pointer-events: none; }
.t-hud-oyun .h28 { left: calc(50% + 155px); top: calc(100% - 31px); width: 8px; height: 7px; background: url("../arayuz/hud/gorev_cubugu/f4.png") no-repeat; z-index: 2; pointer-events: none; }
.t-hud-oyun .h29 { left: calc(50% + 187px); top: calc(100% - 22px); width: 9px; height: 8px; background: url("../arayuz/hud/gorev_cubugu/quickslot_button_board.png") no-repeat 0 0; }
.t-hud-oyun .h30 { left: calc(50% + 187px); top: calc(100% - 28px); width: 9px; height: 5px; background: url("../arayuz/hud/gorev_cubugu/quickslot_upbutton_01.png") no-repeat 0 0; }
.t-hud-oyun .h31 { left: calc(50% + 189px); top: calc(100% - 22px); width: 5px; height: 7px; background: url("../arayuz/hud/gorev_cubugu/1.png") no-repeat 0 0; }
.t-hud-oyun .h32 { left: calc(50% + 187px); top: calc(100% - 13px); width: 9px; height: 5px; background: url("../arayuz/hud/gorev_cubugu/quickslot_downbutton_01.png") no-repeat 0 0; }
.t-hud-oyun .h-yuva0 { left: calc(50% - 86px); top: calc(100% - 34px); width: 32px; height: 32px; }
.t-hud-oyun .h-yuva1 { left: calc(50% - 54px); top: calc(100% - 34px); width: 32px; height: 32px; }
.t-hud-oyun .h-yuva2 { left: calc(50% - 22px); top: calc(100% - 34px); width: 32px; height: 32px; }
.t-hud-oyun .h-yuva3 { left: calc(50% + 10px); top: calc(100% - 34px); width: 32px; height: 32px; }
.t-hud-oyun .h-yuva4 { left: calc(50% + 56px); top: calc(100% - 34px); width: 32px; height: 32px; }
.t-hud-oyun .h-yuva5 { left: calc(50% + 88px); top: calc(100% - 34px); width: 32px; height: 32px; }
.t-hud-oyun .h-yuva6 { left: calc(50% + 120px); top: calc(100% - 34px); width: 32px; height: 32px; }
.t-hud-oyun .h-yuva7 { left: calc(50% + 152px); top: calc(100% - 34px); width: 32px; height: 32px; }
.t-hud-oyun .h33 { left: 80px; top: calc(100% - 100px); width: 32px; height: 32px; background: url("../arayuz/hud/oyun_dugmeleri/btn_bigplus_up.png") no-repeat 0 0; }
.t-hud-oyun .h33:hover, .t-hud-oyun .h33:focus-visible { background-image: url("../arayuz/hud/oyun_dugmeleri/btn_bigplus_over.png"); }
.t-hud-oyun .h33:active, .t-hud-oyun .h33[aria-pressed="true"] { background-image: url("../arayuz/hud/oyun_dugmeleri/btn_bigplus_down.png"); }
.t-hud-oyun .h34 { left: 96px; top: calc(100% - 60px); height: 12px; transform: translateX(-50%); text-align: center; color: #ffffff; }
.t-hud-oyun .h35 { left: calc(100% - 290px); top: -14px; width: 123px; height: 134px; background: url("../arayuz/hud/oyun_dugmeleri/ruya_parilti.png") no-repeat 0 0; }
.t-hud-oyun .h36 { left: calc(100% - 270px); top: 6px; width: 83px; height: 94px; background: url("../arayuz/hud/oyun_dugmeleri/ruya_hud_n.png") no-repeat 0 0; }
.t-hud-oyun .h36:hover, .t-hud-oyun .h36:focus-visible { background-image: url("../arayuz/hud/oyun_dugmeleri/ruya_hud_h.png"); }
.t-hud-oyun .h36:active, .t-hud-oyun .h36[aria-pressed="true"] { background-image: url("../arayuz/hud/oyun_dugmeleri/ruya_hud_d.png"); }
.t-hud-oyun .h37 { left: calc(100% - 530px); top: 15px; width: 125px; height: 50px; background: url("../arayuz/hud/ust_simgeler/streamer.png") no-repeat 0 0; }
.t-hud-oyun .h37:hover, .t-hud-oyun .h37:focus-visible { background-image: url("../arayuz/hud/ust_simgeler/streamer.png"); }
.t-hud-oyun .h37:active, .t-hud-oyun .h37[aria-pressed="true"] { background-image: url("../arayuz/hud/ust_simgeler/streamer.png"); }
.t-hud-oyun .t-harita-oyun .t-harita-ic { position: absolute; left: calc(100% - 132px); top: 5px; width: 128px; height: 128px; border-radius: 50%; overflow: hidden; background: #0b0d10; }
.t-hud-oyun .h38 { left: calc(100% - 136px); top: 0px; width: 136px; height: 137px; background: url("../arayuz/hud/mini_harita/minimap.png") no-repeat 0 0; }
.t-hud-oyun .h39 { left: calc(100% - 66px); top: 155px; height: 12px; transform: translateX(-50%); text-align: center; color: #00ccff; }
.t-hud-oyun .h40 { left: calc(100% - 66px); top: 170px; height: 12px; transform: translateX(-50%); text-align: center; color: #00ccff; }
.t-hud-oyun .h41 { left: calc(100% - 126px); top: 103px; width: 15px; height: 15px; background: url("../arayuz/hud/mini_harita/home_norm.png") no-repeat 0 0; }
.t-hud-oyun .h41:hover, .t-hud-oyun .h41:focus-visible { background-image: url("../arayuz/hud/mini_harita/home_tut.png"); }
.t-hud-oyun .h41:active, .t-hud-oyun .h41[aria-pressed="true"] { background-image: url("../arayuz/hud/mini_harita/home_bas.png"); }
.t-hud-oyun .h42 { left: calc(100% - 35px); top: 116px; width: 15px; height: 15px; background: url("../arayuz/hud/mini_harita/minimap_scaleup_default.png") no-repeat 0 0; }
.t-hud-oyun .h42:hover, .t-hud-oyun .h42:focus-visible { background-image: url("../arayuz/hud/mini_harita/minimap_scaleup_over.png"); }
.t-hud-oyun .h42:active, .t-hud-oyun .h42[aria-pressed="true"] { background-image: url("../arayuz/hud/mini_harita/minimap_scaleup_down.png"); }
.t-hud-oyun .h43 { left: calc(100% - 21px); top: 103px; width: 15px; height: 15px; background: url("../arayuz/hud/mini_harita/minimap_scaledown_default.png") no-repeat 0 0; }
.t-hud-oyun .h43:hover, .t-hud-oyun .h43:focus-visible { background-image: url("../arayuz/hud/mini_harita/minimap_scaledown_over.png"); }
.t-hud-oyun .h43:active, .t-hud-oyun .h43[aria-pressed="true"] { background-image: url("../arayuz/hud/mini_harita/minimap_scaledown_down.png"); }
.t-hud-oyun .h44 { left: calc(100% - 25px); top: 6px; width: 19px; height: 20px; background: url("../arayuz/hud/mini_harita/minimap_close_default.png") no-repeat 0 0; }
.t-hud-oyun .h44:hover, .t-hud-oyun .h44:focus-visible { background-image: url("../arayuz/hud/mini_harita/minimap_close_over.png"); }
.t-hud-oyun .h44:active, .t-hud-oyun .h44[aria-pressed="true"] { background-image: url("../arayuz/hud/mini_harita/minimap_close_down.png"); }
.t-hud-oyun .h45 { left: calc(100% - 124px); top: 12px; width: 15px; height: 15px; background: url("../arayuz/hud/mini_harita/atlas_open_default.png") no-repeat 0 0; }
.t-hud-oyun .h45:hover, .t-hud-oyun .h45:focus-visible { background-image: url("../arayuz/hud/mini_harita/atlas_open_over.png"); }
.t-hud-oyun .h45:active, .t-hud-oyun .h45[aria-pressed="true"] { background-image: url("../arayuz/hud/mini_harita/atlas_open_down.png"); }
.t-hud-oyun .h46 { left: calc(100% - 66px); top: 140px; height: 12px; transform: translateX(-50%); text-align: center; color: #ffffff; }
.t-hud-oyun .h47 { left: calc(100% - 146px); top: 60px; width: 24px; height: 23px; background: url("../arayuz/hud/mini_harita/minimap_0.png") no-repeat 0 0; }
.t-hud-oyun .h47:hover, .t-hud-oyun .h47:focus-visible { background-image: url("../arayuz/hud/mini_harita/minimap_1.png"); }
.t-hud-oyun .h47:active, .t-hud-oyun .h47[aria-pressed="true"] { background-image: url("../arayuz/hud/mini_harita/minimap_2.png"); }
.t-hud-oyun .t-hedef-oyun { position: absolute; left: calc(50% - 156px); top: 10px; width: 312px; height: 40px; border-style: solid; border-width: 16px; border-image: url("../arayuz/hud/pencere/thinboard-9.png") 16 fill / 16px repeat; box-sizing: border-box; }
.t-hud-oyun .t-hedef-oyun .t-hedef-ad { position: absolute; left: 7px; top: -3px; }
.t-hud-oyun .t-hedef-oyun .t-hedef-yuzde { display: none; }
.t-hud-oyun .t-hedef-oyun .t-hedef-can { position: absolute; left: 121px; top: 1px; width: 130px; height: 7px; }
.t-hud-oyun .t-hedef-oyun .t-hedef-hp { display: none; }
.t-hud-oyun .t-hedef-oyun .t-hedef-bilgi { position: absolute; left: 93px; top: -4px; width: 16px; height: 17px; background: url("../arayuz/hud/hedef/q_mark_01.png") no-repeat; }
.t-hud-oyun .t-hedef-oyun .t-hedef-kapat { position: absolute; left: 266px; top: -3px; width: 15px; height: 15px; background: url("../arayuz/hud/hedef/close_button_01.png") no-repeat; }
.t-hud-oyun ~ .t-gorevler, .t-3b-acik .t-gorevler { left: 20px; top: calc(28.33% + 0px); gap: clamp(14px, calc((71.67vh - 160px) / 8 - 32px), 31px); }
.t-gorevler .t-gorev { background-image: url("../arayuz/hud/gorev_mektuplari/scroll_close.png"); }
.t-gorevler .t-gorev:hover, .t-gorevler .t-gorev:focus-visible { background-image: url("../arayuz/hud/gorev_mektuplari/scroll_open.png"); }
.t-gorevler .t-gorev span { top: 35px; left: -4px; }
.t-js:not(.t-liste-kip) .t-yukleme { background: #000 url("../arayuz/hud/yukleme/arka.jpg") center / cover no-repeat; }
.t-yukleme > img { display: none; }
.t-yukleme .t-yukleme-cubuk { order: -1; width: min(672px, 86vw); height: auto; aspect-ratio: 672 / 485; padding: 0; border: 0; box-shadow: none; background: url("../arayuz/hud/yukleme/logo_bos.png") center / 100% 100% no-repeat; }
.t-yukleme .t-yukleme-cubuk i { height: 100%; background: url("../arayuz/hud/yukleme/logo_dolu.webp") left center / min(672px, 86vw) auto no-repeat; transition: width 0.25s; }
.t-ruya .t-pencere { border-image-source: url("../arayuz/hud/pencere/board-9.png"); }
.t-ruya .t-baslik { background: url("../arayuz/hud/pencere/baslik/titlebar_left.png") left top no-repeat, url("../arayuz/hud/pencere/baslik/titlebar_right_02.png") right top no-repeat, url("../arayuz/hud/pencere/baslik/titlebar_center.png") left top repeat-x; }
.t-ruya .t-kapat { background-image: url("../arayuz/hud/hedef/close_button_01.png"); }
.t-ruya .t-kapat:hover, .t-ruya .t-kapat:focus-visible { background-image: url("../arayuz/hud/hedef/close_button_02.png"); }
.t-ruya .t-kapat:active { background-image: url("../arayuz/hud/hedef/close_button_03.png"); }
.t-hud-ruya .h-r-positioninfo, .t-hud-ruya .t-hedef-oyun .t-hedef-bilgi { display: none; }
.t-hud-ruya .t-hedef-oyun .t-hedef-ad { font-size: 10px; }