:root{--dark-border-outer:#cfc36e;--dark-border-outer-shadow:#cfc36e80;--dark-border-outer-glow:#00000080;--dark-border-inner:#ffffff1a;--dark-border-inner-shadow:#222;--dark-border-inner-glow:#0006;--dark-toggle-background:#554121;--dark-toggle-shadow:#00000080;--dark-placeholder-inner-background:#1e1e1e;--dark-placeholder-inset-border:#cfc36e80;--dark-container-background:#554121;--dark-content-background:transparent;--dark-context-menu-background:#282828;--dark-context-menu-item-background:#eee1c5;--dark-context-menu-shadow:#0009;--dark-header-subtitle-text:#ffffff80;--dark-important-text:#bca98a;--dark-important-text-rgb:#bca98a;--dark-important-text-rgba65:#bca98aa6;--dark-header-and-link-text:#ffffffb3;--dark-player-table-row-text:#ffffff80;--dark-player-table-row-border-top:#ffffff0d;--dark-player-table-row-background:#ffffff0d;--dark-player-table-active-row-background:#ffffff26;--dark-player-table-header-row-background:#ffffff08;--dark-grid-item-background:#0003;--dark-footer-link-inner-shadow:#ffffff12;--dark-footer-link-outer-shadow:#0003;--dark-footer-active-link-background:#fff3;--dark-row-and-link-hover-background:#ffffff12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--dark-header-and-link-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}#root::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}body{min-width:320px;min-height:100vh;overflow:hidden}h1{color:var(--dark-important-text);text-shadow:0 2px 4px var(--dark-border-outer-glow);font-size:2.5em;line-height:1.2}h2{color:var(--dark-important-text);margin-top:1em;margin-bottom:.5em;font-size:1.5em}a{color:var(--dark-important-text);text-decoration:none;transition:color .2s}a:hover{color:var(--dark-border-outer)}button{border:1px solid var(--dark-border-outer);background-color:var(--dark-toggle-background);color:var(--dark-important-text);cursor:pointer;box-shadow:0 2px 4px var(--dark-toggle-shadow);border-radius:4px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .2s}button:hover{background-color:var(--dark-container-background);box-shadow:0 4px 8px var(--dark-border-outer-shadow);transform:translateY(-2px)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid var(--dark-border-outer);outline-offset:2px}.app{background:linear-gradient(#3a3a3a,#1e1e1e 2rem);flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.app.floating-window{background:0 0!important}.app.ultra-small{padding:.3rem}.app.floating-window{width:100vw;height:100vh;min-height:100vh;box-shadow:none;border:none;justify-content:center;align-items:center;padding:4px;display:flex;overflow:hidden;background:0 0!important}.app.floating-window .container{display:none}.floating-card{border:2px solid var(--dark-border-outer);box-shadow:none;-webkit-user-select:none;user-select:none;background:#3a3a3afa;border-radius:6px;flex-direction:column;gap:.3rem;width:100%;max-width:400px;height:100%;max-height:400px;padding:2px;font-size:.75em;display:flex;overflow:hidden}.floating-header{flex-direction:column;flex-shrink:0;gap:.25rem;padding:.25rem;display:flex}.floating-title{color:var(--dark-important-text);align-items:center;gap:.25rem;font-size:.8em;font-weight:600;line-height:1.2;display:flex}.floating-logo{object-fit:contain;flex-shrink:0;width:18px;height:18px}.floating-inputs-wrapper{flex-direction:row;align-items:stretch;gap:.3rem;width:100%;display:flex}.floating-input-secondary{border:1px solid var(--dark-border-inner);background:#00000040;border-radius:3px;flex:.8;align-items:center;gap:.2rem;padding:.3rem .2rem;transition:all .2s;display:flex}.floating-input-secondary:hover{background:#00000059;border-color:#cfc36e66}.floating-input-secondary:focus-within{background:#0006;border-color:#cfc36e99}.floating-input-main{background:#00000026;border:1.5px solid #cfc36e;border-radius:3px;flex:2.5;align-items:center;gap:.3rem;padding:.3rem .25rem;transition:all .2s;display:flex}.floating-input-main:hover{background:#00000040;border-color:#e8d89f;box-shadow:0 0 4px #cfc36e40}.floating-input-main:focus-within{background:#0000004d;border-color:#f5e6b3;box-shadow:0 0 6px #cfc36e59}.floating-input-label{flex-shrink:0;justify-content:center;align-items:center;display:flex}.floating-icon-main{object-fit:contain;width:16px;height:16px}.floating-icon-secondary{object-fit:contain;opacity:.6;width:14px;height:14px}.floating-input-tome{color:#cfc36e;background:0 0;border:none;outline:none;flex:1;font-size:.85em;font-weight:600}.floating-input-tome::placeholder{color:#cfc36e66}.floating-input-currency{color:var(--dark-important-text);background:0 0;border:none;outline:none;flex:1;font-size:.7em}.floating-input-currency::placeholder{color:var(--dark-header-subtitle-text)}.floating-select-group{flex-shrink:0;align-items:center;gap:.2rem;padding:0 .25rem;display:flex}.floating-material-icon{object-fit:contain;flex-shrink:0;width:18px;height:18px}.floating-select-icon{object-fit:contain;flex-shrink:0;width:16px;height:16px}.floating-select{border:1px solid var(--dark-border-inner);color:var(--dark-important-text);cursor:pointer;background:#0000004d;border-radius:3px;outline:none;flex:1;padding:.25rem;font-size:.7em;transition:all .2s}.floating-select::-webkit-scrollbar{display:none}.floating-select{-ms-overflow-style:none;scrollbar-width:none}.floating-select:hover{border-color:var(--dark-border-outer);background:#0006}.floating-select:focus{border-color:var(--dark-border-outer);box-shadow:0 0 4px #cfc36e33}.floating-select option{color:var(--dark-important-text);background:#3a3a3a;padding:.2rem}.floating-result{background:#0000004d;border-radius:3px;flex-direction:column;flex:1;justify-content:center;gap:.2rem;margin:0 .25rem;padding:.2rem;display:flex}.result-row{color:var(--dark-header-subtitle-text);background:#0000004d;border-left:2px solid #cfc36e4d;border-radius:2px;justify-content:space-between;align-items:center;padding:.2rem .25rem;display:flex}.result-key{font-size:.65em;font-weight:500}.result-val{color:var(--dark-important-text);font-size:.8em;font-weight:600}.highlight-text{color:#cfc36e;text-shadow:0 0 4px #cfc36e4d;font-size:1em;font-weight:700}.floating-buttons{flex-shrink:0;gap:.2rem;margin-top:auto;padding:.25rem;display:flex}.floating-btn{border:1px solid var(--dark-border-outer);color:var(--dark-important-text);cursor:pointer;background:#cfc36e1f;border-radius:3px;flex:1;padding:.3rem;font-size:.7em;font-weight:600;transition:all .2s}.floating-btn:hover:not(:disabled){background:#cfc36e40;transform:translateY(-1px);box-shadow:0 0 8px #cfc36e66}.floating-btn:disabled{opacity:.35;cursor:not-allowed}.copy-notification{color:#554121;z-index:1000;background:linear-gradient(135deg,#cfc36e,#d4c77a);border-radius:6px;align-items:center;gap:.6rem;padding:.8rem 1.2rem;font-size:.95em;font-weight:500;animation:.3s ease-out slideDown,.3s ease-out 2.7s forwards slideUp;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #cfc36e4d}.notification-icon{font-size:1.2em;font-weight:700}.notification-text{white-space:nowrap}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}.container{width:100%;max-width:1200px;margin:0 auto}.header{text-align:center;flex-shrink:0;margin-bottom:1.2rem;position:relative}.header h1{background:linear-gradient(135deg,var(--dark-important-text),var(--dark-border-outer));-webkit-text-fill-color:transparent;text-shadow:0 2px 4px var(--dark-border-outer-glow);letter-spacing:.05em;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:1.8em;line-height:1.3}.header-subtitle{color:var(--dark-header-subtitle-text);letter-spacing:.02em;margin-top:.3rem;font-size:.85em;line-height:1.3}.main-content{flex:1;grid-template-columns:1fr 1fr;gap:1.2rem;width:100%;min-height:0;margin-bottom:0;display:grid}.card{border:1px solid var(--dark-border-inner);background:#ffffff08;border-radius:8px;flex-direction:column;height:100%;min-height:0;padding:1.2rem;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 6px #0003}.card:hover{border-color:var(--dark-border-outer);background:#ffffff0d;box-shadow:0 4px 10px #0000004d}.card-title-wrapper{flex-shrink:0;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.card-title{color:var(--dark-important-text);align-items:center;gap:.6rem;font-size:1.05em;display:flex}.material-mode-toggle{border:1px solid var(--dark-border-outer);color:var(--dark-important-text);cursor:pointer;background:#cfc36e1f;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.material-mode-toggle:hover{background:#cfc36e40;box-shadow:0 0 8px #cfc36e66}.material-mode-toggle:active{transform:scale(.95)}.settings-container{position:relative}.settings-toggle{border:1px solid var(--dark-border-outer);color:var(--dark-important-text);cursor:pointer;background:#cfc36e1f;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.settings-toggle:hover{background:#cfc36e40;box-shadow:0 0 8px #cfc36e66}.settings-toggle:active{transform:scale(.95)}.format-settings-menu{border:1px solid var(--dark-border-outer);z-index:1000;background:#3a3a3afa;border-radius:4px;flex-direction:column;gap:.2rem;min-width:120px;margin-top:.4rem;padding:.4rem;display:flex;position:absolute;top:100%;right:0}.format-option{color:var(--dark-header-and-link-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:3px;padding:.5rem .8rem;font-size:.9em;transition:all .2s}.format-option:hover{background:#cfc36e26;border-color:#cfc36e4d}.format-option.active{border-color:var(--dark-border-outer);color:#cfc36e;background:#cfc36e40;font-weight:600}.card-title:before{content:"";background:var(--dark-border-outer);border-radius:2px;width:4px;height:18px}.form-group{flex-direction:column;min-height:0;margin-bottom:.9rem;display:flex}.form-group:last-child{flex:1;margin-bottom:0}.form-group label{color:var(--dark-header-and-link-text);align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.9em;font-weight:500;display:flex}.label-icon{object-fit:contain;width:18px;height:18px;filter:drop-shadow(0 1px 2px var(--dark-border-outer-glow))}.form-group input,.form-group select{background:var(--dark-placeholder-inner-background);border:1px solid var(--dark-placeholder-inset-border);width:100%;color:var(--dark-important-text);border-radius:4px;padding:.6rem;font-family:inherit;font-size:.9em;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--dark-border-outer);box-shadow:0 0 8px var(--dark-border-outer-shadow);outline:none}.form-group input::placeholder{color:var(--dark-header-subtitle-text)}.material-selector{background:var(--dark-placeholder-inner-background);border:1px solid var(--dark-placeholder-inset-border);border-radius:4px;flex:1;gap:.7rem;min-height:0;max-height:200px;padding:.6rem;display:flex;overflow:hidden auto}.material-selector.list{flex-direction:column;max-height:200px}.material-selector.grid{flex-flow:wrap;align-content:flex-start;row-gap:.7rem;max-height:200px}.material-item{cursor:pointer;background:0 0;border:none;padding:0;transition:all .2s}.material-selector::-webkit-scrollbar{width:6px}.material-selector::-webkit-scrollbar-track{background:#0003;border-radius:3px}.material-selector::-webkit-scrollbar-thumb{background:#cfc36e4d;border-radius:3px}.material-selector::-webkit-scrollbar-thumb:hover{background:#cfc36e80}.material-selector.grid .material-button{background:var(--dark-player-table-row-background);cursor:pointer;border:2px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding:.4rem;transition:all .2s;display:flex}.material-selector.grid .material-button:hover{background:var(--dark-player-table-active-row-background);border-color:var(--dark-border-outer);transform:scale(1.1)}.material-selector.grid .material-button.selected{background:var(--dark-player-table-active-row-background);border-color:var(--dark-border-outer);box-shadow:0 0 8px var(--dark-border-outer-shadow)}.material-button-image{object-fit:contain;width:40px;height:40px;filter:drop-shadow(0 1px 2px var(--dark-border-outer-glow))}.material-selector.list .material-list-item{background:var(--dark-player-table-row-background);cursor:pointer;border:2px solid #0000;border-left-width:4px;border-radius:4px;align-items:center;gap:1rem;width:100%;padding:.8rem;transition:all .2s;display:flex}.material-selector.list .material-list-item:hover{background:var(--dark-player-table-active-row-background);border-color:var(--dark-border-outer);border-left-color:var(--dark-border-outer)}.material-selector.list .material-list-item.selected{background:var(--dark-player-table-active-row-background);border-color:var(--dark-border-outer);box-shadow:0 0 8px var(--dark-border-outer-shadow);border-left-color:#cfc36e}.material-list-image{object-fit:contain;width:48px;height:48px;filter:drop-shadow(0 1px 2px var(--dark-border-outer-glow));flex-shrink:0}.material-list-name{color:var(--dark-important-text);text-align:left;flex:1;font-size:.95em;font-weight:500}.material-list-cost{color:#cfc36e;flex-shrink:0;align-items:center;gap:.4rem;font-size:.9em;font-weight:600;display:flex}.material-list-icon{object-fit:contain;width:18px;height:18px;filter:drop-shadow(0 0 2px var(--dark-border-outer-shadow))}.tomestone-icon{object-fit:contain;width:14px;height:14px;filter:drop-shadow(0 0 2px var(--dark-border-outer-shadow))}.tomestone-icon-small{object-fit:contain;width:14px;height:14px;filter:drop-shadow(0 0 2px var(--dark-border-outer-shadow));margin-left:.2rem}.results-section{border:1px solid var(--dark-border-inner);background:#ffffff05;border-radius:8px;flex-direction:column;flex:1;justify-content:space-around;min-height:0;margin-top:.8rem;padding:.8rem;display:flex;overflow:hidden}.results-section>div{flex-direction:column;flex:1;justify-content:space-around;gap:.8rem;display:flex;overflow:hidden auto}.results-section>div::-webkit-scrollbar{width:6px}.results-section>div::-webkit-scrollbar-track{background:#0003;border-radius:3px}.results-section>div::-webkit-scrollbar-thumb{background:#cfc36e4d;border-radius:3px}.results-section>div::-webkit-scrollbar-thumb:hover{background:#cfc36e80}.result-item{background:var(--dark-player-table-row-background);border-left:4px solid var(--dark-border-outer);border-radius:4px;flex-shrink:0;justify-content:space-between;align-items:center;min-height:60px;margin-bottom:0;padding:.9rem;font-size:.95em;display:flex}.result-item:last-child{margin-bottom:0}.result-item.highlight{background:#cfc36e14;border-left-color:#cfc36e;box-shadow:0 0 8px #cfc36e26}.result-label{color:var(--dark-header-and-link-text);font-size:.95em}.result-value{color:var(--dark-border-outer);align-items:center;gap:.4rem;font-size:1.15em;font-weight:700;display:flex}.result-value-highlight{color:#cfc36e;align-items:center;gap:.3rem;font-size:1.4em;font-weight:700;display:flex}.currency-unit{color:#cfc36e;font-size:.9em}.currency-icon{object-fit:contain;width:20px;height:20px;filter:drop-shadow(0 1px 2px var(--dark-border-outer-glow))}.result-value-with-image{color:var(--dark-border-outer);align-items:center;gap:.6rem;font-size:1.05em;font-weight:500;display:flex}.result-material-image{object-fit:contain;width:32px;height:32px;filter:drop-shadow(0 1px 2px var(--dark-border-outer-glow))}.button-group{gap:.8rem;margin-top:1rem;display:flex}.button-group button{flex:1}.button-primary{background:var(--dark-container-background);border-color:var(--dark-border-outer)}.button-primary:hover{background:var(--dark-border-outer);color:#000}.button-secondary{background:var(--dark-toggle-background);border-color:var(--dark-border-inner)}.button-secondary:hover:not(:disabled){background:var(--dark-container-background);border-color:var(--dark-border-outer)}.button-group button:disabled{opacity:.5;cursor:not-allowed}@media (min-width:1200px){.material-selector{flex-direction:column;gap:.3rem;max-height:45vh;padding:.3rem;display:flex;overflow:hidden auto}.material-button{display:none}.material-list-item{display:flex}}@media (max-width:768px){.app{padding:1rem}.main-content{grid-template-columns:1fr;gap:1rem}.material-selector{gap:.5rem;max-height:180px;padding:.3rem}.material-button{width:45px;height:45px;padding:.3rem}.material-button-image{width:35px;height:35px}.header{margin-bottom:1rem}.header h1{margin-bottom:.2rem;font-size:1.8em}.button-group{flex-direction:column;gap:.6rem}.card{padding:1rem}}@media (max-width:480px){.app{min-height:100vh;padding:.75rem}.container{width:100%}.header{margin-bottom:.75rem}.header h1{margin-bottom:.15rem;font-size:1.4em}.header-subtitle{font-size:.8em}.main-content{grid-template-columns:1fr;gap:.75rem;margin-bottom:.75rem}.card{border-radius:6px;padding:.8rem}.card-title{margin-bottom:.6rem;font-size:1em}.form-group{margin-bottom:.75rem}.form-group label{margin-bottom:.3rem;font-size:.9em}.label-icon{width:16px;height:16px}.form-group input{padding:.5rem;font-size:.9em}.material-selector{gap:.4rem;max-height:160px;padding:.25rem}.material-button{width:40px;height:40px;padding:.25rem}.material-button-image{width:30px;height:30px}.results-section{margin-top:.75rem;padding:.8rem}.result-item{margin-bottom:.6rem;padding:.6rem;font-size:.9em}.result-label{font-size:.85em}.result-value{font-size:1em}.result-value-highlight{font-size:1.2em}.result-material-image{width:28px;height:28px}.tomestone-icon-small{width:12px;height:12px}.button-group{gap:.5rem;margin-top:.75rem}.button-group button{padding:.6rem;font-size:.9em}}@media (max-width:400px){.app{padding:.5rem}.header{margin-bottom:.5rem}.header h1{margin-bottom:.1rem;font-size:1.2em}.header-subtitle{margin-top:.1rem;font-size:.75em}.main-content{gap:.5rem;margin-bottom:.5rem}.card{padding:.6rem}.card-title{margin-bottom:.5rem;font-size:.95em}.card-title:before{height:16px}.form-group{margin-bottom:.6rem}.form-group label{margin-bottom:.25rem;font-size:.85em}.label-icon{width:14px;height:14px}.form-group input{padding:.4rem;font-size:.85em}.material-selector{gap:.3rem;max-height:140px;padding:.2rem}.material-button{width:36px;height:36px;padding:.2rem}.material-button-image{width:28px;height:28px}.results-section{margin-top:.5rem;padding:.6rem}.result-item{margin-bottom:.5rem;padding:.5rem;font-size:.85em}.result-label{font-size:.8em}.result-value{font-size:.95em}.result-value-highlight{font-size:1.1em}.result-material-image{width:24px;height:24px}.currency-icon{width:16px;height:16px}.tomestone-icon-small{width:11px;height:11px}.button-group{gap:.4rem;margin-top:.5rem}.button-group button{padding:.5rem;font-size:.8em}}@media (max-width:360px){.app{min-height:100vh;padding:.25rem}.copy-notification{padding:.6rem .8rem;font-size:.85em;top:10px}.container{width:100%}.header{margin-bottom:.3rem}.header h1{margin-bottom:.05rem;font-size:1em}.header-subtitle{margin-top:.05rem;font-size:.65em}.main-content{grid-template-columns:1fr;gap:.3rem;margin-bottom:.3rem}.card{border-radius:4px;margin-bottom:.2rem;padding:.4rem}.card-title{margin-bottom:.3rem;font-size:.85em}.card-title:before{width:3px;height:14px}.form-group{margin-bottom:.4rem}.form-group label{margin-bottom:.15rem;font-size:.8em}.label-icon{width:12px;height:12px}.form-group input{padding:.3rem;font-size:.8em}.material-selector{gap:.2rem;max-height:120px;padding:.15rem}.material-button{width:32px;height:32px;padding:.15rem}.material-button-image{width:24px;height:24px}.results-section{margin-top:.3rem;padding:.4rem}.result-item{margin-bottom:.3rem;padding:.4rem;font-size:.8em}.result-label{font-size:.75em}.result-value{font-size:.85em}.result-value-highlight{font-size:.95em}.result-material-image{width:20px;height:20px}.currency-icon{width:14px;height:14px}.tomestone-icon-small{width:10px;height:10px}.currency-unit{font-size:.85em}.button-group{gap:.2rem;margin-top:.3rem}.button-group button{padding:.4rem;font-size:.75em}}.read-the-docs{color:#888}