*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary:#0a0c10;--color-bg-secondary:#121620;--color-bg-tertiary:#1a1f2e;--color-bg-card:#121620d9;--color-gold:#c9a961;--color-gold-light:#e8d5a3;--color-gold-dark:#8b7355;--color-bronze:#cd7f32;--color-silver:#a8b5c4;--color-magic-blue:#4a90d9;--color-magic-glow:#4a90d94d;--color-fire:#e25822;--color-fire-glow:#e258224d;--color-text-primary:#f0e6d2;--color-text-secondary:#b8b0a0;--color-text-muted:#7a7568;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0c10;color:#f0e6d2;font-family:Cinzel,Georgia,serif;line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#121620;border:1px solid #2a3040}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b7355,#5a4a3a);border:1px solid #c9a961}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c9a961,#8b7355)}::selection{background:#c9a9614d;color:#f0e6d2}h1,h2,h3,h4,h5,h6{color:#f0e6d2;font-family:Cinzel,Georgia,serif;font-weight:700;letter-spacing:.05em;line-height:1.2;text-transform:uppercase}p{color:#b8b0a0}code{background:#1a1f2e;border:1px solid #2a3040;border-radius:4px;color:#c9a961;font-family:Consolas,Monaco,monospace;font-size:.875em;padding:.125rem .375rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes particle{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) rotate(2turn)}}@keyframes fireGlow{0%,to{box-shadow:0 0 20px #e2582266,0 0 40px #e2582233}50%{box-shadow:0 0 30px #e2582299,0 0 60px #e258224d}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes runeGlow{0%,to{text-shadow:0 0 10px #c9a96180,0 0 20px #c9a9614d}50%{text-shadow:0 0 20px #c9a961cc,0 0 40px #c9a96180,0 0 60px #4a90d94d}}@keyframes powerPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-in{animation:slideIn .5s ease forwards}.App{background:#0a0c10;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.App:before{background:radial-gradient(ellipse at 20% 80%,#4a90d926 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#c9a9611a 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#e258220d 0,#0000 70%)}.App:after,.App:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.App:after{animation:particle 20s linear infinite;background-image:radial-gradient(circle at 20% 30%,#c9a9614d 1px,#0000 0),radial-gradient(circle at 60% 70%,#4a90d94d 1px,#0000 0),radial-gradient(circle at 80% 40%,#e258224d 1px,#0000 0),radial-gradient(circle at 40% 80%,#c9a96133 1px,#0000 0);background-size:300px 300px,400px 400px,350px 350px,450px 450px;opacity:.6}.App-header{align-items:center;background:linear-gradient(180deg,#121620f2,#121620b3 50%,#0000);border-bottom:1px solid #c9a96133;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;justify-content:center;padding:2rem;position:relative;z-index:1}.App-header:after,.App-header:before{animation:runeGlow 3s ease-in-out infinite;color:#c9a96166;content:"❖";font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.App-header:before{left:2rem}.App-header:after{right:2rem}.App-header img{animation:powerPulse 4s ease-in-out infinite;background:linear-gradient(135deg,#1a1f2e,#0a0c10);border:3px solid #c9a961;border-radius:50%;box-shadow:0 0 20px #c9a96166,0 0 40px #c9a96133,inset 0 0 20px #00000080;height:80px;object-fit:cover;transition:all .3s ease;width:80px}.App-header img:hover{box-shadow:0 0 30px #c9a96199,0 0 60px #c9a9614d,inset 0 0 30px #0000004d;transform:scale(1.1)}.App-header h1{-webkit-text-fill-color:#0000;animation:runeGlow 4s ease-in-out infinite;background:linear-gradient(180deg,#e8d5a3,#c9a961 30%,#8b7355 60%,#c9a961);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;letter-spacing:.1em;margin-top:1rem;position:relative;text-align:center;text-shadow:0 2px 10px #c9a9614d,0 4px 20px #00000080;text-transform:uppercase}.App-header h1:after{background:linear-gradient(90deg,#0000,#c9a961 20%,#e8d5a3 50%,#c9a961 80%,#0000);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.App-header .subtitle{color:#7a7568;font-size:.85rem;font-style:italic;letter-spacing:.2em;line-height:1.5;margin-top:.5rem;max-width:600px;text-align:center;text-transform:uppercase}.App>div:not(.App-header):not(.App-footer){flex:1 1;margin:0 auto;max-width:1600px;padding:1.5rem 2rem;position:relative;width:100%;z-index:1}.warning-banner{background:linear-gradient(135deg,#8b451333,#a0522d26 50%,#8b451333);border:1px solid #c9a9614d;border-radius:.5rem;box-shadow:inset 0 0 20px #0000004d,0 4px 15px #0000004d;margin-bottom:1.5rem;padding:1.25rem;position:relative;text-align:center}.warning-banner:after,.warning-banner:before{color:#c9a96180;content:"⚜";font-size:1.2rem;position:absolute;top:50%;transform:translateY(-50%)}.warning-banner:before{left:1rem}.warning-banner:after{right:1rem}.warning-banner p{color:#e8d5a3;font-size:.95rem;margin-bottom:1rem;text-shadow:0 1px 2px #00000080}.warning-banner button{background:linear-gradient(180deg,#8b4513,sienna 50%,#8b4513);border:1px solid #c9a961;border-radius:.375rem;box-shadow:0 4px 10px #0000004d,inset 0 1px 0 #ffffff1a;color:#f0e6d2;cursor:pointer;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:.6rem 1.5rem;text-transform:uppercase;transition:all .25s ease}.warning-banner button:hover{background:linear-gradient(180deg,sienna,peru 50%,sienna);box-shadow:0 6px 15px #0006,0 0 20px #c9a9614d;transform:translateY(-2px)}.App-footer{align-items:center;background:linear-gradient(180deg,#0000,#121620cc 50%,#121620f2);border-top:1px solid #c9a96133;color:#7a7568;flex-wrap:wrap;font-family:Cinzel,serif;font-size:.8rem;gap:1rem 2rem;letter-spacing:.1em;padding:1.5rem;position:relative;z-index:1}.App-footer,.footerRow{display:flex;justify-content:center}.footerRow{margin-bottom:.5rem;width:100%}.App-footer p{align-items:center;color:#8b7355;display:flex;gap:.5rem;margin:0}.App-footer p:before{color:#c9a961;content:"◆";font-size:.6rem}.App-footer p:first-child:before{display:none}.bugReportLink{background:#c9a9611a;border:1px solid #c9a96166;border-radius:.375rem;color:#c9a961;font-family:Cinzel,serif;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.4rem .8rem;text-decoration:none;text-transform:uppercase;transition:all .25s ease}.bugReportLink:hover{background:#c9a96133;border-color:#c9a96199;box-shadow:0 0 15px #c9a9614d;transform:translateY(-1px)}.collaborateLink{background:#4a90d91a;border:1px solid #4a90d966;border-radius:.375rem;color:#4a90d9;font-family:Cinzel,serif;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.4rem .8rem;text-decoration:none;text-transform:uppercase;transition:all .25s ease}.collaborateLink:hover{background:#4a90d933;border-color:#4a90d999;box-shadow:0 0 15px #4a90d94d;transform:translateY(-1px)}.ComponentSwitch{background:#121620cc;border:1px solid #c9a96133;border-radius:.5rem;box-shadow:inset 0 2px 10px #0000004d;display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ComponentSwitch button{background:#0000;border:none;border-radius:.375rem;color:#8b7355;cursor:pointer;font-family:Cinzel,serif;font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:.6rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.ComponentSwitch button:hover{background:#c9a9611a;color:#c9a961}.ComponentSwitch button.active{background:linear-gradient(180deg,#c9a961,#8b7355);box-shadow:0 4px 10px #0000004d;color:#0a0c10}@media (max-width:768px){.App-header{padding:1.5rem 1rem}.App-header:after,.App-header:before{display:none}.App-header img{height:60px;width:60px}.App-header h1{font-size:1.5rem}.App>div:not(.App-header):not(.App-footer){padding:1rem}.App-footer{flex-direction:column;gap:.5rem}.warning-banner:after,.warning-banner:before{display:none}}.logProcessorContainer{animation:fadeIn .6s ease;background:#121620d9;border:1px solid #c9a96133;border-radius:.75rem;box-shadow:0 20px 50px #00000080,inset 0 1px 0 #ffffff0d;margin:0 auto;padding:2rem;position:relative;width:100%}.logProcessorContainer:before{background:linear-gradient(135deg,#c9a96180,#0000 10%,#0000 90%,#c9a96180);border-radius:.75rem;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}.logProcessorLayout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:1.5rem}@media (max-width:1200px){.logProcessorLayout{grid-template-columns:1fr}}.helpIcon{align-items:center;background:linear-gradient(135deg,#4a90d9,#2a6099);border:2px solid #6ab0f9;border-radius:50%;box-shadow:0 0 20px #4a90d966,inset 0 0 10px #ffffff1a;color:#f0e6d2;cursor:pointer;display:inline-flex;font-family:Cinzel,serif;font-size:1rem;font-weight:700;height:36px;justify-content:center;text-shadow:0 1px 2px #00000080;transition:all .25s ease;width:36px}.helpIcon:hover{background:linear-gradient(135deg,#5aa0e9,#3a70a9);box-shadow:0 0 30px #4a90d999,inset 0 0 15px #fff3;transform:scale(1.1)}.helpTooltip{background:linear-gradient(180deg,#1a1f2e,#121620);border:2px solid #c9a961;border-radius:.5rem;box-shadow:0 25px 50px #000c,0 0 40px #c9a96133;left:50%;max-height:80vh;max-width:480px;opacity:0;overflow-y:auto;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .25s ease;visibility:hidden;width:90%;z-index:1000}.helpTooltip.visible{opacity:1;visibility:visible}.helpTooltip p{color:#b8b0a0;font-family:Georgia,serif;line-height:1.7;margin-bottom:1rem}.helpTooltip strong{color:#e8d5a3;font-family:Cinzel,serif;font-weight:700}.helpTooltip code{background:#0a0c10;border:1px solid #4a90d9;border-radius:.25rem;color:#6ab0f9;font-family:Consolas,monospace;padding:.2rem .4rem}.helpOverlay{background:#000000d9;inset:0;opacity:0;position:fixed;transition:all .25s ease;visibility:hidden;z-index:999}.helpOverlay.visible{opacity:1;visibility:visible}.closeHelp{align-items:center;background:#8b45134d;border:1px solid #8b4513;border-radius:.25rem;color:#c9a961;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .15s ease;width:32px}.closeHelp:hover{background:#c9a96133;color:#e8d5a3}.uploadArea{background:linear-gradient(180deg,#1a1f2e80,#121620cc);border:2px dashed #c9a9614d;border-radius:.75rem;margin-bottom:1.5rem;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .25s ease}.uploadArea:before{background:linear-gradient(90deg,#0000,#c9a9614d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.uploadArea.dragActive{background:#c9a9611a;border-color:#c9a961;box-shadow:inset 0 0 30px #c9a9611a,0 0 20px #c9a96133}.dragDropIcon{filter:drop-shadow(0 0 10px rgba(201,169,97,.3));font-size:2.5rem;margin-bottom:.75rem;opacity:.6}.dragDropText{color:#7a7568;font-size:.9rem;font-style:italic;margin-top:.75rem}.logProcessorTextarea{background:#0a0c10;border:1px solid #c9a96133;border-radius:.5rem;box-shadow:inset 0 2px 10px #00000080;color:#c9a961;font-family:Consolas,Monaco,monospace;font-size:.875rem;line-height:1.6;margin-top:1rem;min-height:200px;padding:1rem;resize:vertical;transition:all .25s ease;width:100%}.logProcessorTextarea:focus{border-color:#c9a961;box-shadow:inset 0 2px 10px #00000080,0 0 15px #c9a96133;outline:none}.logProcessorTextarea::placeholder{color:#4a4538}.logProcessorInput{background:#0a0c10;border:1px solid #c9a96133;border-radius:.5rem;box-shadow:inset 0 2px 5px #0000004d;color:#e8d5a3;font-family:Cinzel,serif;font-size:.95rem;padding:.875rem 1rem;transition:all .25s ease;width:100%}.logProcessorInput:focus{border-color:#c9a961;box-shadow:inset 0 2px 5px #0000004d,0 0 15px #c9a96133;outline:none}.fightDurationSection{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.fightDurationSection label{color:#b8b0a0;font-family:Cinzel,serif;font-size:.95rem}.fightDurationInput{background:#0a0c10;border:1px solid #c9a96133;border-radius:.5rem;box-shadow:inset 0 2px 5px #0000004d;color:#e8d5a3;font-family:Cinzel,serif;font-size:1rem;font-weight:700;padding:.5rem 1rem;text-align:center;transition:all .25s ease;width:100px}.fightDurationInput:focus{border-color:#c9a961;box-shadow:inset 0 2px 5px #0000004d,0 0 15px #c9a96133;outline:none}.logProcessorButton{align-items:center;background:linear-gradient(180deg,#8b7355,#6b5344 50%,#4a3a32);border:2px solid #c9a961;border-radius:.5rem;box-shadow:0 6px 20px #0006,0 0 20px #c9a96133,inset 0 1px 0 #ffffff1a;color:#f0e6d2;cursor:pointer;display:inline-flex;font-family:Cinzel,serif;font-size:.95rem;font-weight:700;gap:.5rem;letter-spacing:.1em;padding:1rem 2rem;text-shadow:0 1px 2px #00000080;text-transform:uppercase;transition:all .25s ease}.logProcessorButton:hover{background:linear-gradient(180deg,#a08060,#806050 50%,#604840);box-shadow:0 8px 25px #00000080,0 0 30px #c9a9614d,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.logProcessorButton:active{transform:translateY(0)}.logProcessorButtonv2{align-items:center;background:linear-gradient(135deg,#2a6099,#1a4069);border:1px solid #4a90d9;border-radius:.5rem;box-shadow:0 4px 15px #0000004d,0 0 15px #4a90d933;color:#f0e6d2;cursor:pointer;display:inline-flex;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.75rem 1.25rem;text-transform:uppercase;transition:all .25s ease;white-space:nowrap}.logProcessorButtonv2:hover{background:linear-gradient(135deg,#3a70a9,#2a5089);box-shadow:0 6px 20px #0006,0 0 25px #4a90d966;transform:translateY(-2px)}.logProcessorButtonv2.selected{background:linear-gradient(135deg,#8b4513,sienna);border-color:peru;box-shadow:0 4px 15px #0000004d,0 0 20px #cd853f4d}.logProcessorButtonv3{align-items:center;background:linear-gradient(180deg,#2a3040,#1a2030);border:1px solid #c9a9614d;border-radius:.5rem;box-shadow:0 4px 10px #0000004d;color:#c9a961;cursor:pointer;display:inline-flex;font-family:Cinzel,serif;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:1rem 2rem;text-transform:uppercase;transition:all .25s ease;white-space:nowrap}.logProcessorButtonv3:hover{background:linear-gradient(180deg,#3a4050,#2a3040);border-color:#c9a961;box-shadow:0 6px 15px #0006,0 0 20px #c9a96133;transform:translateY(-2px)}.dpsResultContainer{animation:fadeIn .5s ease;background:linear-gradient(180deg,#1a1f2ee6,#121620f2);border:2px solid #c9a9614d;border-radius:.75rem;box-shadow:0 10px 30px #0006,inset 0 1px 0 #ffffff0d;margin:1.5rem 0;padding:1.5rem;position:relative;text-align:center}.dpsResultContainer:before{color:#c9a9614d;content:"◆";font-size:.8rem;left:50%;position:absolute;top:.5rem;transform:translateX(-50%)}.dpsResultContainer h2{color:#e8d5a3;font-family:Cinzel,serif;font-size:1.1rem;letter-spacing:.1em;margin-bottom:.5rem}.fightDurationDisplay{color:#7a7568;font-size:.85rem;font-style:italic;margin-bottom:1rem}.dpsOutput{align-items:baseline;background:#0a0c10;border:1px solid #c9a96133;border-radius:.75rem;box-shadow:inset 0 2px 10px #00000080;display:inline-flex;gap:.5rem;padding:1rem 2rem}.dpsLabel{color:#7a7568;font-size:1rem;font-weight:500}.dpsLabel,.dpsValue{font-family:Cinzel,serif}.dpsValue{-webkit-text-fill-color:#0000;animation:runeGlow 3s ease-in-out infinite;background:linear-gradient(180deg,#e8d5a3,#c9a961 30%,#8b7355);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;text-shadow:0 2px 10px #c9a9614d}.saveSection{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.25rem}.saveSection input{flex:1 1;min-width:200px}.skillDetails{margin-top:1.5rem}.skillDetails h3{border-bottom:1px solid #c9a96133;color:#e8d5a3;font-family:Cinzel,serif;font-size:1rem;letter-spacing:.1em;margin-bottom:1rem;padding-bottom:.5rem}.skillDetailsGrid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.skillEntry{animation:slideIn .4s ease backwards;background:linear-gradient(180deg,#1a1f2ecc,#121620e6);border:1px solid #c9a96126;border-radius:.5rem;box-shadow:0 4px 10px #0003;padding:1.25rem;transition:all .25s ease}.skillEntry:hover{border-color:#c9a9614d;box-shadow:0 6px 15px #0000004d,0 0 20px #c9a9611a;transform:translateY(-2px)}.skillHeader{border-bottom:1px solid #c9a9611a;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.skillHeader,.skillName{align-items:center;display:flex}.skillName{color:#c9a961;cursor:pointer;flex:1 1;font-family:Cinzel,serif;font-size:1rem;font-weight:700;gap:.5rem;letter-spacing:.05em;min-width:0;transition:color .15s ease}.skillName>span:first-child{flex-shrink:0}.skillNameText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skillName{position:relative}.skillName:hover:after{background:linear-gradient(180deg,#1a1f2e,#121620);border:1px solid #c9a96180;border-radius:.375rem;bottom:calc(100% + 8px);box-shadow:0 4px 15px #00000080,0 0 20px #c9a96126;color:#e8d5a3;content:attr(title);font-family:Cinzel,serif;font-size:.85rem;left:0;letter-spacing:.05em;padding:.5rem 1rem;pointer-events:none;position:absolute;text-transform:uppercase;white-space:nowrap;z-index:1000}.skillName:hover:before{border-color:#c9a96180 #0000 #0000;border-style:solid;border-width:5px 5px 0;bottom:calc(100% + 3px);content:"";left:1rem;pointer-events:none;position:absolute;z-index:1001}.skillName:hover{color:#e8d5a3}.skillToggleIcon{align-items:center;background:#c9a9611a;border:1px solid #c9a9614d;border-radius:.25rem;color:#c9a961;display:inline-flex;font-size:.7rem;height:22px;justify-content:center;transition:all .15s ease;width:22px}.skillStats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.statItem{background:#0003;border:1px solid #c9a9610d;border-radius:.25rem;display:flex;flex-direction:column;gap:.2rem;padding:.5rem;text-align:center}.statLabel{color:#7a7568;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.statLabel,.statValue{font-family:Cinzel,serif}.statValue{color:#f0e6d2;font-size:.9rem;font-weight:600}.statValue.critRate{color:#e25822;font-weight:700}.damageLinesList{background:#0a0c10;border:1px solid #c9a9611a;border-radius:.25rem;font-family:Consolas,monospace;margin-top:1rem;max-height:150px;overflow-y:auto;padding:.75rem}.damageLinesList li{border-bottom:1px solid #c9a9610d;color:#8b7355;font-size:.75rem;list-style:none;padding:.2rem 0 .2rem 1rem;position:relative}.damageLinesList li:before{color:#c9a961;content:"›";left:0;position:absolute}.savedResultsContainer{border-top:1px solid #c9a9611a;margin-top:2rem;padding-top:1.5rem}.savedResultsContainer h2{color:#e8d5a3;font-family:Cinzel,serif;font-size:1rem;gap:.5rem;letter-spacing:.1em}.savedResultsContainer h2,.savedResultsHeader{align-items:center;display:flex;margin-bottom:1rem}.savedResultsHeader{flex-wrap:wrap;gap:1rem;justify-content:space-between}.savedResultsActions{display:flex;gap:.5rem}.exportImageButton{background:linear-gradient(180deg,#2a6099,#1a4069 50%,#0a3050)!important;border-color:#4a90d9!important}.savedResultsGrid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.savedResultCard{align-items:center;background:linear-gradient(180deg,#282d3ce6,#1c202df2);border:1px solid #c9a96140;border-radius:.5rem;box-shadow:0 4px 15px #0000004d;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .25s ease}.rankBadge{border-bottom-right-radius:.5rem;font-family:Cinzel,serif;font-size:.65rem;font-weight:800;left:0;letter-spacing:.1em;padding:.25rem .75rem;position:absolute;text-shadow:0 1px 2px #00000080;top:0}.rank-gold{background:linear-gradient(135deg,gold,#c9a961 50%,#8b7355);box-shadow:0 2px 10px #c9a96166;color:#1a1508}.rank-silver{background:linear-gradient(135deg,#e8e8e8,#a8b5c4 50%,#6a7580);box-shadow:0 2px 10px #a8b5c44d;color:#0a0c10}.rank-bronze{background:linear-gradient(135deg,#cd7f32,sienna 50%,#6b4423);box-shadow:0 2px 10px #cd7f324d;color:#1a0f05}.savedResultCard:hover{background:linear-gradient(180deg,#242938e6,#1c202af2);border-color:#c9a9614d;box-shadow:0 6px 15px #0000004d,0 0 20px #c9a9611a;transform:translateY(-2px)}.savedResultInfo{flex:1 1;padding-top:.75rem}.savedResultName{color:#f0e6d2;font-family:Cinzel,serif;font-size:1rem;font-weight:700;letter-spacing:.05em;text-shadow:0 1px 2px #00000080}.savedResultDuration{color:#a89b7c;font-size:.8rem;font-style:italic;margin-top:.25rem}.savedResultDps{color:#e8d5a3;font-family:Cinzel,serif;font-size:1.1rem;font-weight:800;margin-right:.75rem;text-shadow:0 0 10px #c9a9614d}.deleteResultButton{align-items:center;background:linear-gradient(180deg,#8b0000,#600000);border:2px solid brown;border-radius:.375rem;box-shadow:0 2px 8px #8b000066;color:#f0e6d2;cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-height:36px;min-width:36px;padding:.4rem;transition:all .15s ease}.deleteResultButton:hover{background:linear-gradient(180deg,brown,#8b0000);border-color:#cd5c5c;box-shadow:0 4px 12px #cd5c5c80;transform:scale(1.05)}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121620d9;border:1px solid #c9a96166;border-radius:.375rem;box-shadow:0 8px 25px #0006,0 0 20px #c9a96126;color:#e8d5a3;font-family:Cinzel,serif;font-size:.85rem;gap:.75rem;left:50%;letter-spacing:.05em;opacity:0;padding:.75rem 1.25rem;position:fixed;top:.5rem;transform:translateX(-50%) translateY(-100px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1000}.toast,.toast:before{align-items:center;display:flex}.toast:before{background:linear-gradient(135deg,#c9a961,#8b7355);border-radius:50%;color:#0a0c10;content:"✓";font-size:.7rem;font-weight:700;height:20px;justify-content:center;width:20px}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.emptyState{color:#5a5448;padding:3rem;text-align:center}.emptyStateIcon{filter:drop-shadow(0 0 10px rgba(201,169,97,.2));font-size:3rem;margin-bottom:1rem;opacity:.4}.inputSection,.resultsSection{display:flex;flex-direction:column}@media (max-width:768px){.logProcessorContainer{padding:1rem}.dpsValue{font-size:2rem}.saveSection,.skillHeader{flex-direction:column}.skillHeader{align-items:flex-start}.skillStats{grid-template-columns:repeat(2,1fr)}.savedResultsGrid,.skillDetailsGrid{grid-template-columns:1fr}.uploadArea{padding:1.5rem 1rem}}.comparisonContainer{animation:fadeIn .5s ease;border:1px solid #c9a96140;border-radius:.75rem;margin-bottom:1.5rem;padding:1.25rem;position:relative}.comparisonHeader{align-items:center;border-bottom:1px solid #c9a96126;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.comparisonContainer h3{align-items:center;color:#e8d5a3;display:flex;font-family:Cinzel,serif;font-size:1.1rem;gap:.5rem;letter-spacing:.1em;margin:0;text-transform:uppercase}.comparisonExportButtons{display:flex;gap:.5rem}.exportImageButton{align-items:center;background:linear-gradient(180deg,#2a6099,#1a4069 50%,#0a3050);border:1px solid #4a90d9;border-radius:.375rem;box-shadow:0 4px 10px #0000004d,0 0 15px #4a90d933;color:#f0e6d2;cursor:pointer;display:inline-flex;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase;transition:all .25s ease}.exportImageButton:hover{background:linear-gradient(180deg,#3a70a9,#2a5089);box-shadow:0 6px 15px #0006,0 0 25px #4a90d94d;transform:translateY(-2px)}.copyTextButton{align-items:center;background:linear-gradient(180deg,#4a5568,#2d3748 50%,#1a202c);border:1px solid #718096;border-radius:.375rem;box-shadow:0 4px 10px #0000004d,0 0 15px #71809633;color:#f0e6d2;cursor:pointer;display:inline-flex;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase;transition:all .25s ease}.copyTextButton:hover{background:linear-gradient(180deg,#5a6578,#3d4758);box-shadow:0 6px 15px #0006,0 0 25px #7180964d;transform:translateY(-2px)}.clearAllButton{align-items:center;background:linear-gradient(180deg,#8b0000,#600000);border:1px solid brown;border-radius:.375rem;box-shadow:0 4px 10px #0000004d,0 0 15px #8b000033;color:#f0e6d2;cursor:pointer;display:inline-flex;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase;transition:all .25s ease}.clearAllButton:hover{background:linear-gradient(180deg,brown,#8b0000);box-shadow:0 6px 15px #0006,0 0 25px #cd5c5c4d;transform:translateY(-2px)}.comparisonTableWrapper{background:linear-gradient(180deg,#1a1f2e,#121620);border:1px solid #c9a96140;border-radius:.5rem;box-shadow:0 10px 30px #0006,inset 0 1px 0 #ffffff0d;overflow-x:auto}.comparisonTable{border-collapse:collapse;font-size:.85rem;width:100%}.comparisonTable thead{background:linear-gradient(180deg,#2a3040,#202636)}.comparisonTable th{border-bottom:2px solid #c9a96133;color:#e8d5a3;cursor:pointer;font-family:Cinzel,serif;font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:.875rem;text-align:left;text-transform:uppercase;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.comparisonTable th:hover{background:#c9a9611a;color:#f0e6d2}.comparisonTable th svg{color:#c9a961;margin-left:.25rem;opacity:.7}.comparisonTable tbody tr{background:#151922;border-bottom:1px solid #c9a9610d;transition:all .15s ease}.comparisonTable tbody tr:hover{background:#c9a96114}.comparisonTable tbody tr:last-child{border-bottom:none}.comparisonTable td{color:#b8b0a0;font-family:Georgia,serif;padding:.875rem;vertical-align:middle}.comparisonTable td.skillName{color:#4a90d9;font-family:Cinzel,serif;font-weight:700;letter-spacing:.05em;text-shadow:0 0 10px #4a90d933}.comparisonTable td.saveName{color:#a89b7c;font-size:.8rem;font-style:italic}.comparisonTable td.damageValue{color:#e8d5a3;font-family:Cinzel,serif;font-weight:700;text-shadow:0 0 10px #c9a9611a}.comparisonTable td.critRate{color:#e25822;font-family:Cinzel,serif;font-weight:700;text-shadow:0 0 10px #e2582233}.detailsButton{align-items:center;background:linear-gradient(180deg,#2a3040,#1a2030);border:1px solid #c9a9614d;border-radius:.375rem;box-shadow:0 2px 8px #0000004d;color:#c9a961;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.detailsButton:hover{background:linear-gradient(180deg,#3a4050,#2a3040);border-color:#c9a961;box-shadow:0 4px 12px #0006;color:#e8d5a3}.removeRowButton{align-items:center;background:linear-gradient(180deg,#8b0000,#600000);border:1px solid brown;border-radius:.375rem;box-shadow:0 2px 8px #8b000066;color:#f0e6d2;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.removeRowButton:hover{background:linear-gradient(180deg,brown,#8b0000);box-shadow:0 4px 12px #cd5c5c80;color:#fff;transform:scale(1.05)}.logDetails{background:#0a0c10;border:1px solid #c9a9611a;border-radius:.375rem;font-family:Consolas,Monaco,monospace;max-height:200px;overflow-y:auto;padding:.875rem}.logDetails>div{border-bottom:1px solid #c9a9610d;color:#7a7568;font-size:.75rem;padding:.2rem 0}.logDetails>div:last-child{border-bottom:none}@media (max-width:768px){.comparisonContainer{padding:1rem}.comparisonHeader{align-items:flex-start;flex-direction:column}.comparisonExportButtons{justify-content:flex-end;width:100%}.comparisonTableWrapper{margin:0 -.5rem}.comparisonTable td,.comparisonTable th{font-size:.75rem;padding:.625rem}.comparisonTable td:nth-child(2){max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.onboardingOverlay{background:#000000e6;inset:0;opacity:0;position:fixed;transition:all .3s ease;visibility:hidden;z-index:2000}.onboardingOverlay.visible{opacity:1;visibility:visible}.onboardingModal{animation:onboardingFadeIn .4s ease;background:linear-gradient(180deg,#1a1f2e,#121620);border:2px solid #c9a961;border-radius:.75rem;box-shadow:0 25px 60px #000000e6,0 0 50px #c9a96133,inset 0 1px 0 #ffffff0d;left:50%;max-height:85vh;max-width:520px;overflow:hidden;padding:2.5rem 2rem 2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2001}.onboardingModal:before{background:linear-gradient(135deg,#c9a96166,#0000 8%,#0000 92%,#c9a96166);border-radius:.75rem;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}@keyframes onboardingFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.onboardingClose{align-items:center;background:#8b45134d;border:1px solid #8b4513;border-radius:.25rem;color:#c9a961;cursor:pointer;display:flex;font-family:Cinzel,serif;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .15s ease;width:32px}.onboardingClose:hover{background:#c9a96133;color:#e8d5a3}.onboardingSkip{background:#0000;border:1px solid #c9a9614d;border-radius:.25rem;color:#7a7568;cursor:pointer;font-family:Cinzel,serif;font-size:.8rem;left:1rem;letter-spacing:.05em;padding:.4rem .8rem;position:absolute;text-transform:uppercase;top:1rem;transition:all .15s ease}.onboardingSkip:hover{background:#c9a9611a;border-color:#c9a961;color:#c9a961}.onboardingContent{margin-bottom:2rem;text-align:center}.onboardingIcon{animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(201,169,97,.3));font-size:3.5rem;margin-bottom:1rem}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.onboardingTitle{color:#e8d5a3;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;letter-spacing:.08em;margin-bottom:1.25rem;text-shadow:0 2px 10px #c9a9614d}.onboardingText{color:#b8b0a0;font-family:Georgia,serif;font-size:.95rem;line-height:1.7}.onboardingText p{margin-bottom:.75rem}.onboardingText strong{color:#e8d5a3;font-weight:600}.onboardingText code{background:#0a0c10;border:1px solid #4a90d9;border-radius:.25rem;color:#6ab0f9;font-family:Consolas,monospace;font-size:.85rem;padding:.15rem .4rem}.onboardingProgress{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.onboardingDot{background:#0000;border:1px solid #c9a96166;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .25s ease;width:10px}.onboardingDot:hover{background:#c9a96133;border-color:#c9a961}.onboardingDot.active{background:linear-gradient(135deg,#c9a961,#8b7355);border-color:#c9a961;box-shadow:0 0 10px #c9a96180;transform:scale(1.2)}.onboardingNav{display:flex;gap:1rem;justify-content:space-between}.onboardingBtn{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-family:Cinzel,serif;font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:.875rem 1.75rem;text-transform:uppercase;transition:all .25s ease}.onboardingBtn:disabled{cursor:not-allowed;opacity:.4}.onboardingBtnPrev{background:linear-gradient(180deg,#2a3040,#1a2030);border:1px solid #c9a96133;color:#7a7568}.onboardingBtnPrev:not(:disabled):hover{background:linear-gradient(180deg,#3a4050,#2a3040);border-color:#c9a96166;color:#b8b0a0}.onboardingBtnNext{background:linear-gradient(180deg,#8b7355,#6b5344 50%,#4a3a32);border:2px solid #c9a961;box-shadow:0 4px 15px #0006,0 0 15px #c9a96133,inset 0 1px 0 #ffffff1a;color:#f0e6d2;text-shadow:0 1px 2px #00000080}.onboardingBtnNext:hover{background:linear-gradient(180deg,#a08060,#806050 50%,#604840);box-shadow:0 6px 20px #00000080,0 0 25px #c9a9614d,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.onboardingBtnNext:active{transform:translateY(0)}@media (max-width:600px){.onboardingModal{padding:2rem 1.5rem 1.5rem;width:95%}.onboardingTitle{font-size:1.2rem}.onboardingIcon{font-size:2.5rem}.onboardingText{font-size:.9rem}.onboardingBtn{font-size:.8rem;padding:.75rem 1.25rem}}.onboardingContent>*{animation:slideContentIn .4s ease}@keyframes slideContentIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.BuffDebuffCheckerContainer{animation:fadeIn .6s ease;background:#1e293b99;border:1px solid #ffffff14;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000004d;margin:0 auto;max-width:900px;padding:2rem;width:100%}.BuffDebuffCheckerContainer h2{color:#f8fafc;margin-bottom:1.5rem;text-align:center}.languageSelector{display:inline-block;position:relative}.languageSelectorButton{align-items:center;background:linear-gradient(135deg,#1a1f2e,#0a192f);border:1px solid #c9a9614d;border-radius:8px;color:#e8d5a3;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:space-between;min-width:120px;padding:8px 14px;transition:all .2s ease}.languageSelectorButton:hover{background:linear-gradient(135deg,#252b3d,#0f1f3a);border-color:#c9a96199;transform:translateY(-1px)}.languageName{color:#e8d5a3;font-size:.9rem;font-weight:500}.languageArrow{color:#8892b0;font-size:.6rem;transition:transform .2s ease}.languageArrow.open{transform:rotate(180deg)}.languageDropdown{animation:dropdownSlide .2s ease;background:linear-gradient(135deg,#1a1f2e,#0a192f);border:1px solid #c9a9614d;border-radius:8px;box-shadow:0 8px 32px #0006;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.languageOption{align-items:center;background:#0000;border:none;color:#8892b0;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:12px;justify-content:space-between;padding:10px 14px;text-align:left;transition:all .15s ease;width:100%}.languageOption:hover{background:#4a90d926;color:#e8d5a3}.languageOption.active{background:#4a90d933;color:#e8d5a3}.languageOptionName{font-weight:500}.languageOptionCheck{color:#4a90d9;font-size:.85rem;font-weight:700}@media (max-width:768px){.languageSelectorButton{min-width:100px;padding:6px 12px}.languageName{font-size:.85rem}.languageDropdown{min-width:140px;right:-10px}}
/*# sourceMappingURL=main.9c375c49.css.map*/