:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:8px;width:8px}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;overflow:hidden;position:relative}.alpha-flag{position:fixed;top:0;left:-50px;width:150px;height:40px;background:red;color:#fff;font-size:14px;font-weight:700;text-align:center;line-height:40px;text-transform:uppercase;transform:rotate(-45deg) translate(00px,-35px);transform-origin:top right;z-index:9999;pointer-events:none}#app{height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;background-image:url(/classic-bg.webp);background-size:cover}.game-background{position:absolute;background-size:cover;top:0;left:0;width:100%;height:100%}canvas{position:absolute;top:0;left:0;z-index:1}.start-screen{width:500px;height:300px;background:#000;z-index:100;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.start-screen .title{margin-top:1rem}.start-screen .title .znn-productions{display:block;font-weight:700;text-align:center;text-decoration:none}.start-screen .title .presents{position:relative;display:flex;justify-content:center}.start-screen .title .presents .line{position:absolute;border-top:1px solid white;top:12px;left:0;width:100%;z-index:0}.start-screen .title .presents>span{position:relative;display:inline-block;background:#000;z-index:5;padding:0rem .5rem}.start-screen .title h1{margin-top:0}.start-content{flex-grow:1}.start-button{margin-bottom:2rem}.wow-button{color:gold;font-size:18px;font-weight:700;text-shadow:2px 2px 2px black;border:2px solid black;padding:8px 20px;border-radius:5px;background:linear-gradient(to bottom,#8b0000,#5a0000);box-shadow:inset 2px 2px 4px #fff3,inset -2px -2px 4px #0009,2px 2px 4px #000c;cursor:pointer;outline:none;transition:transform .1s ease,box-shadow .1s ease}.wow-button.blue{background:linear-gradient(to bottom,#0645ab,#1021bc)}.wow-button.purple{background:linear-gradient(to bottom,#8000ff,indigo)}.wow-button:hover{cursor:pointer;filter:brightness(1.2)}.wow-button:active{transform:scale(.95);box-shadow:inset 2px 2px 4px #000c}.wow-button:disabled{background:linear-gradient(to bottom,#3c3c3c,#1d1d1d)!important;cursor:default!important;color:#bbb!important}.wow-button:disabled:hover{filter:none}.wow-button:disabled:active{transform:none;box-shadow:inset 2px 2px 4px #fff3,inset -2px -2px 4px #0009,2px 2px 4px #000c}.start-screen .footer{width:100%;display:flex;justify-content:space-between}.start-screen .footer a{text-decoration:none}.start-screen .footer a:hover{text-decoration:underline}a{color:#fff}.prestart-screen{background:#000;border-radius:15px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;width:900px}.prestart-screen .prestart-content{flex-grow:1;display:flex;margin-bottom:1rem;width:100%;gap:2rem}.prestart-screen .prestart-content>div>h3{margin-top:0;margin-bottom:.5rem}.prestart-screen .equipment-container{flex-grow:1;display:flex;flex-direction:column}.prestart-screen .equipment-content{flex-grow:1;display:flex;gap:.5rem}.prestart-screen .slot-container{display:flex;flex-direction:column;gap:.5rem}.prestart-screen .gear-slot{display:flex;flex-direction:column;align-items:center;padding:.25rem;border-radius:5px;cursor:pointer}.prestart-screen .gear-slot.selected>.slot-display{border:2px solid white}.prestart-screen .gear-slot span{font-size:.7rem;text-transform:uppercase}.prestart-screen .gear-slot .slot-display{width:60px;height:60px;border-radius:6px;background:#222;position:relative}.prestart-screen .gear-slot .slot-display img{object-fit:contain;width:100%;border-radius:6px}.prestart-screen .gearlist-container{flex-grow:1}.prestart-screen .bank-container{flex-grow:1;background:#1c1c1c;border-radius:6px;padding:1rem;overflow:hidden;display:flex;flex-direction:column;gap:.5rem}.prestart-screen .bank-container h3{margin-top:0;margin-bottom:0}.prestart-screen .bank-container .bank-list-wrapper{flex-grow:1;overflow-y:scroll}.prestart-screen .bank-container .bank-list{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;justify-content:flex-start}.prestart-screen .bank-container .enchant-options{display:flex;gap:1rem;margin-top:.5rem;justify-content:center}.prestart-content .bank-container .enchant-options button{flex-grow:1;width:50%}.prestart-screen .bank-item{width:60px;height:60px;border:2px solid #3c3c3c;border-radius:6px;flex-grow:0;position:relative;cursor:pointer}.bank-item.uncommon{border:2px solid #25ab29}.bank-item.rare{border:2px solid #60a2ffde}.bank-item.epic{border:2px solid #962db0}.prestart-screen .bank-item img{object-fit:contain;width:100%;border-radius:6px}.prestart-screen .bank-item.equipped{border:4px solid #e8c500}.item-enchant-icon{position:absolute;left:2px;top:2px;width:16px;height:16px}.item-enchant-icon>img{width:100%;height:100%;object-fit:contain;border-radius:100%}.prestart-screen .modifiers-container{max-width:250px;min-width:250px;flex-grow:0;display:flex;flex-direction:column}.prestart-screen .modifiers-list{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.prestart-screen .modifiers-list .modifier{flex-grow:1;width:100%;border:1px solid #3c3c3c;border-radius:6px;padding:1rem;cursor:pointer;position:relative}.prestart-screen .modifiers-list .modifier.selected{box-shadow:inset 0 0 30px #ba0000}.prestart-screen .modifier h4{margin:0;margin-bottom:.5rem}.prestart-screen .modifier p{margin:0;padding:0}.prestart-screen .modifier button{margin:0;padding:0;position:absolute;top:10px;right:10px;background:none;outline:none;border:none;cursor:pointer}.prestart-screen .prestart-footer{width:100%;display:flex;justify-content:space-between;align-items:center}.prestart-screen .export-import-buttons>button{background:none;outline:none;border:none;font-size:2rem;cursor:pointer}.prestart-screen .start-button-container{flex-grow:1;display:flex;justify-content:center}.prestart-screen .start-button-container>button{width:250px}.rarity-color.normal{color:#fff}.rarity-color.uncommon{color:#25ab29}.rarity-color.rare{color:#60a2ffde}.rarity-color.epic{color:#962db0}.rarity-color.legendary{color:#e66400}.item-tooltip h4{margin-top:0;margin-bottom:.25rem}.item-tooltip .stat-list{display:flex;flex-direction:column;gap:.1rem}.item-tooltip p{margin-top:0;margin-bottom:0}.item-tooltip .enchant-info{margin-top:.3rem}.item-tooltip .enchant-info .enchant-label{color:#01ae35}.item-tooltip .enchant-info .enchant-detail{font-weight:700}.item-drop-window{background:#342f2a;background:linear-gradient(to bottom,#1f1d1c,#181615);outline:2px solid rgb(150,150,150);border-radius:15px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;width:700px;gap:1rem}.item-drop-window h2{margin-top:0;margin-bottom:.5rem}.item-drop-window .drop-container{display:flex;gap:1rem}.item-drop-window .drop-container img{border-radius:6px;outline:2px solid rgb(150,150,150)}.item-drop-window .button-container{display:flex;gap:1rem}.ability-select-window{position:relative;background:#342f2a;background:linear-gradient(to bottom,#1f1d1c,#181615);outline:2px solid rgb(150,150,150);border-radius:15px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;width:700px}.ability-select-window h1{margin-top:0}.ability-select-window .upgrade-reroll-button{width:200px;background:linear-gradient(to bottom,#0645ab,#1021bc);color:gold;font-size:18px;font-weight:700;text-shadow:2px 2px 2px black;border:2px solid black;padding:8px 20px;border-radius:5px;box-shadow:inset 2px 2px 4px #fff3,inset -2px -2px 4px #0009,2px 2px 4px #000c;cursor:pointer;outline:none;transition:transform .1s ease,box-shadow .1s ease}.ability-choice-container{display:flex;width:100%;justify-content:space-evenly;height:500px}.ability-select-choice{width:220px;padding:1rem;text-align:center;display:flex;flex-direction:column}.ability-select-choice h2{margin-top:0;margin-bottom:.5rem;font-size:1.2rem;min-height:60px}.ability-select-choice h2.normal{color:#fff}.ability-select-choice h2.uncommon{color:#009e05}.ability-select-choice h2.rare{color:#2568c4}.ability-select-choice h2.epic{color:#960692}.ability-select-choice h2.legendary{color:#e66400}.ability-select-choice img{margin-bottom:.5rem;border-radius:20px}.ability-select-choice p{margin-top:0;flex-grow:1}.ability-select-choice p.long{font-size:.9rem}.ability-select-choice .ability-choice-damage-info{font-size:.9rem;margin-bottom:.5rem;display:flex;gap:.3rem;justify-content:center;font-weight:700;font-style:italic}.ability-select-choice button{background:linear-gradient(to bottom,#008b09,#005a18)}.ability-select-choice button.banish{background:linear-gradient(to bottom,#8b0000,#5a0000)}.ability-select-window .banish-button{position:absolute;height:50px;width:50px;top:15px;left:15px;color:#fff;text-shadow:#1d1d1d 0px 0px 5px;font-size:38px;font-weight:700;outline:none;border:none;border-radius:5px}.ability-select-window .banish-button:disabled:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#7171719e}.ability-select-window .banish-button.active{box-shadow:inset 0 0 10px #ba0000}.ability-select-window .ability-select-close-button{position:absolute;top:15px;right:15px;outline:none;border:none;height:28px;width:28px;border-radius:5px;color:#dbc114;font-weight:700;padding:0}.menu{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;justify-content:center;align-items:center;background:#0009}.menu.show{display:flex}.menu .menu-container{width:500px;min-height:100px;background:#000;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1rem;gap:1rem;border-radius:1rem}.menu h1{margin-top:0;margin-bottom:.5rem;text-align:center}.menu .option{width:100%;display:flex;gap:1rem}.menu .option label{width:150px;text-align:right}.menu .option input{flex-grow:1}.menu .option input.directional-blink{flex-grow:0;width:20px}.menu button{width:200px;padding:.2rem 2rem}.version{position:absolute;bottom:2px;left:7px;z-index:10000;color:#fff;font-weight:700;font-size:.7rem}.version.outdated{color:red;font:.8}.addons-window-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2000}.addons-window{position:relative;background:#000;width:500px;min-height:400px}.addons-window header{display:flex;height:30px;justify-content:center;align-items:center;padding:.25rem;background:linear-gradient(0deg,#555,#3d3d3d,#717171)}.addons-window header button{position:absolute;top:0;right:2px;background:#5a0000;height:28px;width:28px;border-radius:5px}.addons-window header button:after{content:"X";font-weight:700;color:#dbc114}.addons-window header h3{margin-top:0rem;margin-bottom:0rem;color:#dbc114}.addons-window .list{padding:1rem}.addons-window .list .addon{display:flex;gap:1rem}.addons-window .list .addon input{width:20px}.addons-window .list .addon span{color:#dbc114;font-weight:700}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:99}.modal-content{position:absolute;background:#342f2a;background:linear-gradient(to bottom,#1f1d1c,#181615);outline:2px solid rgb(150,150,150);border-radius:15px;display:flex;flex-direction:column;z-index:100;width:fit-content;max-width:800px;padding:1rem}.modal-content h3{margin-top:0;margin-bottom:1rem;text-align:center}.streamer-mode-config-content{max-width:500px;padding:1rem}.streamer-mode-config-content form{display:flex;flex-direction:column;gap:1rem}.streamer-mode-config-content form label{display:flex}.streamer-mode-config-content form label span{font-size:.7rem;color:#ccc}.streamer-mode-config-content form label.new-line{display:flex;flex-direction:column;gap:.3rem}.streamer-mode-config-content form input[type=text]{padding:.2rem;height:25px}.streamer-mode-config-content form input[type=checkbox]{margin-right:.5rem;width:20px;height:20px}.disenchant-modal-content{max-width:500px;width:500px}.disenchant-modal-content .item-container{display:flex;justify-content:center;margin-bottom:1rem}.disenchant-modal-content .disenchant-modal-inner p{margin-top:0;margin-bottom:.5rem}.disenchant-modal-content .disenchant-rewards{display:flex;gap:1rem;margin-top:.5rem}.disenchant-modal-content .disenchant-rewards>div{padding:.5rem 1rem;background:#272727;border-radius:6px;display:flex;justify-content:center;align-items:center;flex-basis:100%}.disenchant-modal-content .disenchant-rewards>div>.quantity{margin-right:.5rem}.disenchant-modal-content .disenchant-modal-inner h4{margin:0}.disenchant-modal-content .disenchant-modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.enchanting-window-content{max-width:730px;width:730px}.enchanting-window-content .item-container{display:flex;justify-content:center;margin-bottom:1rem}.enchanting-window-content .current-mats{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.enchanting-window-content .current-mats>div{padding:1rem 3rem;background:#272727;border-radius:6px;flex-grow:1;display:flex;gap:1rem;justify-content:center;align-items:center;font-size:1.2rem}img.mat-icon{width:30px;height:30px;margin-right:.5rem;border-radius:100%}.enchanting-window-content .enchants-list-container{max-height:300px;overflow-y:scroll}.enchanting-window-content .enchants-list{display:flex;gap:.5rem;flex-wrap:wrap;width:710px}.enchanting-window-content .enchant-item{width:110px;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;align-items:center;padding:.5rem;background:#332d26;border-radius:6px;cursor:pointer;position:relative;opacity:.5}.enchanting-window-content .enchant-item.has-mat{opacity:1}.enchanting-window-content .enchant-item.selected{box-shadow:inset 0 0 30px #01ae35}.enchanting-window-content .enchant-item .essence-quantity{position:absolute;top:5px;left:5px;background:#000000b3;padding:2px 5px;border-radius:3px;font-size:.8rem;color:#dbc114}.enchanting-window-content .enchant-item img{width:60px;height:60px;border-radius:6px}.enchanting-window-content .enchant-item span{font-weight:700}.enchanting-window-content .output-display{padding:1rem}.enchanting-window-content .output-display h4{margin-top:0;margin-bottom:.3rem}.enchanting-window-content .output-display p{margin-top:0;margin-bottom:.5rem}.enchanting-window-content .enchant-details{display:flex;gap:1rem;margin-bottom:.5rem}.enchanting-window-content .enchant-details img{width:100px;height:100px;border-radius:6px}.enchanting-window-content .required-mats-list{display:flex;gap:1rem}.enchanting-window-content .required-mats-list>div{flex-grow:1;padding:.5rem;background:#272727;border-radius:6px;display:flex;gap:.5rem;justify-content:center;align-items:center;flex-basis:50%;position:relative}.enchanting-window-content .required-mats-list>div.has-material{border:2px solid #25ab29}.enchanting-window-content .required-mats-list>div.has-material:after{content:"✓";color:#25ab29;font-weight:700;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.enchanting-window-content .required-mats-list>div.missing-material{border:2px solid #8b0000}.enchanting-window-content .required-mats-list>div.missing-material:after{content:"✗";color:#8b0000;font-weight:700;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.enchanting-window-content .current-enchant-warning{margin-top:1rem;margin-bottom:1rem;padding:.5rem;border:1px solid #e8c500;color:#fff;border-radius:6px;text-align:center;font-size:.8rem}.enchanting-window-content .enchant-button-container{margin-top:1rem}.export-modal-content{max-width:600px;width:600px;display:flex;flex-direction:column;gap:1rem}.export-modal-content>div{display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1rem;border:2px solid #3c3c3c;border-radius:6px}.export-modal-content span{font-size:.9rem;color:#209d58}.export-modal-content textarea{width:100%;height:100px;max-width:100%;max-height:100px;background:#1c1c1c;color:#fff;border:none;outline:none;padding:1rem;border-radius:6px;font-family:monospace;font-size:.9rem;overflow:hidden}