.header-bar{position:relative;z-index:1100}.header-bar__app-bar{background:#1b1c1c;box-shadow:0 4px 20px #0000001a;border-bottom:1px solid rgba(255,255,255,.1)}.header-bar__toolbar{justify-content:space-between;align-items:center;width:100%;position:relative}.header-bar__logo-section{flex-shrink:0}.header-bar__logo-button{padding:4px;border-radius:12px;transition:all .3s ease}.header-bar__logo-button:hover{background-color:#ffffff1a;transform:scale(1.05)}.header-bar__logo-image{border-radius:8px;transition:all .3s ease;cursor:pointer}.header-bar__logo-image:hover{filter:brightness(1.1)}.header-bar__help-button{transition:all .3s ease}.header-bar__help-button:hover{background-color:#ffffff1a;transform:scale(1.1)}.header-bar__title{text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px;-webkit-user-select:none;user-select:none}.header-bar__actions{flex-shrink:0}.header-bar__button-group{border-color:#ffffff80}.header-bar__button-group .MuiButton-root{border-color:#ffffff80;color:#fff;font-weight:500;text-transform:none;padding:8px 16px;transition:all .3s ease}.header-bar__button-group .MuiButton-root:hover{background-color:#ffffff1a;border-color:#fffc;transform:translateY(-1px)}.header-bar__button-group .MuiButton-root:active{transform:translateY(0)}.header-bar__import-button,.header-bar__export-button{transition:all .3s ease}.header-bar__import-button:hover,.header-bar__export-button:hover{background-color:#ffffff1a;transform:scale(1.1)}@media(max-width:768px){.header-bar__title{font-size:1.25rem;margin:0 8px}.header-bar__logo-section{gap:4px}}@media(max-width:480px){.header-bar__title{font-size:1.1rem;text-align:center;flex:1}.header-bar__toolbar{padding:0 8px}}.header-bar *{box-sizing:border-box}.header-bar__logo-button:focus-visible,.header-bar__help-button:focus-visible,.header-bar__import-button:focus-visible,.header-bar__export-button:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.header-bar__button-group .MuiButton-root:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@media(prefers-contrast:high){.header-bar__app-bar{background:#1565c0;border-bottom:2px solid white}.header-bar__button-group .MuiButton-root{border-color:#fff}}@media(prefers-reduced-motion:reduce){.header-bar__logo-button,.header-bar__help-button,.header-bar__import-button,.header-bar__export-button,.header-bar__button-group .MuiButton-root,.header-bar__logo-image{transition:none}.header-bar__logo-button:hover,.header-bar__help-button:hover,.header-bar__import-button:hover,.header-bar__export-button:hover,.header-bar__button-group .MuiButton-root:hover{transform:none}}.help-dialog__heading{font-size:1.1rem;font-weight:700}.help-dialog__body{margin:6px}.help-dialog__divider{margin:10px 0}.help-dialog__list{padding-left:16px}.notes-field{padding:8px 8px 8px 12px;color:#fff;border-radius:4px;overflow-wrap:break-word;border:1px solid rgba(255,255,255,.23);min-height:48px;line-height:28px;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;box-sizing:border-box}.notes-field:hover{border-color:#fff}.notes-field:active,.notes-field:focus{border-color:#90caf9;outline:0px;cursor:text}[contenteditable=true]:empty:before{content:attr(placeholder);display:block;color:#ffffff8c}.breakdown-list-item>.MuiListItemSecondaryAction-root{position:relative;right:0;transform:none;top:0}.inner-notes-field{padding:3px 8px;margin:3px;color:#fff;border-radius:3px;overflow-wrap:break-word;border:1px solid rgb(100,100,100);min-height:36px;line-height:28px;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;width:330px}@media(max-width:800px){.breakdown-inner-container{display:flex!important;flex-direction:column;width:100vw;margin:10px}.breakdown-list-item{display:flex;flex-direction:column}}.breakdown-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px!important}.breakdown-header{display:flex;justify-content:center;width:95%;margin:0 auto}.breakdown-button{margin:10px}.breakdown-inner-container{display:grid;grid-template-columns:repeat(2,1fr);margin:10px;background-color:#181818;padding:10px}.breakdown-inner-container div:hover{background-color:#181818}.equipment-breakdown-container--equipment{width:600px}.equipment-breakdown-container--inventory{margin-right:10px}.equipment-breakdown-container--inventory>.equipment-breakdown-container--0>.MuiList-root{padding-bottom:0}.equipment-breakdown-container--inventory>.equipment-breakdown-container--1>.MuiList-root{padding-top:0}.breakdown-list{width:100%}@media(max-width:800px){.breakdown-container{width:100vw;margin:0;overflow:hidden}.breakdown-inner-container{padding:0}.breakdown-list{width:100vw}.equipment-breakdown-container--equipment{max-width:100%}}.image-container>img{margin-right:2px;flex-shrink:0}.item-icon{width:25px;height:25px;object-fit:contain}.recent-items-title{text-align:center;margin:10px 0 4px}.recent-item-button{margin:0 4px}.recent-item-image{height:32px!important;width:32px!important;object-fit:contain!important}.inventory-icon-container{position:absolute;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;width:38px;height:34px}.inventory-icon-container--selected{border:1px solid white}.equipment-icon-container{position:absolute;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px}.inventory-icon{width:38px;height:34px;object-fit:contain}.equipment-icon{width:36px;height:34px;object-fit:contain;background:url(https://img.pvme.io/images/udNECPk.png) no-repeat;background-position:center;background-size:31px 31px;background-position-x:center;background-position-y:center}.inventory--mobile{margin-left:-3px}.familiar-section{display:flex;flex-direction:column}.familiar-section__alternative{margin-top:auto}.familiar-section__list-item{height:30px;border:1px solid rgb(100,100,100,.5);border-radius:3px;margin:4px;font-size:15px}.familiar-section__list-item:hover{cursor:pointer;background-color:#ffffff06}.familiar-section__list-item-image{height:20px;width:20px;margin-right:6px}.familiar-section__list-item--add:hover{border-color:#ffffff73}.familiar-section__list-item:hover>.familiar-section__add-familiar{color:#fff}.familiar-section__alternative__title{font-weight:700;margin-top:10px}.relic-section__list-item{height:30px;border:1px solid rgb(100,100,100,.5);border-radius:3px;margin:4px;font-size:15px}.relic-section__list-item:hover{cursor:pointer;background-color:#ffffff06}.relic-section__list-item-image{height:20px;width:20px;margin-right:6px}.relic-section__list-item--add:hover{border-color:#ffffff73}.relic-section__list-item:hover>.relic-section__add-relic{color:#fff}.relic-section__alternative__title{font-weight:700;margin-top:10px}.relics-familiar-container{display:flex;justify-content:space-evenly;text-align:center;background-image:url(https://img.pvme.io/images/HSATCDr.png);padding:4px;border:1px solid rgb(100,100,100,.5)}.preset-container{padding-bottom:16px!important}@media(max-width:600px){.preset-editor__card{width:100vw}.preset-map-container{display:flex;justify-content:center}.preset-map{display:block;width:183px}.relics-familiar-container{max-width:100vw;flex-direction:column}}.notes-field{font-size:16px;white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.notes-field__placeholder{font-size:16px!important}.name-field{width:300px;margin-top:5px}.preset-menu__chip{padding:17px 15px;border-width:2px;border-radius:6px}.preset-menu__divider{margin:4px 0}@keyframes preset-loader-pulse{0%{box-shadow:0 0 #ffc10766}70%{box-shadow:0 0 0 10px #ffc10700}to{box-shadow:0 0 #ffc10700}}html,body,#root{min-height:100vh;margin:0;padding:0;overflow-x:hidden}#root{width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0a0a0a;color:#fff}.app-container{position:relative;min-height:100vh;overflow:hidden}.background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(119,198,255,.3) 0%,transparent 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);z-index:-2;animation:gradientShift 20s ease infinite}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.8}}.floating-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 20s infinite ease-in-out}.shape-1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.shape-2{width:200px;height:200px;top:60%;right:10%;animation-delay:-7s}.shape-3{width:150px;height:150px;bottom:20%;left:60%;animation-delay:-14s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(15px) rotate(240deg)}}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:48px;text-align:center;box-shadow:0 20px 40px #0000004d,inset 0 1px #fff3;animation:cardSlideIn .6s ease-out;max-width:400px;width:90%}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-spinner-wrapper{margin-bottom:32px}.modern-spinner{position:relative;width:80px;height:80px;margin:0 auto}.spinner-ring{position:absolute;border:3px solid transparent;border-radius:50%;animation:spin 2s linear infinite}.spinner-ring:nth-child(1){width:80px;height:80px;border-top-color:#7777c6;animation-delay:0s}.spinner-ring:nth-child(2){width:60px;height:60px;top:10px;left:10px;border-top-color:#ff77c6;animation-delay:-.4s}.spinner-ring:nth-child(3){width:40px;height:40px;top:20px;left:20px;border-top-color:#77c6ff;animation-delay:-.8s}@keyframes spin{to{transform:rotate(360deg)}}.loading-content{color:#fff}.loading-title{margin-bottom:12px!important;font-weight:600!important;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-subtitle{margin-bottom:24px!important;opacity:.8}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin:16px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#7777c6,#ff77c6,#77c6ff);border-radius:2px;transition:width .3s ease;animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.progress-text{opacity:.7;font-weight:500}.app-content{position:relative;width:100%;min-height:100vh;z-index:1}.App{width:100%;margin-top:0}.width-50{width:50%}.width-100{width:100%}.height-100{height:100%}.d-flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-align-center{align-items:center}.m-8{margin:8px}.m-16{margin:16px}.mh-8{margin-left:8px;margin-right:8px}.mv-8{margin-top:8px;margin-bottom:8px}.mt-8{margin-top:8px}.mr-8{margin-right:8px}.mt-auto{margin-top:auto}.ml-8{margin-left:8px}.cursor-pointer:hover{cursor:pointer}.card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2em;transition:all .3s ease}.card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s ease}.logo:hover{filter:drop-shadow(0 0 2em rgba(119,119,198,.6))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.disc-emoji{width:1.375em;height:1.375em!important;object-fit:contain;vertical-align:middle}.mobile-only{display:none}@media(max-width:600px){.app-content{padding:1rem;padding-top:70px}.loading-card{padding:32px 24px}.floating-shapes .shape{opacity:.3}.desktop-only{display:none}.mobile-only{display:block}.width-50{width:100%}.shape-1{width:200px;height:200px}.shape-2{width:150px;height:150px}.shape-3{width:100px;height:100px}}@media(prefers-color-scheme:dark){.card{background:#ffffff08}.card:hover{background:#ffffff0f}}@media(prefers-contrast:high){.background-gradient{background:#000}.loading-card{background:#fff3;border:2px solid rgba(255,255,255,.5)}.card{border:2px solid rgba(255,255,255,.3)}}@media(prefers-reduced-motion:reduce){.floating-shapes .shape,.background-gradient,.progress-fill,.loading-card{animation:none}.card{transition:none}}.dialog__paper{overflow-y:hidden}.dialog__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:hidden}.dialog__auto-complete{width:400px;margin-top:5px}.dialog__list__image{width:25px;height:25px;object-fit:contain;margin-right:10px;flex-shrink:0}*,*:focus,*:hover{outline:none!important}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;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;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}