#root,body,html{height:100%;margin:0;padding:0}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}section[aria-labelledby=preview-section-title]{width:100%}.form-container{display:inline-flex;flex-direction:column;gap:6px;max-width:340px;min-width:300px}.form-container button,.form-container input,.form-container select{box-sizing:border-box;width:100%}body{background:#18181b;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;font-family:system-ui,sans-serif;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App{min-height:100vh;padding:0}.app-background{background:linear-gradient(#18181bd9,#18181bd9),var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;min-height:100vh;padding:0 24px}button,input,select{border:1px solid #333;border-radius:4px;font-size:1rem;margin-top:4px;padding:.5em}button{background:#3b82f6;border:none;color:#fff;cursor:pointer;transition:background .2s}button:hover{background:#2563eb}h1{font-family:GothicWar,serif;font-size:2.5rem;margin-bottom:1.5rem;margin-top:0;padding-top:12px;text-align:center}.main-container{display:flex;flex-direction:row;gap:30px}.preview-container{align-items:start;border:2px solid #bfa76a;box-sizing:border-box;display:flex;justify-content:center;padding:16px;position:relative;width:100%}.form-container{width:30%}.preview-container-wrapper{flex:1 1}.preview-container.video-call{aspect-ratio:16/9}.boss-bar{position:relative;z-index:1}.silhouette-figure{bottom:0;display:none;left:50%;margin:0;position:absolute;transform:translateX(-50%);z-index:0}.video-call .silhouette-figure{display:block}.silhouette-image{display:block;width:40vw}@media (max-width:710px){.main-container{flex-direction:column}.form-container{max-width:100%;width:100%}.preview-container-wrapper{width:100%}.silhouette-image{width:60vw}.app-background,body{background-position:100%}}.footer-text{color:#aaa;font-size:14px;margin-top:32px}.footer-link{color:#3b82f6}#genshin-bar{justify-content:flex-start;width:100%}#genshin-bar,.genshin-text-container{align-items:center;display:flex;flex-direction:column}.genshin-boss-name{font-family:GenshinFont,sans-serif;font-weight:700}.genshin-title-lore{font-family:GenshinFont,sans-serif;font-weight:400;opacity:.7}.genshin-bar-row{align-items:center;display:flex;flex-direction:row;width:80%}.genshin-level{font-family:GenshinFont,sans-serif;font-weight:400;white-space:nowrap}.genshin-bar-container{align-items:center;display:flex;width:100%}.genshin-bar-center{background:none;display:flex;flex:1 1;height:100%}.genshin-bar-center-img{display:block;object-fit:fill}#demons-souls-bar{align-items:center;display:flex;flex-direction:column;font-family:serif;justify-content:center;width:80%}.demons-souls-boss-name{color:#e9e7e1;font-weight:700;text-shadow:2px 2px 8px #000}.demons-souls-bar-container{align-items:center;display:flex;width:80%}.demons-souls-bar-center{background:none;display:flex;flex:1 1}.demons-souls-bar-center-img{display:block;object-fit:fill}#tekken2-bar{align-items:center;display:flex;flex-direction:column;font-family:sans-serif;justify-content:center;width:80%}.tekken2-bars-row,.tekken2-names-row{display:flex;flex-direction:row;width:100%}.tekken2-bars-row{align-items:center}.tekken2-bar-container{display:flex;flex:1 1}.tekken2-bar-side{height:100%;object-fit:contain;width:auto}.tekken2-bar-center{flex:1 1;height:100%;object-fit:fill}.tekken2-infinity{display:block;width:auto}.tekken2-names-row{justify-content:space-between}.tekken2-player-name{align-items:flex-end;display:flex;flex-wrap:wrap;white-space:pre-wrap;width:100%;word-break:break-word}.tekken2-player-name-left{text-align:left;transform-origin:top left}.tekken2-player-name-right{justify-content:flex-end;text-align:right;transform-origin:right top}.tekken-sprite-text{flex-wrap:wrap;line-height:1}.tekken-sprite-char{display:inline-block;font-size:0;transform:scale(.5);transform-origin:center}.tekken-space{display:inline-block;width:16px}.honkai-impact-bar{align-items:center;display:flex;flex-direction:column;height:80px;justify-content:center;overflow:visible;position:relative;transform-origin:center;width:60%}.honkai-bottom-bar{display:flex;gap:2px;height:16px;height:var(--bottom-bar-height,16px);position:relative;width:100%}.honkai-multiplier{font-size:18px;font-size:var(--multiplier-font-size,18px);font-weight:700;letter-spacing:1px;position:absolute;right:-30px;right:var(--multiplier-right-offset,-30px);text-shadow:0 0 2px #000,0 0 10px #fff9;top:50%;transform:translateY(-50%)}.honkai-boss-name,.honkai-multiplier{color:#fff;font-style:italic;z-index:10}.honkai-boss-name{font-size:16px;font-size:var(--boss-font-size,16px);font-weight:600;letter-spacing:.5px;margin-top:8px;text-align:right;text-shadow:0 0 2px #000,0 0 8px #ffffff80;white-space:nowrap;width:100%}.honkai-segments-container:hover svg polygon,.honkai-top-bar-container:hover svg polygon{filter:brightness(1.2) drop-shadow(0 0 10px rgba(74,222,128,.3));transition:filter .2s ease}@media (max-width:768px){.honkai-impact-bar{height:60px}.honkai-top-bar{height:6px}.honkai-bottom-bar{height:12px}.honkai-boss-name{bottom:-20px;font-size:12px}.honkai-multiplier{font-size:14px;right:-35px}}.honkai-svg{display:block}.honkai-segment-wrapper{flex:1 1;height:100%}.loading-overlay{align-items:center;background-color:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #3b82f6;border-radius:50%;border-top-color:#0000;height:50px;width:50px}.loading-text{font-size:18px;margin-top:16px;text-align:center}.loading-subtext{font-size:14px;opacity:.8}.scale-slider{width:100%}.action-buttons{display:flex;gap:8px}fieldset{border:none;margin:0 0 15px;padding:0}legend{color:#fff;font-size:14px;font-weight:700;margin-bottom:5px}.tekken-input-group{align-items:flex-end;display:flex;gap:10px}.tekken-field-group{margin-bottom:15px}.tekken-color-label,.tekken-player-label{color:#666;display:flex;flex-direction:column;font-size:12px;gap:5px}
/*# sourceMappingURL=main.0240c0a2.css.map*/