@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";.app{display:flex;flex-direction:column;align-items:center;margin:0 auto 20px;min-width:1300px;background-color:#050505;border:2px solid rgba(255,255,255,.1882352941);outline:1px solid #f1cb58;border-radius:4px;padding:30px}#tab-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;gap:1px}#tab-container button.tab-button{background-color:#5b533f;color:#999278;border:1px solid #736a54;border-radius:5px 5px 0 0;box-shadow:0 0 5px #050505;margin-bottom:2px;padding:5px 10px;flex-grow:1;text-align:left;position:relative;height:100%;width:100%}#tab-container button.tab-button .tab-button-border{position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% + -0px)}#tab-container button.tab-button.active{color:inherit;background:linear-gradient(180deg,#ffffff4d,#050505 31%);border:none}#tab-container button.tab-button.active .tab-button-border{border-radius:5px 5px 0 0;border:1px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.3) 40%,transparent 95%) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}#tab-container button.tab-button:hover{cursor:pointer}#tab-container button.tab-button:hover:not(.active){opacity:.8}#build-header{display:flex;width:100%;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:30px}#build-header #build-share{display:flex;flex-direction:column}#build-header #build-stats{display:flex;align-items:center;justify-content:center;gap:5px;flex-grow:1}#build-header #build-stats .stat-block{display:flex;flex-direction:column;gap:5px}#build-header #build-stats .stat-block i{font-size:12px;margin-top:-5px}#build-header #build-stats .stat-block .stat-row{display:flex;justify-content:space-between;gap:5px}#equipment{display:flex;justify-content:space-between;gap:30px;width:100%}.player-model{height:400px;position:relative}.player-model:hover{cursor:grab}.player-model:active{cursor:grabbing}.player-model i#model-info{opacity:.3;font-weight:200;position:absolute;width:100%;text-align:center;top:0;text-shadow:0 0 5px black;pointer-events:none}.item-edit{width:100%;white-space:pre-wrap;overflow-y:auto}.item-edit #edit-header{display:flex;align-items:center;gap:15px;font-size:20px}.item-edit #edit-piercing{display:flex;gap:5px}.inventory{-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;gap:30px;height:fit-content}.inventory #inventory-side{display:flex;flex-direction:column;gap:5px}.inventory #inventory-middle{display:flex;flex-direction:column;align-items:center;position:relative;gap:10px}.inventory #inventory-middle #inventory-model{display:flex;justify-content:center;align-items:center}.inventory #inventory-middle #inventory-side{flex-direction:row}.inventory #inventory-middle img#flyff-logo{width:50%;position:absolute;top:128px}.slot{display:flex;align-items:center;justify-content:center;position:relative}.slot #slot-rarity-corner{position:absolute;margin:2px;top:0;right:0}.slot img#placeholder{width:60px;border-radius:4px;border:1px solid #2c2a20;position:absolute}.slot img#slot-content{image-rendering:pixelated}.slot.slot-editable:hover{opacity:.8;cursor:pointer}.slot.slot-disabled img#slot-content{opacity:.5}.slot.slot-equipment{width:64px;height:64px;border-radius:4px;border:1px solid #514b3a}.slot.slot-equipment img#slot-content{z-index:1;width:48px}.slot.slot-equipment #slot-rarity-corner{width:16px;height:16px}.slot.slot-item{width:34px;height:34px;background-color:#121212;border:1px solid #2f291d;box-shadow:inset 0 0 10px #000}.slot.slot-item img#slot-content{width:32px}.slot.slot-item #slot-rarity-corner{width:10px;height:10px}.slot.slot-skill{width:34px;height:34px}.slot.slot-skill img#slot-content{width:32px}.flyff-pet-tier{position:relative}.flyff-pet-tier img{width:34px;height:34px}.flyff-pet-tier img#pet-tier{z-index:0}.flyff-pet-tier img#pet-level{left:0;top:0;z-index:1;position:absolute;opacity:.65}.flyff-pet-tier:hover:not(.disabled){cursor:pointer}.flyff-pet-tier:hover:not(.disabled) img{opacity:.9}.flyff-pet-tier #level-select{position:absolute;z-index:5;display:flex;padding:5px;gap:5px;background-color:#0d0d0d;border:1px solid #f1cb58;border-radius:4px;left:50%;transform:translate(-50%);margin-top:15px;cursor:pointer}.flyff-pet-tier #level-select:after{content:"";position:absolute;top:0;left:50%;width:0;height:0;border:8px solid transparent;border-bottom-color:#f1cb58;border-top:0;margin-left:-8px;margin-top:-8px;z-index:2}.pet-edit{background-color:#050505;border:2px solid rgba(255,255,255,.1882352941);outline:1px solid #f1cb58;box-shadow:0 0 15px #000;border-radius:4px;margin:1px}.pet-edit .window-content{padding:8px}.pet-edit #base-container{display:flex;gap:10px}.pet-edit #base-container #image-container{display:flex;justify-content:center;align-items:center;width:130px;height:130px;padding:0;border:1px solid #a190ac;border-radius:5px}.pet-edit #base-container #image-container img{height:50px}.pet-edit #base-container #stats-container{flex:1}.pet-edit #base-container #stats-container .stat-group{display:flex}.pet-edit #base-container #stats-container .stat-group span.stat-title{color:#f1cb58}.pet-edit #base-container #stats-container .stat-group span.stat-value{color:#81b4e2;flex:1;text-align:center}.pet-edit #level-container{position:relative;display:flex;width:fit-content;margin:0 auto;border:1px solid rgba(255,255,255,.1882352941);outline:1px solid #f1cb58}.pet-edit #level-container img{display:block}.tooltip{position:fixed;max-width:250px;line-height:1.3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000bf;outline:1px solid #f6cc4d;border:2px solid rgba(94,94,94,.8274509804);box-shadow:0 0 10px #000;border-radius:3px;padding:5px;z-index:9999;white-space:pre-wrap}#calculations{display:flex;justify-content:start;gap:20px;width:100%}#experience{display:flex;flex-direction:column;width:100%}#experience img#monster-icon{width:128px;height:128px;object-fit:contain;padding:4px;background-color:#121212;border:1px solid #2f291d;box-shadow:inset 0 0 36px #000}#experience #target-select{display:flex;gap:20px}#experience #team-setup{display:flex;flex-direction:column;width:100%;padding:5px}#experience .teammate{display:flex;flex-direction:column;gap:5px}#experience .teammate h4{margin:0}#experience .teammate input[type=text]{margin-left:10px;font-style:italic}#experience .teammate hr{margin:20px 0}#basic-stats{flex-grow:1;display:flex;flex-direction:column;gap:5px;overflow-y:auto;overflow-x:hidden;min-width:260px}.basic-stat{display:flex;gap:5px;justify-content:space-between;background-color:#00000020;border-radius:3px;padding:3px 12px;min-width:100px}.basic-stat:hover{background-color:#00000050}.basic-stat .basic-value{text-align:right;flex-grow:1;font-weight:700;min-width:50px}.basic-stat a{display:flex}#extra-stats{flex-grow:4}#extra-stats #target-select{display:flex;background-color:#00000020;border-radius:3px;margin-bottom:20px}#extra-stats #target-select #target-options{flex-grow:1}#extra-stats #target-select #target-information{flex-grow:2;display:flex;gap:5px;flex-direction:row}#extra-stats #target-select #target-information #target-name{font-size:18px;font-weight:400}.category-header{display:flex;justify-content:start;align-items:center;gap:15px}.category-header h3{margin:15px 0}.category-header img{display:flex}.spinner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:center;align-items:center;pointer-events:none;background-color:#00000080}.spinner{width:48px;height:48px;border:6px solid rgba(0,0,0,.1);border-top:6px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.charts{display:grid;grid-template-columns:max-content max-content max-content;column-gap:10px;row-gap:10px;position:relative;padding:5px 2px}.chart-container{position:relative;display:flex;flex-direction:column;width:300px;border:2px solid rgba(241,203,88,.3137254902);outline:1px solid #f1cb58;border-radius:3px;padding:3px 12px}.chart-container.bar{width:100%;margin-left:auto;margin-right:auto;margin-top:20px}.chart-container .chart-title{display:flex;justify-content:space-between;gap:5px}.chart-container .chart-title img.chart-icon{width:24px;height:24px}.chart-container .chart-title span{flex-grow:1}.chart-container .chart-title a{display:flex}.chart-container .heal-value-stat{height:100%;display:inline-flex;justify-content:center;align-items:center;font-size:35px;color:#29efc6;text-shadow:0px 0px 3px #004a4a}.placeholder-stat{display:inline-flex;justify-content:center;align-items:center;width:300px;padding:20px;text-align:center;font-style:italic;opacity:.8;font-weight:300}#skills{display:flex;justify-content:start;gap:20px;width:100%;flex-wrap:wrap}.skill-tree{position:relative;display:flex;width:100%;justify-content:space-between;gap:30px}.skill-tree #skill-tree-base{position:relative;display:flex}.skill-tree #skill-tree-base #skill-points{display:flex;justify-content:space-between;align-items:center}.skill-tree #edit-skill{display:flex;flex-grow:1;justify-content:center}.skill-tree-icon{position:absolute;opacity:.5}.skill-tree-icon.disabled{opacity:0}.skill-tree-icon.active{opacity:1}.skill-tree-icon:hover:not(.disabled){opacity:1}.skill-tree-icon #skill-level{position:absolute;width:100%;left:0;text-align:center;bottom:5px;color:#fff;font-weight:500;-webkit-text-stroke:5px #f34925;text-shadow:0 0 3px white;paint-order:stroke fill;user-select:none;-webkit-user-select:none}.skill-tree-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.buffs .buffs-header{display:flex;justify-content:space-between;align-items:center}.buffs .buffs-header button{margin-left:2rem}.buffs .buffs-header h3{margin:1rem 0}.buffs .buffs-container{display:grid;grid-template-columns:auto auto auto auto auto;row-gap:10px;column-gap:10px}.buffs .housing-npcs-header{display:flex;justify-content:space-between;align-items:center}.buffs .housing-npcs-header h3{margin-bottom:0rem}.buffs .housing-npcs-header button{margin-left:2rem}.buffs hr{margin:1rem 0}*,*:before,*:after{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;box-sizing:border-box}:root{font-family:Noto Sans,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#0d0d0d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#f1cb58}a:visited{color:#726953}hr{width:100%;height:0px;border:1px solid rgba(255,255,255,.1882352941)}#root{display:flex;flex-direction:column;min-height:100vh}.header{background-color:#141414;display:flex;align-items:center;gap:.4rem;padding:.4rem;margin-bottom:20px;z-index:1000;border-bottom:1px solid #202020}.header img{width:48px}.header h2{margin:0;font-weight:500}footer{display:flex;align-items:center;z-index:5;margin-top:auto;justify-content:center;padding:30px 0;background-color:#141414;border-top:1px solid #202020}footer .footer-wrapper{display:flex;align-items:flex-start;justify-content:space-evenly;height:100%;width:60%}footer .footer-wrapper h2{display:inline-block;margin:0}footer .footer-wrapper .footer-info{display:flex;flex-direction:column}footer .footer-wrapper .footer-info .footer-logo{display:flex;align-items:center}footer .footer-wrapper .footer-info .footer-logo img{width:84px}body{margin:0}.column{display:flex;flex-direction:column;justify-content:center;gap:5px}.row{display:flex;gap:5px;align-items:center}.grid{display:grid;grid-template-columns:33% 33% 33%;column-gap:10px}.grid.four{grid-template-columns:25% 25% 25% 25%}input[type=text],input[type=number]{background-color:#020202;border:1px solid #726953;border-radius:3px;padding:3px;color:inherit}input[type=text]:focus-visible,input[type=number]:focus-visible{outline:none}input[type=text]#search-field,input[type=number]#search-field{padding:15px}input[type=text]:disabled,input[type=number]:disabled{filter:grayscale(1)}input[type=radio],input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#020202;background:linear-gradient(-45deg,#ffffff80,#020202 40%);margin:3px 5px 0;font:inherit;width:13px;height:13px;outline:1px solid #726953;border:1px solid #020202;border-radius:2px}input[type=radio]:before,input[type=checkbox]:before{content:"";display:block;width:11px;height:11px;opacity:0;transition:.1s opacity ease-in-out;background-image:url(/flyff-check.png);background-size:contain}input[type=radio]:hover,input[type=checkbox]:hover{cursor:pointer}input[type=radio]:checked,input[type=checkbox]:checked{background:#020202}input[type=radio]:checked:before,input[type=checkbox]:checked:before{opacity:1}input[type=radio]{border-radius:50%}input:hover{outline:1px solid #f1cb58}img.info-icon{width:16px;opacity:.6}img.info-icon:hover{opacity:1}.flyff-dropdown{background:#020202;border:1px solid #726953;border-radius:3px;padding:3px 6px;font-weight:600;-webkit-user-select:none;user-select:none;position:relative;box-shadow:0 0 5px #000;width:fit-content}.flyff-dropdown:hover{cursor:pointer;outline:1px solid #f1cb58}.flyff-dropdown .flyff-dropdown-arrow{display:flex;align-items:center;justify-content:space-between;color:#f1cb58;gap:40px}.flyff-dropdown .flyff-dropdown-arrow img{width:13px;border:1px solid #726953;border-radius:3px;padding:1px;background:linear-gradient(160deg,#ffffff80,#0000 50%)}.flyff-dropdown .flyff-dropdown-options{position:absolute;background-color:#020202;border:1px solid #726953;border-radius:3px;left:0;right:0;max-height:250px;overflow-y:scroll;z-index:1000}.flyff-dropdown .flyff-dropdown-options option{display:contents;font-weight:400;padding-block-start:0px;padding-block-end:1px;min-block-size:1.2em;padding-inline:2px;white-space:nowrap}.flyff-dropdown .flyff-dropdown-options option:hover{color:#f1cb58;cursor:pointer}button.flyff-close-button{position:absolute;z-index:2;top:-8px;left:-8px;margin:5px;font-weight:700;color:#000;background:radial-gradient(circle,#e7be42,#e7be42 40%,#f6df9c 59%,#e7be42 95%);border-radius:50%;outline:1px solid #dfac16;border:1px solid black;text-shadow:0px 0px 5px rgba(0,0,0,.171);display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;box-shadow:0 0 15px #000;opacity:.8}button.flyff-close-button.right{right:0;left:auto;top:0}button.flyff-close-button img{width:10px;filter:brightness(0)}button.flyff-close-button:hover{opacity:1;cursor:pointer}button.flyff-close-button:active:not(:disabled){box-shadow:inset 0 0 2px #000;color:#000}button.flyff-button{padding:3px 25px;border-radius:5px;background:linear-gradient(180deg,#ffecc2,#ecca74 48%,#e6bf5f 51%,#e6bf5f 78%,#ffecc2);border:2px solid black;outline:1px solid rgba(241,203,88,.3137254902);transition:.2s;font-weight:600;text-shadow:0 0 2px white;color:#000;-webkit-user-select:none;user-select:none}button.flyff-button.icon{width:100%;padding:0}button.flyff-button.icon img{width:10px;filter:brightness(0)}button.flyff-button.small{padding:0;width:20px;height:20px}button.flyff-button:hover:not(:disabled){box-shadow:inset 0 0 25px #f5ebbd;color:#3d3d3d;cursor:pointer}button.flyff-button:active:not(:disabled){box-shadow:inset 0 0 10px #000;color:#000}button.flyff-button:disabled{filter:grayscale(.8) brightness(.5)}.flyff-range{display:flex;justify-content:start;align-items:center;gap:5px;color:#f1cb58}.flyff-range input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid #726953;border-radius:15px;cursor:pointer;-webkit-user-select:none;user-select:none;height:4px;background-color:#020202}.flyff-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f1cb58;border-radius:15px;height:14px;width:4px;transform:translateY(0)}.flyff-range input[type=range]::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#f1cb58;border:none;border-radius:15px;height:14px;width:4px;transform:translateY(0)}.flyff-range input[type=range]:disabled{filter:grayscale(1)}.window-title{text-align:center;padding:0;font-weight:400;text-shadow:0 0px 3px black,0 0 3px black,0 0 3px black,0 0 10px black;box-shadow:inset 0 4px #ffffff30;line-height:18px;border-radius:4px;background:linear-gradient(145deg,#ffffff50,#0000 4%),linear-gradient(215deg,#ffffff50,#0000 4%)}.window-content{padding:20px;display:flex;flex-direction:column;outline:1px solid rgba(255,255,255,.1882352941);border-radius:4px}#import-menu .window-content{gap:10px;align-items:center;justify-content:center}#import-menu .window-content #search-field{width:100%;font-family:Courier New,Courier,monospace}#import-menu #import-error{font-style:italic;color:red}#import-menu #import-name{color:#0f0}.search-modal{position:fixed;background-color:#000b;width:100%;height:100%;z-index:2000;top:0;left:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.search-modal #search-box{background-color:#050505;border:2px solid rgba(255,255,255,.1882352941);outline:1px solid #f1cb58;box-shadow:0 0 15px #000;width:25%;margin-left:auto;margin-right:auto;margin-top:10rem;border-radius:4px}.search-modal #search-box #search-results{max-height:500px;overflow-y:auto;margin-top:1rem}.search-modal #search-box #search-results #search-result{display:flex;justify-content:start;align-items:center;gap:10px;padding:5px}.search-modal #search-box #search-results #search-result:hover,.search-modal #search-box #search-results #search-result:focus{cursor:pointer;background-color:#0d0d0d;outline:none}.rainbow-background{border-radius:3px;background:linear-gradient(red,orange,#ff0,green,#00f,indigo 75%,violet) 0 0/100% 200%;animation:scroll 3s linear infinite}.rainbow-image{filter:drop-shadow(0 0 1.5px white);animation:rainbow 3s linear infinite}@keyframes rainbow{0%{filter:drop-shadow(0 0 1.5px white)}15%{filter:drop-shadow(0 0 1.5px red)}30%{filter:drop-shadow(0 0 1.5px yellow)}45%{filter:drop-shadow(0 0 1.5px green)}60%{filter:drop-shadow(0 0 1.5px blue)}75%{filter:drop-shadow(0 0 1.5px indigo)}90%{filter:drop-shadow(0 0 1.5px violet)}to{filter:drop-shadow(0 0 1.5px white)}}@keyframes scroll{to{background-position:0 -200%}}