.content-section{margin:2.5rem 0}.content-section h2{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,gold,orange,tomato);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;text-align:center;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(255,215,0,.2)}.content-section h3{font-size:1.4rem;font-weight:700;color:#00e5ff;margin-bottom:1rem;text-shadow:0 0 10px rgba(0,229,255,.3)}.content-section p{color:#fffc;line-height:1.7;font-size:1.05rem;margin-bottom:1rem}.content-section a{color:gold;text-decoration:underline;font-weight:500;transition:color .3s ease}.content-section a:hover{color:orange;text-decoration:none}.content-section hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent);margin:2.5rem 0}.calculator,.gaia-calculator{background:linear-gradient(135deg,#ffffff0a,#ffffff03);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;margin:2.5rem 0;border:1px solid rgba(255,215,0,.15);box-shadow:0 15px 35px #0003,inset 0 0 30px #ffffff05;position:relative;overflow:hidden}.calculator h2,.gaia-calculator h2{color:#fffffff2;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;text-align:center}.input-group{margin-bottom:1.5rem}.input-group label{display:block;color:#ffffffd9;font-weight:500;margin-bottom:.5rem;font-size:1rem;letter-spacing:.02em}.input-group input{width:100%;padding:.875rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,215,0,.2);border-radius:10px;color:#fffffff2;font-size:1.1rem;font-weight:500;transition:all .3s ease}.input-group input:focus{outline:none;background:#ffffff14;border-color:gold;box-shadow:0 0 25px #ffd7004d}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.checkbox-group label{display:flex;align-items:center;gap:.75rem;color:#fffc;font-weight:400;cursor:pointer;padding:.75rem;border-radius:10px;background:#ffffff05}.checkbox-group input[type=checkbox]{width:20px;height:20px;accent-color:#ffd700;cursor:pointer}.result{background:linear-gradient(135deg,#00e5ff14,#00e5ff08);border-radius:16px;padding:2rem;margin:2rem 0;border:1px solid rgba(0,229,255,.2);backdrop-filter:blur(5px)}.result h3,.result h4{color:#00e5ff;margin-bottom:1.5rem;font-size:1.5rem;text-align:center;text-shadow:0 0 15px rgba(0,229,255,.4)}.result p{margin:.75rem 0;color:#ffffffe6;font-weight:500;font-size:1.05rem}#finalDamage,#percentage{font-size:1.3rem;font-weight:700;color:gold!important;text-shadow:0 0 10px rgba(255,215,0,.3)}#calculation,#gaiaCalculations{background:#0000004d;border-radius:8px;padding:1rem;margin-top:1rem;font-family:Fira Code,monospace;font-size:.9rem;color:#ffffffd9;line-height:1.6;border:1px solid rgba(255,215,0,.1)}.formula-box{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:16px;padding:2rem;margin:2rem 0;border:1px solid rgba(255,215,0,.15);position:relative;overflow:hidden}.formula-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent);opacity:.8}.formula-box h3{color:gold;margin-bottom:1.2rem;font-size:1.3rem;font-weight:700}.formula-box pre{background:#00000080;border-radius:10px;padding:1.25rem;margin:1rem 0;color:#00e5ff;font-family:Fira Code,Consolas,monospace;font-size:1rem;font-weight:500;letter-spacing:.05em;overflow-x:auto;border:1px solid rgba(0,229,255,.2);white-space:pre-wrap;word-wrap:break-word}.formula-box p{color:#ffffffbf;line-height:1.7;font-size:.95rem}.calculation-box{background:#0009;border-radius:10px;padding:1.25rem;margin:1.5rem 0;font-family:Fira Code,monospace;border:1px solid rgba(255,215,0,.2)}.calculation-box pre{margin:0;white-space:pre-wrap;color:#00e5ff;font-size:.95rem;line-height:1.6}.content-section ul{list-style:none;padding:0;margin:0}.content-section li{margin:1rem 0;padding:1.25rem;background:linear-gradient(135deg,#ffffff08,#ffffff03);border-radius:12px;border-left:3px solid #ffd700;color:#ffffffd9;line-height:1.7}.content-section li strong{color:gold;font-weight:600;margin-right:.5rem}.character-mechanics-section{margin:2rem 0}@media (max-width: 768px){.content-section h2{font-size:1.8rem}.content-section h3{font-size:1.2rem}.calculator,.gaia-calculator{padding:1.5rem;border-radius:16px}.formula-box{padding:1.5rem}.formula-box pre{font-size:.9rem;padding:1rem}.input-group input{padding:.75rem 1rem;font-size:1rem}.checkbox-group label{padding:.5rem;font-size:.95rem}.result{padding:1.5rem}#finalDamage,#percentage{font-size:1.2rem}}@media (max-width: 480px){.content-section h2{font-size:1.5rem}.calculator,.gaia-calculator{padding:1.25rem;margin:1.5rem 0}.formula-box{padding:1.25rem;margin:1rem 0}.formula-box pre{font-size:.85rem}.content-section li{padding:1rem;margin:.75rem 0}}.chart-container{background:linear-gradient(135deg,#ffffff0a,#ffffff03);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;margin:2.5rem 0;border:1px solid rgba(0,229,255,.15);box-shadow:0 15px 35px #0003,inset 0 0 30px #ffffff05;position:relative;overflow:hidden}.chart-container h3{color:#00e5ff;margin-bottom:2rem;font-size:1.4rem;font-weight:700;text-align:center;text-shadow:0 0 10px rgba(0,229,255,.3)}.chart-container canvas{max-width:100%;height:auto;border-radius:12px;background:#0000004d;padding:1rem}@media (max-width: 768px){.chart-container{padding:1.5rem;margin:1.5rem 0}.chart-container h3{font-size:1.2rem;margin-bottom:1.5rem}.chart-container canvas{padding:.5rem}}