@charset "UTF-8";.Rarity_Common{color:var(--color-common);--color: var(--color-common)}.Rarity_Uncommon{color:var(--color-uncommon);--color: var(--color-uncommon)}.Rarity_Rare{color:var(--color-rare);--color: var(--color-rare)}.Rarity_Unique{color:var(--color-unique);--color: var(--color-unique)}.Rarity_Epic{color:var(--color-epic);--color: var(--color-epic)}.ItemName{align-self:center}.Hovering{box-sizing:border-box;border-width:1px;border-radius:5px;border-color:transparent;border-style:solid;transition-duration:.1s;transition-timing-function:linear;transition-property:background-color,border-color,color}.Hovering:hover{background-color:#ffae001a;border-color:#ffd67e}.Bordered{border:1px solid rgba(255,255,255,.5);border-radius:5px;box-sizing:border-box}.Hovery,.FormDF input[type=text],.FormDF input[type=number],:is(input[type=text],input[type=number]).Hovery{border:1px solid transparent;border-radius:19px;transition-property:color,border-color,background-color;transition-duration:.1s;transition-timing-function:linear}.Hovery:hover,.FormDF input[type=text]:hover,.FormDF input[type=number]:hover,.Hovery:focus,.FormDF input[type=text]:focus,.FormDF input[type=number]:focus,:is(input[type=text],input[type=number]).Hovery:hover,:is(input[type=text],input[type=number]).Hovery:focus{border-color:#ffd67e}.FormDF{display:flex;align-items:center;justify-content:space-evenly;min-height:20px;padding-block:2px;padding-inline:2px;background-color:#0000004d;border-radius:20px}.FormDF input[type=text],.FormDF input[type=number]{text-align:center;font-size:1em;min-height:26px;box-sizing:border-box}.FormDF>.FormDFName{font-weight:400;text-align:center;flex-grow:1;font-size:.8rem;cursor:default;line-height:22px}.FormDF .FormDFValue{flex-grow:2}.FormDF input{padding:0!important}.FormDF input[type=number],.FormDF input[type=text]{border-radius:20px;background-color:#0000004d}.FormDF input[type=checkbox],.FormDF input[type=radio]{display:none}.FormDF .AttrItem{padding-block:0!important}.OneClickGroup button{font-size:.8rem;min-height:26px;box-sizing:border-box;border-radius:19px}.DisposableInput{background-color:#0000004d;display:flex;border-radius:30px;align-items:center;justify-content:center;max-height:30px}.DisposableInput input[type=number],.DisposableInput input[type=text]{font-size:.9rem;background-color:transparent;padding:0;flex-grow:1}.DisposableInput button{outline:none;border-radius:20px;width:20px;height:20px;padding:0;vertical-align:baseline;background-color:transparent}.DisposableInput:only-child button{display:none}.InputArea{display:flex;flex-direction:column;gap:2px}.SlotHeading{display:flex;color:var(--color);padding:2px}.RoundIcon,.SquareIcon{--frame-offset: calc(var(--icon-size) * 3 / 80);--frame-size: calc(var(--icon-size) + var(--frame-offset) * 2);user-select:none;position:relative;width:var(--frame-size);height:var(--frame-size)}.RoundIcon img.IconImage,.SquareIcon img.IconImage{display:block;position:relative;width:var(--icon-size);left:var(--frame-offset);top:var(--frame-offset)}.RoundIcon img.IconFrame,.SquareIcon img.IconFrame{display:block;position:absolute;width:var(--frame-size);top:0;left:0}.RoundIcon{clip-path:circle(50%)}.RoundIcon img.IconImage{border-radius:50%}.CrackIcon{--icon-size: 64px}label{-webkit-user-select:none;-ms-user-select:none;user-select:none}details>summary{list-style:none}details summary::-webkit-details-marker{display:none}#root{box-sizing:border-box;--icon-size: 64px;min-width:360px}.MainWrapper{margin-inline:auto}nav.Navigator{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;-ms-overflow-style:none;scrollbar-width:none}nav.Navigator::-webkit-scrollbar{display:none}@media (min-width: 1000px){.MainWrapper{display:grid;grid-template-columns:1fr 480px}}@media (max-width: 999px){nav.Navigator{overflow-x:scroll;flex-wrap:nowrap;align-items:normal;justify-content:unset}nav.Navigator>span.NavLink{white-space:nowrap}}.TonicGems{position:relative;min-height:400px}.TonicGems>*{position:absolute;transform:translate(-50%,-50%)}.TonicGems>*:nth-child(1){left:calc(50% + 0px);top:calc(50% - 120px)}.TonicGems>*:nth-child(2){left:calc(50% + 103.9230484541px);top:calc(50% - 60px)}.TonicGems>*:nth-child(3){left:calc(50% + 103.9230484541px);top:calc(50% + 60px)}.TonicGems>*:nth-child(4){left:calc(50% + 0px);top:calc(50% + 120px)}.TonicGems>*:nth-child(5){left:calc(50% - 103.9230484541px);top:calc(50% + 60px)}.TonicGems>*:nth-child(6){left:calc(50% - 103.9230484541px);top:calc(50% - 60px)}.TonicGems>*:nth-child(7){left:50%;top:50%}.TonicGems .TonicGem{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px}.TonicGems .TonicGem .GemImageWrapper{position:relative;display:block;width:64px;height:32px}.TonicGems .TonicGem .GemImageWrapper img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.75)}.TonicGems .TonicGem label{color:#fff;font-weight:bolder;text-shadow:black 0 3px 5px;white-space:nowrap}.TonicGems .TonicGem label,.TonicGems .TonicGem label~input{text-align:center;z-index:1}.TonicGems>*{transform:translate(-50%,-60%)!important}.Crack{position:relative;min-height:360px;--icon-size: 60px}.Crack>*{position:absolute;transform:translate(-50%,-50%)}.Crack>*:nth-child(1){left:calc(50% + 0px);top:calc(50% - 168px)}.Crack>*:nth-child(2){left:calc(50% + 159.7774947376px);top:calc(50% - 51.914855055px)}.Crack>*:nth-child(3){left:calc(50% + 98.7479223851px);top:calc(50% + 135.914855055px)}.Crack>*:nth-child(4){left:calc(50% - 98.7479223851px);top:calc(50% + 135.914855055px)}.Crack>*:nth-child(5){left:calc(50% - 159.7774947376px);top:calc(50% - 51.914855055px)}.Crack>*:nth-child(6){left:50%;top:50%}@media screen and (max-width: 999px){.Crack{min-height:300px}}.Crack .RoundIcon{position:absolute}.Crack>.RoundIcon:nth-child(6){--icon-size: 140px}.KeyName{-webkit-user-select:none;-ms-user-select:none;user-select:none}.Physc{--attr-value-color: rgb(255, 145, 0);--color: rgb(255, 145, 0);color:var(--color)}.Magic{--attr-value-color: rgb(92, 163, 255);--color: rgb(92, 163, 255);color:var(--color)}.Fire,.el_fire{--attr-value-color: rgb(253, 136, 113);--color: rgb(253, 136, 113);color:var(--color)}.Ice,.el_ice{--attr-value-color: rgb(84, 151, 252);--color: rgb(84, 151, 252);color:var(--color)}.Light,.el_lght{--attr-value-color: rgb(223, 246, 133);--color: rgb(223, 246, 133);color:var(--color)}.Dark,.el_dark{--attr-value-color: rgb(209, 165, 238);--color: rgb(209, 165, 238);color:var(--color)}.AttrItem{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;background-color:#0000004d;padding:.25rem .5rem;font-size:.9rem}.KeyName{font-weight:500;font-size:80%}.AttrValue{display:inline-flex;align-items:center;justify-content:center;color:var(--attr-value-color, white);font-weight:900}img.AttrIcon{height:1.2rem;mix-blend-mode:screen}.MyStat{position:sticky;top:calc(45px + 1rem)}.MyStat .InputGroup label{flex-basis:50px}.MyStat input[type=text],.MyStat input[type=number]{width:50px;flex-shrink:1;text-align:center;height:20px}.MyStat .DisposableInput input[type=number]{background-color:transparent}.MyStat .AttrItem{display:flex;flex-direction:row;align-items:center;justify-content:center;border:0;padding:2px;font-size:1rem;min-height:26px}.MyStat .AttrItem.Vertical{flex-direction:column}.MyStat .AttrItem.Horizontal{flex-direction:row}.MyStat .AttrItem .KeyName{text-align:center;flex-basis:30px;flex-grow:1}.MyStat .AttrItem .AttrValue{flex:5}.MyStat .SkillInc .KeyName{flex-basis:content;width:50px}.MyStat .Pure{color:var(--attr-value-color);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;font-size:.6rem;font-weight:400;opacity:.6}.Result{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;border:0;padding:2px;font-size:1rem;min-height:26px}.Result .AttrValue{font-size:1.2rem}.SkillTestOne{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}@media (max-width: 999px){.SkillTestOne{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}.SkillTestOne .SkillOneAttack{grid-column:1/-1}}.SkillOneAttack .InputGroup input{width:60px!important}.SkillOneAttack>.SkillName{grid-column:1/3;justify-self:stretch;text-align:left}.SkillOneAttack>.SkillUsesInc{grid-column:1/3}.Emblem .EmblemLevel{-webkit-user-select:none;-ms-user-select:none;user-select:none}.Emblem{--icon-size: var(--emblem-size, 30px)}.Emblem .EmblemLevel{position:absolute;right:.25rem;bottom:0;width:var(--frame-size);text-align:right;z-index:2;color:#fff;font-weight:900;text-shadow:0px 3px 6px black,0px 3px 5px black,0px 2px 4px black,0px 1px 3px black}.ItemIcon{--icon-size: var(--item-size, 64px) !important}.Card,.Artifact,.Spell{--icon-size: var(--card-size, 30px) !important}@media screen and (max-width: 999px){.Equips .Emblem{--emblem-size: 21px}.Equips .Emblem .EmblemLevel{font-size:.75rem}.ItemIcon{--icon-size: var(--item-size, 52px) !important}.Card{--icon-size: var(--card-size, 30px) !important}}.Equips .ItemName:hover{cursor:pointer;text-decoration:underline}.EquipSlot .ItemIcon{--item-size: 64px}.EquipSlot .Card{--card-size: 36px}@media screen and (max-width: 999px){.EquipSlot .ItemIcon{--item-size: 52px}.EquipSlot .SquareIcon.Card{--card-size: 21px}}.AlwaysEquipPartLayout{display:grid;grid-template-areas:"im nm mgp" "im xt mgp" "op op op";grid-template-rows:auto auto auto;grid-template-columns:auto 1fr auto}.AlwaysEquipPartLayout .SquareIcon{grid-area:im}.AlwaysEquipPartLayout .SquareIcon.Card{--card-size: 36px}.AlwaysEquipPartLayout .SlotHeading{grid-area:nm}.AlwaysEquipPartLayout .PartAddons{grid-area:xt;align-self:end;display:flex;align-items:flex-end;flex-wrap:wrap}@media screen and (min-width: 1000px){.EquipPartLayout{display:grid;grid-template-areas:"im nm mgp" "im xt mgp";grid-template-rows:auto auto auto;grid-template-columns:auto 1fr auto}.EquipPartLayout .SquareIcon{grid-area:im}.EquipPartLayout .SlotHeading{grid-area:nm}.EquipPartLayout .PartAddons{grid-area:xt;align-self:end;display:flex;align-items:flex-end;flex-wrap:wrap}}@media screen and (max-width: 999px){.Equips .EquipPartLayout{display:flex;flex-direction:column;align-items:center;justify-content:center}.Equips .PartAddons{display:flex;align-items:flex-end;flex-direction:row}}.EquipBatchLayout{display:grid;grid-template-columns:1fr 1fr;gap:2px}@media screen and (max-width: 999px){.EquipBatchLayout{display:flex;flex-direction:column;bottom:0}}.EquipUpgradeValue{display:flex;align-items:center;font-weight:700;color:var(--color-epic)}.EquipUpgradeValue input{width:2rem!important;text-align:left;font-size:.8rem;font-weight:900;background-color:transparent}.DF_Title .DF_Titles{display:flex}.DF_Title .DF_Titles .EquipPartLayout{flex-grow:1}.CondContainerName{text-align:center;font-weight:800;color:#fff;margin-block:.5rem}.ReactModal__Body--open{overflow:hidden}.ReactModal__Overlay{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;right:0;bottom:0;background-color:#00000040;z-index:6}.ReactModal__Content{outline:none;background-color:var(--modal-back);height:60vh;position:relative;overflow:hidden;-webkit-overflow-scrolling:touch;border-radius:4px;padding:20px;text-align:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.ReactModal__Content h3{margin-top:0;margin-bottom:.5rem}.ReactModal__Content .CloseModalButton{position:absolute;top:1rem;right:1rem;padding:.5rem;z-index:4}.ReactModal__Content .CurrentPartItem{width:300px;margin:auto}.ReactModal__Content .EmblemLevelInput{width:2rem;font-size:1.5rem;font-weight:900;text-align:center}.ReactModal__Content .CrackIcon{--icon-size: 48px}.ModalMenuScrollable{overflow-y:scroll;margin:auto;max-width:80vw;height:40vh}.ItemSelectArray{display:flex;flex-wrap:wrap;flex-direction:row;margin:auto}.ItemShotgunArray{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;flex-wrap:wrap;gap:.1rem}.ItemSelectArray:empty,.ItemShotgunArray:empty{display:block;margin-top:1rem;text-align:center}.ItemSelectArray:empty:before,.ItemShotgunArray:empty:before{content:"결과 없음"}.EmblemSelectArray{display:grid;grid-template-columns:repeat(4,1fr);justify-items:stretch;grid-auto-rows:1fr}.EmblemSelectArray .ModalEmblemSelect{display:flex;align-items:center;justify-content:center}.EmblemSelectArray .ModalEmblemSelect .RoundIcon.Emblem{--emblem-size: 60px}@media (min-width: 1000px){.ReactModal__Content .ModalItemSelect{position:relative}.ReactModal__Content .ModalItemSelect .ItemNameResponsive{display:none}.ReactModal__Content .ModalItemSelect:hover .ItemNameResponsive{display:inline;position:absolute;padding:1rem;background-color:#000c;z-index:4;left:0;top:100%;white-space:nowrap;border-radius:4px;pointer-events:none}}@media (max-width: 999px){.ReactModal__Content{height:80vh;padding:10px}.ReactModal__Content .ModalMenuScrollable{height:60vh}.ReactModal__Content .ModalItemSelect{display:flex}.ReactModal__Content .ModalItemSelect .ItemNameResponsive{display:block}.ItemSelectArray{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;align-content:center;justify-content:center}.ItemSelectArray,.ItemShotgunArray{--item-size: 36px;font-size:.8rem}}