:root{--ui:"/flyff/ui/";--text:#f4ead5;--gold:#ffd76a;--muted:#b9a88a;--panel:#1c0824eb;--line:#ffd76a47;--hp:#e0413a;--mp:#3c7df0;--fp:#3fbf4f;--cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8IS0tIFRoZSBub3JtYWwgY3Vyc29yOiBhIGdvbGQgYXJyb3cgaW4gdGhlIGNvbG9ycyBvZiB0aGUgZ2FtZSdzIGJ1dHRvbnMuIEhvdHNwb3QgMSAxLiAtLT4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ29sZCIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmYzYmMiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjQyIiBzdG9wLWNvbG9yPSIjZjFjZjZkIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC41OCIgc3RvcC1jb2xvcj0iI2QzYTIzYSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlOWMyNWEiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8cGF0aCBpZD0iYXJyb3ciIGQ9Ik0xLjUgMS41IFYyMSBMNi4yIDE2LjYgTDkuNiAyNC4yIEwxMyAyMi43IEw5LjcgMTUuMyBIMTYgWiIvPgogIDwvZGVmcz4KICA8dXNlIGhyZWY9IiNhcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4yIDEuNCkiIGZpbGw9IiMwMDAiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIG9wYWNpdHk9IjAuMyIvPgogIDx1c2UgaHJlZj0iI2Fycm93IiBmaWxsPSJ1cmwoI2dvbGQpIiBzdHJva2U9IiMzYjJhMGMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPHBhdGggZD0iTTMuMSA1LjIgVjE3LjMgTDUuOSAxNC43IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZiZTgiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==) 1 1, default;--cursor-hover:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3c!--%20The%20hover%20cursor:%20a%20pointing%20gold%20gauntlet%20over%20anything%20that%20can%20be%20clicked.%20Hotspot%2010%201.%20--%3e%3cdefs%3e%3clinearGradient%20id='gold'%20gradientUnits='userSpaceOnUse'%20x1='5'%20y1='2'%20x2='22'%20y2='26'%3e%3cstop%20offset='0'%20stop-color='%23fff3bc'/%3e%3cstop%20offset='0.45'%20stop-color='%23f1cf6d'/%3e%3cstop%20offset='1'%20stop-color='%23d3a23a'/%3e%3c/linearGradient%3e%3clinearGradient%20id='bronze'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23e2ae4a'/%3e%3cstop%20offset='1'%20stop-color='%238a5a12'/%3e%3c/linearGradient%3e%3cg%20id='hand'%3e%3crect%20x='8.5'%20y='1.5'%20width='4'%20height='16'%20rx='2'/%3e%3crect%20x='12.5'%20y='9.5'%20width='3.8'%20height='9'%20rx='1.9'/%3e%3crect%20x='16.3'%20y='10.5'%20width='3.7'%20height='9'%20rx='1.85'/%3e%3crect%20x='20'%20y='12'%20width='3.3'%20height='8.5'%20rx='1.65'/%3e%3crect%20x='8.5'%20y='14'%20width='14.8'%20height='11.5'%20rx='3.5'/%3e%3crect%20x='-2.2'%20y='-2.2'%20width='11.8'%20height='4.4'%20rx='2.2'%20transform='translate(4.4%2015.6)%20rotate(44)'/%3e%3crect%20x='9.2'%20y='24.5'%20width='13.4'%20height='4.5'%20rx='1.2'/%3e%3c/g%3e%3c/defs%3e%3cuse%20href='%23hand'%20transform='translate(1.2%201.4)'%20fill='%23000'%20stroke='%23000'%20stroke-width='2.8'%20stroke-linejoin='round'%20opacity='0.3'/%3e%3cuse%20href='%23hand'%20fill='%233b2a0c'%20stroke='%233b2a0c'%20stroke-width='2.8'%20stroke-linejoin='round'/%3e%3cuse%20href='%23hand'%20fill='url(%23gold)'/%3e%3c!--%20The%20cuff,%20the%20gaps%20between%20the%20fingers%20and%20the%20light%20on%20the%20pointing%20finger.%20--%3e%3crect%20x='9.2'%20y='24.5'%20width='13.4'%20height='4.5'%20rx='1.2'%20fill='url(%23bronze)'/%3e%3cpath%20d='M9.4%2024.5%20H22.4'%20stroke='%233b2a0c'%20stroke-width='1'/%3e%3ccircle%20cx='12.6'%20cy='26.8'%20r='0.9'%20fill='%23fff3bc'/%3e%3ccircle%20cx='19.2'%20cy='26.8'%20r='0.9'%20fill='%23fff3bc'/%3e%3cpath%20d='M12.5%2011.6%20V17.6%20M16.3%2012.6%20V18.6%20M20%2014.1%20V19.6'%20stroke='%233b2a0c'%20stroke-width='0.9'%20stroke-linecap='round'%20opacity='0.85'/%3e%3cpath%20d='M6.2%2016.3%20L9.3%2019.4'%20stroke='%233b2a0c'%20stroke-width='0.9'%20stroke-linecap='round'%20opacity='0.6'/%3e%3cpath%20d='M9.8%203.6%20V14.5'%20stroke='%23fffbe8'%20stroke-width='1'%20stroke-linecap='round'%20opacity='0.8'/%3e%3c/svg%3e") 10 1, pointer}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;cursor:var(--cursor);background:#000;margin:0;font:12px Tahoma,Segoe UI,Verdana,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#game.hover{cursor:var(--cursor-hover)}#overlay{pointer-events:none;position:fixed;inset:0;overflow:hidden}#ui{pointer-events:none;position:fixed;inset:0}#ui *{box-sizing:border-box}.interactive,.wnd,.hud-panel,.screen{pointer-events:auto}input,textarea,select{font:inherit;color:#fff;-webkit-user-select:text;user-select:text;background:#0000008c;border:1px solid #7a5a2a;border-radius:3px;outline:none;padding:4px 6px}input:focus{border-color:var(--gold);box-shadow:0 0 4px #ffd76a99}input:not([type=checkbox]):not([type=radio]),textarea{cursor:text}.wnd{text-shadow:1px 1px #000;border-style:solid;border-width:32px 14px 14px;border-image:url(/flyff/ui/window.png) 32 16 16 fill repeat;min-width:140px;position:absolute}.wnd-title{height:20px;color:var(--gold);cursor:move;white-space:nowrap;text-overflow:ellipsis;padding-left:4px;font-weight:700;line-height:20px;position:absolute;top:-27px;left:-4px;right:18px;overflow:hidden}.wnd-close{width:14px;height:14px;cursor:var(--cursor-hover);background:url(/flyff/ui/buttwndexit.png);position:absolute;top:-25px;right:-6px}.wnd-close:hover{background-position:-14px 0}.wnd-close:active{background-position:-28px 0}.wnd-body{padding:4px 2px}.tooltip-box{z-index:1000;max-width:280px;color:var(--text);pointer-events:none;text-shadow:1px 1px #000;background:#10061af0 padding-box padding-box;border-style:solid;border-width:12px;border-image:url(/flyff/ui/tooltip.png) 16 fill repeat;line-height:1.35;position:fixed}.tooltip-box .tt-name{color:var(--gold);font-size:13px;font-weight:700}.tooltip-box .tt-line{color:#cfe8ff}.tooltip-box .tt-set{color:#fff;margin-top:8px}.tooltip-box .tt-worn,.tooltip-box .tt-unworn{padding-left:10px}.tooltip-box .tt-worn{color:#4cd04c}.tooltip-box .tt-unworn,.tooltip-box .tt-inactive{color:#8c8c8c}.tooltip-box .tt-effect{color:#eea040}.tooltip-box .tt-awake{color:#c9a0ff}.tooltip-box .tt-socket{color:#7fe8ff}.tooltip-box .tt-desc{color:var(--muted);margin-top:3px}.btn{color:#3a2406;text-align:center;text-shadow:0 1px #ffffff80;min-width:64px;height:22px;cursor:var(--cursor-hover);background:linear-gradient(#fff3bc 0%,#f1cf6d 45%,#d3a23a 55%,#e9c25a 100%);border:1px solid #3b2a0c;border-radius:4px;padding:0 10px;font-weight:700;line-height:20px;display:inline-block;box-shadow:inset 0 1px #fffc,0 1px 2px #0009}.btn:hover{filter:brightness(1.1)}.btn:active{filter:brightness(.9);transform:translateY(1px)}.btn:disabled,.btn.disabled{color:#2a2a2a;cursor:var(--cursor);filter:none;background:linear-gradient(#8c8c8c,#5a5a5a)}.btn.small{min-width:0;height:18px;padding:0 6px;font-size:11px;line-height:16px}.btn.big{min-width:120px;height:30px;font-size:14px;line-height:28px}.row{align-items:center;gap:6px;display:flex}.col{flex-direction:column;gap:6px;display:flex}.spread{justify-content:space-between;align-items:center;gap:6px;display:flex}.gold{color:var(--gold)}.muted{color:var(--muted)}.small{font-size:11px}.error-text{color:#ff8a7a}.bar{background:#140610;border:1px solid #000;border-radius:6px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000c}.bar>.fill{background-size:100% 100%;transition:width .15s linear;position:absolute;inset:0 auto 0 0}.bar.hp>.fill{background-image:url(/flyff/ui/targetgauge01.png)}.bar.mp>.fill{background-image:url(/flyff/ui/targetgauge02.png)}.bar.fp>.fill{background-image:url(/flyff/ui/targetgauge03.png)}.bar>.text{text-align:center;color:#fff;text-shadow:1px 1px #000,-1px 0 #000;font-size:10px;line-height:11px;position:absolute;inset:0}.slot{background:url(/flyff/ui/back_slotitem.png) 0 0/100% 100%;flex:none;width:32px;height:32px;position:relative}.slot img{image-rendering:auto;pointer-events:none;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;inset:1px}.slot .count{color:#fff;text-shadow:1px 1px #000,-1px -1px #000;font-size:10px;font-weight:700;position:absolute;bottom:0;right:1px}.slot .key{color:#ffe9a6;text-shadow:1px 1px #000;font-size:9px;position:absolute;top:0;left:2px}.slot .cooldown{pointer-events:none;background:#0000009e;position:absolute;inset:1px}.slot .cooldown-text{color:#fff;text-shadow:1px 1px #000;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.slot.drop{outline:2px solid var(--gold)}.slot.clickable{cursor:var(--cursor-hover)}.slot.clickable:hover{filter:brightness(1.25)}.plate{text-align:center;white-space:nowrap;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;will-change:transform;flex-direction:column;justify-content:flex-end;align-items:center;width:0;height:0;font-weight:700;display:flex;position:absolute;top:0;left:0}.plate>*,.dmg>*{flex:none}.plate-name{color:#fff;font-size:12px;position:relative}.plate-name>.siege-title{margin:0 2px 0 0;position:absolute;bottom:0;right:100%}.plate-name>.plate-after{white-space:nowrap;align-items:center;gap:2px;margin-left:3px;display:flex;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.plate-after>.staff-badge{margin:0}.tier-badge{text-shadow:0 0 3px,0 1px 1px #000;font-size:11px;line-height:14px}.tier-badge.bronze{color:#d08a4e}.tier-badge.silver{color:#cfd8e2}.tier-badge.gold{color:#ffd24a}.tier-badge.platinum{color:#62e6d3}.tier-badge.master{color:#d47cff}.staff-badge{vertical-align:middle;background:50%/contain no-repeat;width:12px;height:14px;margin:-2px 0 -2px 3px;display:inline-block}.staff-badge.admin{filter:drop-shadow(0 0 3px #ffbe3ccc);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop stop-color='%23ffe27a'/%3E%3Cstop offset='1' stop-color='%23e59a1c'/%3E%3C/linearGradient%3E%3Cpath d='M7 .5 13.5 3v5c0 3.6-2.8 6.3-6.5 7.5C3.3 14.3.5 11.6.5 8V3z' fill='url(%23g)' stroke='%235a3a08'/%3E%3Cpath d='m7 3.8 1.1 2.4 2.6.3-1.9 1.8.5 2.6L7 9.6l-2.3 1.3.5-2.6-1.9-1.8 2.6-.3z' fill='%23fff' stroke='%235a3a08' stroke-width='.6'/%3E%3C/svg%3E")}.staff-badge.gm{filter:drop-shadow(0 0 3px #5ac8ffcc);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop stop-color='%23b6f0ff'/%3E%3Cstop offset='1' stop-color='%233fa9e0'/%3E%3C/linearGradient%3E%3Cpath d='M7 .5 13.5 3v5c0 3.6-2.8 6.3-6.5 7.5C3.3 14.3.5 11.6.5 8V3z' fill='url(%23g)' stroke='%230c3a58'/%3E%3Cpath d='m7 3.8 1.1 2.4 2.6.3-1.9 1.8.5 2.6L7 9.6l-2.3 1.3.5-2.6-1.9-1.8 2.6-.3z' fill='%23fff' stroke='%230c3a58' stroke-width='.6'/%3E%3C/svg%3E")}.siege-title{vertical-align:middle;width:25px;height:25px;margin:-7px 2px -6px 0}.plate-guild-text{position:relative}.plate-guild-text .siege-title{margin:0 2px 0 0;position:absolute;top:calc(100% - 10.5px);right:100%}.plate-guild{color:#9fe0ff;font-size:11px}.plate-bounty{color:#ff5a4a;letter-spacing:.5px;text-shadow:0 0 4px #ff2814b3,0 1px 1px #000;font-size:10px;font-weight:700}.plate[data-relation=enemy] .plate-name{color:#ff6e5a}.plate[data-relation=ally] .plate-name{color:#8dff7a}.plate[data-relation=self] .plate-name{color:#ffe98a}.plate.selected .plate-name:before{content:"▼ ";white-space:pre;color:var(--gold);position:absolute;top:0;right:100%}.plate.selected .plate-name:has(>.siege-title):before{margin-right:27px}.plate.npc .plate-name{color:#ffd76a}.plate.npc .plate-guild{color:#d9c7ff}.plate.npc.shop .plate-guild{color:#7fe8ff}.plate-hp{background:#200;border:1px solid #000;width:60px;height:5px;margin:2px 0 0;display:none}.plate-hp>div{background:linear-gradient(#ff7a6a,#c3261c);height:100%}.bubble{white-space:normal;color:#222;width:max-content;max-width:220px;text-shadow:none;background:#ffffffeb;border:1px solid #333;border-radius:8px;margin:0 0 4px;padding:4px 8px;font-weight:400;display:none}.dmg{white-space:nowrap;will-change:transform, opacity;justify-content:center;align-items:center;width:0;height:0;display:flex;position:absolute;top:0;left:0}.dmg-digit{--scale:.5;width:calc(50px * var(--scale));height:calc(50px * var(--scale));margin:0 calc(-8px * var(--scale));background:url(/flyff/effects/damage.png) no-repeat;background-size:calc(1024px * var(--scale)) calc(256px * var(--scale));background-position:calc(var(--digit) * -50px * var(--scale)) calc(var(--row,0) * -1px * var(--scale))}.dmg-word{background:url(/flyff/effects/damage.png) 0 0/512px 128px no-repeat;height:25px}.dmg.crit .dmg-digit{--scale:.68}.target-arrow{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.dmg.blocked{filter:grayscale(.6)brightness(.8)}.dmg.heal,.dmg.label{color:#7dff8a;text-shadow:2px 2px #063,-1px -1px #063;font:700 18px Tahoma,sans-serif}.dmg.label{color:#ffd76a;text-shadow:1px 1px #520,-1px -1px #520;font-size:14px}.screen{background:#000 url(/assets/arena-fight-CGCYlWH4.webp) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen:before{content:"";background:radial-gradient(#0000001a,#0009);position:absolute;inset:0}.logo{text-align:center;white-space:nowrap;color:#ffe38a;text-shadow:0 0 12px #ff9a2a,3px 3px #5a1e00,-2px -2px #5a1e00;letter-spacing:2px;font:italic 700 min(64px,10vw) Trebuchet MS,Georgia,serif}.status-line{color:var(--muted);text-shadow:1px 1px #000;position:fixed;bottom:8px;left:10px}.loading{pointer-events:auto;color:var(--gold);text-shadow:2px 2px #000;background:#000 50%/cover no-repeat;justify-content:center;align-items:flex-end;padding-bottom:60px;font-size:16px;display:flex;position:fixed;inset:0}.loading.logo-art{background-position:top}@media (aspect-ratio<=3/4){.loading.logo-art{background-position:50%;background-size:contain}}.map-label{text-align:right;text-shadow:1px 1px #000;font-size:13px;position:absolute;top:8px;right:12px}.map-label .ping{font-weight:700}.map-label .ping.good{color:#8dff7a}.map-label .ping.fair{color:#ffd76a}.map-label .ping.poor{color:#ff6e5a}.fwnd,.fpanel{color:#fff;text-shadow:1px 1px #000;background-repeat:no-repeat;font-size:12px;position:absolute}.fwnd-tiles{pointer-events:none;grid-template-rows:16px 16px 1fr 16px;grid-template-columns:16px 1fr 16px;display:grid;position:absolute;inset:0}.fwnd-tiles>div{background-repeat:repeat}.fwnd-title{box-sizing:border-box;color:#f4e3b0;white-space:nowrap;cursor:move;height:21px;padding:6px 0 0 12px;font-size:12px;font-weight:700;position:absolute;top:0;left:0;right:40px;overflow:hidden}.fwnd-close{position:absolute;top:6px;right:8px}.fwnd-help{position:absolute;top:6px;right:26px}.fwnd-close:only-of-type,.fwnd .fwnd-help:last-child{right:8px}.sprite-button{cursor:var(--cursor-hover);background-position:0 0;background-repeat:no-repeat}.sprite-button:hover{background-position:calc(var(--frame) * -1) 0}.sprite-button:active,.sprite-button.pressed,.sprite-button.pressed:hover{background-position:calc(var(--frame) * -2) 0}.sprite-button.disabled{background-position:calc(var(--frame) * -3) 0;cursor:var(--cursor)}.fgauge-fill{box-sizing:border-box;border-style:solid;border-width:0 5px;border-image:url(/flyff/ui/barred.png) 0 5 fill/0 5px;min-width:10px;height:100%}.fgauge.mp .fgauge-fill{border-image-source:url(/flyff/ui/barbule.png)}.fgauge.fp .fgauge-fill{border-image-source:url(/flyff/ui/bargreen.png)}.fgauge.exp .fgauge-fill,.fgauge.bt .fgauge-fill{border-image-source:url(/flyff/ui/barsky.png)}.target-window .fgauge.hp .fgauge-fill{border-image-source:url(/flyff/ui/targetgauge01.png)}.target-window .fgauge.mp .fgauge-fill{border-image-source:url(/flyff/ui/targetgauge02.png)}.fgauge-fill[style*="width: 0%"]{visibility:hidden}.fgauge-text{text-align:center;color:#fff;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;white-space:nowrap;font-size:11px;line-height:14px;position:absolute;inset:-2px 0 0}.fgauge-text.right{text-align:right;padding-right:4px}.fpanel .fgauge.exp .fgauge-fill{background:url(/flyff/ui/wndmainbargauge.png) 0 0/100% 100%;border:none;min-width:0}.status-portrait{border-radius:3px;overflow:hidden}.status-portrait canvas{cursor:var(--cursor)!important}.target-window{text-shadow:1px 1px #000,-1px -1px #000;background-repeat:no-repeat;position:absolute;top:6px;left:50%;transform:translate(-50%)}.target-emblem{object-fit:cover;border-radius:50%}.target-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;line-height:18px;overflow:hidden}.target-window[data-relation=enemy] .target-title{color:#ff8a78}.target-window[data-relation=ally] .target-title{color:#9dff8a}.target-class{color:#d8d0b8;font-size:10px;font-weight:400}.target-window .target-close{position:absolute;top:2px;right:2px}.target-actions{white-space:nowrap;gap:3px;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%)}.buff-icons{flex-wrap:wrap;gap:2px 3px;display:flex;position:absolute;top:8px;left:calc(50% + 150px);right:250px}.buff-icon{text-align:center;color:#ffe36e;text-shadow:1px 1px #000,-1px -1px #000;white-space:nowrap;width:34px;font-size:10px;line-height:12px}.buff-icon img{width:26px;height:26px;margin:0 auto;display:block}.fpanel .slot{background:0 0}.fpanel .slot .key{color:#fff;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;font-size:10px;top:-1px;left:1px}.taskbar-key{text-align:center;color:#fff;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;pointer-events:none;height:12px;font-size:10px;line-height:12px;position:absolute}.taskbar-tab{cursor:var(--cursor-hover)}.ring-layer{pointer-events:none;width:166px;height:166px;position:absolute;top:0;left:0}.ring-glow{animation:.7s ease-in-out infinite alternate ring-pulse}.ring-sweep{animation:.9s linear infinite ring-spin}@keyframes ring-pulse{0%{opacity:.3}to{opacity:1}}@keyframes ring-spin{to{transform:rotate(360deg)}}.fpanel .slot.orb-slot{border-radius:50%;overflow:hidden}.slot.orb-slot img{width:100%;height:100%;inset:0}.orb-effect{pointer-events:none;width:64px;height:64px;position:absolute}.orb-burst{animation:.6s ease-out forwards orb-burst}@keyframes orb-burst{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}.ring-button{cursor:var(--cursor-hover);background:url(/flyff/ui/slot02.png) 0 0/100% 100%;position:absolute}.ring-button:hover,.ring-button.active{background-image:url(/flyff/ui/slot03.png)}.fpanel{z-index:5;position:absolute}.fwnd .slot.equip-slot{background:0 0}.fwnd .slot.equip-slot img{width:calc(100% - 6px);height:calc(100% - 6px);inset:3px}.inventory-model{overflow:hidden}.inventory-grid-area{position:absolute}.inventory-grid-area .slot{background:0 0}.inventory-scroll{width:8px;cursor:var(--cursor-hover);touch-action:none;background:#00000073;border-radius:4px;position:absolute}.inventory-scroll>div{background:linear-gradient(90deg,#d8c07a,#f6e6ae 50%,#b89a52);border-radius:4px;width:8px;height:24px;position:absolute;left:0}.inventory-tabs{background:url(/flyff/ui/wndinventab02.png);width:216px;height:20px;display:flex;position:absolute}.inventory-tab{text-align:center;color:#b8ab88;width:54px;height:20px;cursor:var(--cursor-hover);font-size:11px;line-height:20px}.inventory-tab.active{color:#fff;background:url(/flyff/ui/wndinventab01.png)}.inventory-penya{text-align:right;box-sizing:border-box;color:#ffe36e;padding-right:6px;font-size:12px;font-weight:700;line-height:20px}.inventory-trash{background:url(/flyff/ui/wndinventorygarbage.png) 50%/contain no-repeat}.inventory-trash:hover,.inventory-trash.drop{filter:brightness(1.3)}.inventory-trash.drop{outline:2px solid var(--gold)}.discard-icon{justify-content:center;align-items:center;display:flex}.discard-icon img{background:url(/flyff/ui/back_slotitem.png);width:32px;height:32px}.discard-text{white-space:nowrap;line-height:16px}.fwnd input.discard-count,.fwnd input.discard-count:focus{box-shadow:none;text-align:right;background:0 0;border:none;border-radius:0;padding:0 6px}.chat{flex-direction:column;gap:4px;width:min(380px,50vw - 290px);display:flex;position:absolute;bottom:10px;left:10px}.chat-log{text-shadow:1px 1px #000;scrollbar-width:thin;-webkit-user-select:text;user-select:text;background:linear-gradient(#0000,#00000073 20%);height:180px;padding:4px 6px;overflow-y:auto}.chat-line{word-wrap:break-word;line-height:1.35}.chat-line.shout{color:#ffb870}.chat-line.party{color:#8dff8d}.chat-line.guild{color:#86d6ff}.chat-line.whisper{color:#ff9ad8}.chat-line.notice{color:#ffe38a}.chat-line.notice.error{color:#ff8a7a}.chat-line.notice.siege{color:#ffb14a;font-weight:700}.chat-input select{width:84px}.chat-head{pointer-events:none;justify-content:flex-end;margin-bottom:-4px;display:flex}.notices{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:150px;left:50%;transform:translate(-50%)}.notice{color:#ffe38a;text-shadow:1px 1px #000;background:#0000008c;border-radius:12px;padding:4px 14px;font-weight:700;animation:.25s ease-out notice-in}.notice.error{color:#ff8a7a}.notice.siege{color:#ffb14a;border:1px solid #ffb14a99;font-size:15px}@keyframes notice-in{0%{opacity:0;transform:translateY(-8px)}}.invites{flex-direction:column;gap:8px;width:250px;display:flex;position:absolute;top:90px;right:250px}.invite{position:relative}.duel-countdown,.duel-banner{text-align:center;text-shadow:2px 2px #000;font-size:16px;position:absolute;top:30%;left:50%;transform:translate(-50%)}.countfight{background:url(/flyff/effects/countfight.png) 0 0/1024px 128px no-repeat;margin:0 auto}.countfight.digit{background-size:1024px 128px;width:64px;height:64px;animation:1s infinite pulse}.countfight.fight{background-position:0 -64px;width:330px;height:64px;animation:.6s 3 pulse}.duel-banner{top:90px}.duel-banner .countfight.fight{background-position:0 -32px;background-size:512px 64px;width:165px;height:32px}@keyframes pulse{50%{transform:scale(1.15)}}.minimap{background:radial-gradient(circle,#3a1a4a 60%,#b8862a 62%,#6a4a1a 70%,#2a1030 72%);border-radius:50%;width:162px;height:162px;padding:6px;position:absolute;top:30px;right:12px;box-shadow:0 2px 6px #000000b3}.minimap-map{image-rendering:auto;background-color:#10202a;background-repeat:no-repeat;border-radius:50%;width:150px;height:150px;position:relative;overflow:hidden}.minimap .mark{border:1px solid #000;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute}.minimap .mark.enemy{background:#ff4a3a}.minimap .mark.ally{background:#5dff6a}.minimap .mark.neutral{background:#fff}.minimap .mark.npc{background:#ffd76a;width:5px;height:5px}.minimap .mark.me{transform-origin:50% 60%;filter:drop-shadow(0 0 2px #000);border:6px solid #0000;border-top:0;border-bottom:12px solid #7ae0ff;border-radius:0;width:0;height:0;margin:0;top:50%;left:50%}.minimap-zoom{flex-direction:column;gap:2px;display:flex;position:absolute;bottom:-2px;right:-4px}.siege-hud{text-shadow:1px 1px #000;flex-direction:column;gap:6px;width:230px;display:flex;position:absolute;top:206px;right:10px}.siege-timer{text-align:center;color:#ffd76a;background:#280000b3;border:1px solid #b8862a;border-radius:4px;padding:4px;font-size:13px}.siege-timer b{color:#fff;letter-spacing:1px;font-size:15px}.siege-winner{text-align:center;color:#ffd76a;font-size:16px;font-weight:700}.siege-box{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:4px 6px}.siege-head{color:var(--gold);border-bottom:1px solid var(--line);margin-bottom:3px;font-weight:700}.siege-row{font-size:11px}.siege-fighter{grid-template-columns:1fr auto;gap:1px 4px;margin-bottom:3px;font-size:11px;display:grid}.siege-fighter .lives{color:#ff6a6a;font-size:9px}.siege-hp{background:#300;grid-column:1/span 2;height:4px}.siege-hp>div{background:#e0413a;height:100%}.siege-fighter.called .siege-name{color:var(--gold)}.siege-fighter.waiting{opacity:.6}.siege-fighter.out{opacity:.4}.siege-fighter.out .siege-name{text-decoration:line-through}.siege-area-seconds{text-align:center;color:#fff;font-weight:700}.defender{text-align:center;color:#fff;background:#b8862a;border-radius:3px;width:14px;height:14px;font-size:10px;line-height:14px;display:inline-block}.death{z-index:500}.menu-button{z-index:6;position:absolute;bottom:4px;left:4px}.task-menu{box-sizing:border-box;z-index:1000;scrollbar-width:none;border-style:solid;border-width:62px 12px 12px;border-image:url(/flyff/ui/wndtaskmenu.png) 62 12 12 fill;width:192px;min-height:496px;max-height:calc(100vh - 40px);position:absolute;bottom:20px;left:4px;overflow-y:auto}.task-menu-entry{color:#d8cdb0;text-shadow:1px 1px #000;cursor:var(--cursor-hover);border-radius:3px;justify-content:space-between;padding:5px 10px;font-size:12px;display:flex}.task-menu-entry:hover{color:#fff;background:#ffd66e29}.task-menu-entry.active{color:#ffe36e}.task-menu-key{color:#8e8670}.graphics-lost{color:#ffd76a;text-shadow:1px 1px #000;z-index:5000;background:#0c0a06f0;border:1px solid #7a6536;border-radius:4px;flex-direction:column;align-items:center;gap:10px;padding:14px 20px;font-size:13px;display:flex;position:fixed;top:30%;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #000000b3}.motion-list{box-sizing:border-box;padding:4px 6px;position:absolute}.motion-grid{gap:4px;display:grid}.player-menu{box-sizing:border-box;z-index:1000;background:#0c0a06eb;border:1px solid #7a6536;border-radius:3px;width:160px;padding:4px;position:fixed;box-shadow:0 2px 8px #0009}.player-menu-name{color:#ffe36e;text-shadow:1px 1px #000;border-bottom:1px solid #7a653699;margin-bottom:2px;padding:3px 10px 5px;font-size:12px}.chat{bottom:22px}@media (width>=1366px){.chat{bottom:66px}}@media (width<=1365px){.chat{width:min(380px,50vw - 373px)}}@media (width<=1265px){.chat{width:340px;bottom:164px}}@media (width<=1180px){.chat-log{height:140px}}.char-slot{border:1px solid var(--line);min-height:62px;cursor:var(--cursor-hover);background:#00000059;border-radius:4px;align-items:center;gap:8px;padding:6px;display:flex}.char-slot img{width:44px;height:44px}.char-slot.active{border-color:var(--gold);background:#ffd76a1f;box-shadow:0 0 6px #ffd76a66}.char-slot.empty{justify-content:center}.class-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:2px;display:grid}.class-card{cursor:var(--cursor-hover);text-align:center;border:1px solid #0000;border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;font-size:10px;display:flex}.class-card img{width:48px;height:48px}.class-card:hover{background:#ffffff0f}.class-card.active{border-color:var(--gold);color:var(--gold);background:#ffd76a1f}.swatch{width:20px;height:20px;cursor:var(--cursor-hover);border:2px solid #000;border-radius:50%}.swatch.active{border-color:var(--gold);box-shadow:0 0 5px var(--gold)}.element{border:1px solid var(--element);color:var(--element);cursor:var(--cursor-hover);border-radius:10px;padding:2px 7px;font-size:11px}.element.active{background:var(--element);color:#111;text-shadow:none;box-shadow:0 0 8px var(--element)}.arrow{width:20px;height:20px;cursor:var(--cursor-hover);background:linear-gradient(#fff3bc,#d3a23a);border:1px solid #3b2a0c;border-radius:50%;position:relative}.arrow:after{content:"";border:5px solid #0000;position:absolute;top:5px;left:6px}.arrow.left:after{border-right-color:#3a2406;left:1px}.arrow.right:after{border-left-color:#3a2406;left:8px}.inventory-grid{scrollbar-width:thin;grid-template-columns:repeat(6,34px);gap:2px;max-height:290px;display:grid;overflow-y:auto}.penya{color:#ffe98a;font-weight:700}.stat-grid{grid-template-columns:1fr auto;gap:1px 8px;margin-top:4px;display:grid}.stat-grid span{color:var(--muted)}.stat-grid b{text-align:right}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;margin-bottom:6px;display:flex}.tab{cursor:var(--cursor-hover);color:var(--muted);background:#0000004d;border-radius:4px 4px 0 0;padding:3px 10px}.tab.active{color:var(--gold);background:#ffd76a26;font-weight:700}.list{scrollbar-width:thin;flex-direction:column;gap:2px;max-height:200px;display:flex;overflow-y:auto}.list-row{background:#00000040;border-radius:3px;padding:3px 4px}.dot{background:#555;border-radius:50%;width:8px;height:8px;display:inline-block}.dot.on{background:#5dff6a;box-shadow:0 0 4px #5dff6a}.party-hp{background:#300;height:4px}.party-hp>div{background:#e0413a;height:100%}.table{border-collapse:collapse;width:100%;font-size:11px}.table th{color:var(--gold);text-align:left;border-bottom:1px solid var(--line)}.table td{padding:1px 2px}.shop-grid{scrollbar-width:thin;grid-template-columns:repeat(2,1fr);gap:3px;max-height:360px;display:grid;overflow-y:auto}.shop-item{cursor:var(--cursor-hover);background:#00000040;border-radius:3px;align-items:center;gap:6px;padding:2px;display:flex}.shop-item:hover{background:#ffd76a26}.shop-name{font-size:11px;line-height:1.15}.npc-text{border:1px solid var(--line);background:#00000059;border-radius:4px;min-height:60px;padding:6px;line-height:1.4}.fwnd-title.center{text-align:center;padding-left:0;right:0}.char-panel{box-sizing:border-box;background:#ffffff06;border:1px solid #d6be8259;border-radius:4px;width:212px;height:455px;padding:4px 9px;font-size:11px;line-height:15.7px;position:absolute;top:45px;left:22px}.char-label{color:#efc54a}.char-section{text-align:center;border-top:1px solid #8a7b55;border-bottom:1px solid #8a7b55;margin:4px -4px 3px;line-height:16px}.char-line{grid-template-columns:77px 1fr;display:grid}.char-pair{white-space:nowrap;grid-template-columns:51px 35px 69px 1fr;display:grid}.char-rule{border-top:1px solid #8a7b55;margin:5px -4px 4px}.char-stat{grid-template-columns:45px 32px 27px 25px 36px 14px 14px;align-items:center;display:grid}.char-bonus{color:#7dff8a}.char-points{box-sizing:border-box;color:#fff;width:30px;height:13px;font:inherit;text-align:right;background:#000;border:1px solid #c8c0a8;border-radius:2px;padding:0 3px 0 0;font-size:11px;line-height:11px}.char-buttons{gap:25px;margin:6px 0 4px 54px;display:flex}.char-titles{padding:8px 4px}.char-tabs{background:url(/flyff/ui/wndinventab02.png) 0 0/100% 100%;width:200px;height:20px;display:flex;position:absolute;top:502px;left:26px}.char-tab{text-align:center;color:#b8ab88;cursor:var(--cursor-hover);flex:1;font-size:11px;line-height:20px}.char-tab.active{color:#fff;background:url(/flyff/ui/wndinventab01.png) 0 0/100% 100%}.edit-frame{position:absolute}.edit-frame-tiles{pointer-events:none;grid-template-rows:minmax(0,10px) 1fr minmax(0,10px);grid-template-columns:8px 1fr 8px;display:grid;position:absolute;inset:0}.edit-frame-tiles>div{background-repeat:repeat;background-size:8px 10px}.edit-frame-tiles>div:nth-child(-n+3){background-position:0 0;background-repeat:repeat-x}.edit-frame-tiles>div:nth-child(n+7){background-position:0 100%;background-repeat:repeat-x}.edit-frame>span{color:#e6e6ee;white-space:nowrap;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.tree-portrait{cursor:var(--cursor-hover);background-repeat:no-repeat;background-size:256px 64px}.tree-job{color:#f2e8cf;justify-content:center;align-items:center;font-size:13px;display:flex}.tree-picture{background-repeat:no-repeat}.tree-skill{cursor:var(--cursor-hover);position:absolute}.tree-skill img{width:24px;height:24px;display:block}.tree-skill.unlearned img{filter:grayscale()brightness(.8)}.tree-skill.picked:after{content:"";pointer-events:none;border:1px solid #6ff;position:absolute;inset:-2px;box-shadow:0 0 4px #6ff}.tree-badge{pointer-events:none;background:url(/flyff/ui/skilllevel.png) -532px 0 no-repeat;width:28px;height:28px;position:absolute;top:-2px;left:-2px}.tree-slot{background:url(/flyff/ui/back_slotitem.png) no-repeat}.tree-slot img{width:32px;height:32px;display:block}.tree-button{position:absolute}.tree-button>span{color:#d4d4d4;pointer-events:none;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.element-weapon{background:url(/flyff/ui/back_slotitem.png) no-repeat}.element-weapon.switchable{cursor:var(--cursor-hover)}.element-weapon img{width:32px;height:32px;display:block}.element-text{box-sizing:border-box;background:#0000008c;border:1px solid #8a7b55;border-radius:3px;padding:6px 8px;line-height:17px}.element-option{cursor:var(--cursor-hover);background:url(/flyff/ui/elements.png) 0 0/192px 24px no-repeat;border-radius:3px}.element-option.current{box-shadow:0 0 0 1px #d8c38a}.element-option.picked{box-shadow:0 0 0 2px #6ff,0 0 6px #6ff}.awake-slot.drop{box-shadow:0 0 0 2px #6ff}.awake-text{padding:4px 8px;line-height:14px;overflow:hidden}.awake-line{color:#c9a0ff}.awake-line.pickable{cursor:var(--cursor-hover)}.awake-line.pickable:hover{background:#c9a0ff26}.awake-line.second-group{border-top:1px solid #d8c38a59}.awake-line.picked{background:#66ffff2e;box-shadow:inset 0 0 0 1px #6ff}.piercing-caption{text-align:center;line-height:16px;position:absolute}.awake-hint{margin-top:3px;font-size:11px;line-height:13px}.awake-choice{background:#66ffff1a;margin:2px -4px;padding:3px;display:flex;box-shadow:inset 0 0 0 1px #6ff}.awake-choice-card{background:#00000059;flex:1;min-width:0;padding:1px 3px 3px 5px}.awake-choice-head{justify-content:space-between;align-items:center;height:22px;display:flex}.awake-choice-label{color:#d8c38a}.awake-choice-card .awake-line{height:28px;overflow:hidden}.awake-choice-card.new .awake-line{color:#fff;text-shadow:0 0 4px #c9a0ff,1px 1px #000}.awake-choice-arrow{color:#d8c38a;flex:none;justify-content:center;align-items:center;width:18px;font-size:10px;display:flex}.awake-choice-card.new{animation:.4s ease-out awake-roll}@keyframes awake-roll{0%{background:#ffffff4d}to{background:#00000059}}.tree-button.awake-button{flex:none;position:relative}.awake-count{text-align:center;color:#d8c38a;font-size:11px;position:absolute}.option-row{min-height:22px}.option-value{text-align:center;width:48px}.siege-report-banner{text-align:center;padding:4px 0 2px}.siege-report-winner{color:#ffd76a;text-shadow:0 0 8px #ffc85073;font-size:18px;font-weight:700}.siege-report-stats{text-align:center;grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.siege-report-stats>div{flex-direction:column;display:flex}.siege-report-stats b{color:#fff;font-size:14px}.siege-report-stats span{color:var(--muted,#aaa);font-size:10px}.siege-report-rewards{flex-wrap:wrap;align-items:center;gap:3px;margin-top:5px}.siege-report-awards{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:4px;display:grid}.siege-award{background:var(--panel);border:1px solid var(--line);text-align:center;text-overflow:ellipsis;border-radius:4px;padding:4px 3px;font-size:11px;overflow:hidden}.siege-award.mine{border-color:var(--gold);box-shadow:0 0 6px #ffd24a59}.siege-award-icon{font-size:16px;line-height:1.2}.siege-award-title{color:var(--gold);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.siege-report-table th.sortable{cursor:pointer}.siege-report-table th.sorted{color:#fff;text-decoration:underline}.siege-report-table tr.mine td{color:#fff;background:#ffd24a26}.rankings-scroll{scrollbar-width:thin;max-height:300px;overflow-y:auto}.rankings-table td{white-space:nowrap}.rankings-table tr.mine td{color:#fff;background:#ffd24a26}.rankings-me{border:1px solid var(--line);background:#ffd76a1a;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;display:flex}.rankings-classes{flex-wrap:wrap;gap:3px}.rankings-class{cursor:var(--cursor-hover);opacity:.6;border:1px solid #0000;border-radius:4px;padding:2px}.rankings-class.active{border-color:var(--gold);opacity:1;background:#ffd76a26}.bounty-text{color:#ff6a5a}.ranked-queue{white-space:nowrap;align-items:center;gap:8px;padding:4px 8px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.ranked-board{white-space:nowrap;align-items:center;gap:14px;padding:4px 12px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.ranked-side{align-items:center;gap:4px;display:flex}.ranked-clock{color:#fff;text-align:center;min-width:64px;font-size:15px;font-weight:700}.ranked-pip{border:1px solid var(--gold);background:#0006;border-radius:50%;width:10px;height:10px;display:inline-block}.ranked-pip.won{background:var(--gold);box-shadow:0 0 6px #ffd24ab3}.ranked-result{top:28%}.rankings-past{grid-template-columns:1fr 1fr;gap:12px;display:grid}.transmute{align-items:flex-start;gap:10px}.transmute-grid{scrollbar-width:thin;flex-wrap:wrap;gap:3px;max-height:180px;display:flex;overflow-y:auto}.transmute-grid .slot.picked{outline:2px solid var(--gold);box-shadow:0 0 6px #ffd24a99}.chips{color:#ff7a6a;font-weight:700}.spawner-body{gap:8px;display:flex}.spawner-items{flex:1;min-width:0}.spawner .tab{padding:2px 6px}.spawner .shop-grid{align-content:start;height:360px;max-height:none}.spawner .shop-item.picked{box-shadow:inset 0 0 0 1px var(--gold);background:#ffd76a4d}.spawner .shop-item .shop-name{text-overflow:ellipsis;overflow:hidden}.spawner-tag{color:#ff9c7a;font-size:10px}.spawner-targets{flex-direction:column;gap:4px;width:180px;display:flex}.spawner-list{contain:size;flex:1 1 0;min-height:0;max-height:none}.spawner-target{cursor:var(--cursor-hover);align-items:center;gap:5px;display:flex}.spawner-target:hover{background:#ffd76a26}.spawner-target.picked{color:var(--gold);background:#ffd76a4d}.spawner-target-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.spawner-footer{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}