.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}.breakdown-container{width:100%;margin-top:1rem}.breakdown-table-header{display:grid;grid-template-columns:1fr 1fr;margin-bottom:.5rem;padding:0 1rem}.breakdown-col-header{text-align:center;font-weight:700;font-size:1rem}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.breakdown-list{width:100%}.breakdown-list-item{display:flex;align-items:center;gap:1rem;width:100%}.breakdown-image-wrapper{width:31px}.breakdown-image-wrapper img{max-height:31px;object-fit:contain}.breakdown-item-left{flex:0 0 30%;max-width:30%;display:flex;align-items:center;gap:1rem;min-width:0}.breakdown-item-left span{white-space:normal;overflow:hidden;text-overflow:ellipsis}.breakdown-description-wrapper{flex:0 0 70%;max-width:70%;display:flex;align-items:center}.breakdown-description-editable{width:100%;display:block;font-size:16px;font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.4375em;white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important;padding:10px 14px;min-height:40px;color:#fff;background:#121212;border-radius:4px;border:1px solid rgba(255,255,255,.23);outline:none;box-sizing:border-box}.breakdown-description-editable:focus{border-color:var(--accentColour)}.breakdown-description-editable img.disc-emoji{width:18px;height:18px;vertical-align:middle}@media(max-width:800px){.breakdown-table-header{display:none}.breakdown-grid{grid-template-columns:1fr}.breakdown-list-item{flex-direction:column;align-items:stretch}.breakdown-item-left,.breakdown-description-wrapper{flex:none;max-width:100%}}.dialog__paper{width:520px;max-width:90vw;margin-top:10vh;margin-bottom:auto}.dialog__paper .MuiDialogContent-root{overflow:visible}.dialog__content{overflow-x:hidden;transition:height .2s ease;padding-top:8px}.dialog--collapsed .dialog__content{height:180px}.dialog--expanded .dialog__content{height:400px}.dialog__content .MuiInputLabel-root.MuiInputLabel-outlined{z-index:200}.dialog__content .MuiAutocomplete-root{width:100%}.dialog__option{display:flex;align-items:center;gap:6px;padding:4px 8px}.dialog__list__image{width:20px;height:20px;object-fit:contain;flex-shrink:0}.recent-items-title{text-align:centre;margin:12px 0 4px}.recent-item-button{margin:0 4px;padding:0!important;min-width:0!important}.recent-item-image img{max-height:31px;object-fit:contain}.dialog__actions{display:flex;justify-content:space-between;width:100%}.inventory-icon-container,.equipment-icon-container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid transparent;transition:border-color .12s ease;pointer-events:auto}.inventory-icon-container{width:38px;height:34px}.equipment-icon-container{width:32px;height:32px}area:hover+.inventory-icon-container,area:hover+.equipment-icon-container{border-color:#fff6}.inventory-icon-container.selected,.equipment-icon-container.selected{border-color:var(--accentColour)}.inventory-icon,.equipment-icon{pointer-events:none}.equipment-icon{background:url(https://img.pvme.io/images/udNECPk.png) no-repeat center;background-size:31px 31px}.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}}.field-wrapper{width:100%;position:relative;margin-top:24px!important}.field-wrapper:before{position:absolute;left:0;top:0;background:#121212;padding:0 4px;color:#ffffffb3;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.4375em;transform-origin:top left;transform:translate(11px,-9px) scale(.75);pointer-events:none;z-index:3}.field-editable{width:100%;display:block;font-size:16px;white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important;padding:12px 14px;min-height:48px;color:#fff;background:#121212;border-radius:4px;border:1px solid rgba(255,255,255,.23);outline:none;font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.4375em;box-sizing:border-box}.field-editable:focus{border-color:var(--accentColour)}.field-editable img.disc-emoji{width:20px;height:20px;vertical-align:middle}.field-placeholder{position:absolute;top:0;left:0;padding:12px 14px;font-size:16px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name-field-wrapper:before{content:"Name"}.name-field-placeholder{color:#777}.notes-field-wrapper:before{content:"Notes"}.notes-field-placeholder{color:#999}.field-editable,.breakdown-description-editable{position:relative;z-index:2}.field-placeholder{z-index:1;pointer-events:none;opacity:.7}.name-wrapper{overflow-y:visible}.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}html{overflow-y:scroll}*,*: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}}