html{zoom:reset}body{zoom:1!important;-moz-transform:scale(1)!important;-moz-transform-origin:0 0!important}html,body{margin:0;padding:0;min-height:100%;background:#0076a3;color:#fff;font-family:sans-serif;overflow-x:hidden;overflow-y:auto}.rules-container{max-width:900px;margin:0 auto;padding:30px 20px}h1{text-align:center;font-size:2rem;margin-bottom:30px;color:#fff;text-shadow:none}h2{font-size:1.3rem;margin-bottom:12px;color:#0aeaf3;margin-top:0}.rules-section{background:#01273e99;border:1px solid rgba(10,234,243,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;padding:15px 20px;border-radius:12px;margin-bottom:20px}.rules-section p{line-height:1.6;font-size:1rem;opacity:.95}.rules-section strong{color:#0aeaf3}.shields-section{padding:15px 20px}.carousel-wrapper{position:relative;width:100%;min-height:320px;display:flex;justify-content:center;align-items:center;perspective:1200px;margin-bottom:20px;padding:15px 0}.carousel-stack{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.23,1,.32,1)}.shield-card{position:absolute;top:50%;left:50%;width:240px;max-width:85vw;padding:20px 18px;background:linear-gradient(135deg,#0aeaf326,#01273e80);border:2px solid #0aeaf3;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:12px;box-sizing:border-box;transform-origin:center center;transition:all .5s cubic-bezier(.23,1,.32,1);cursor:pointer;box-shadow:0 10px 40px #0006}.shield-card.active{transform:translate(-50%,-50%) scale(1) translateZ(0);opacity:1;z-index:10;filter:blur(0)}.shield-card.prev{transform:translate(-150%,-50%) scale(.85) translateZ(-100px) rotateY(25deg);opacity:.6;z-index:5;filter:blur(2px)}.shield-card.next{transform:translate(50%,-50%) scale(.85) translateZ(-100px) rotateY(-25deg);opacity:.6;z-index:5;filter:blur(2px)}.shield-card.hidden{transform:translate(-50%,-50%) scale(.6) translateZ(-200px);opacity:.2;z-index:1;filter:blur(4px);pointer-events:none}.shield-image{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(10,234,243,.4));transition:transform .3s ease}.shield-card.active .shield-image{transform:scale(1.05)}.shield-info{text-align:center;width:100%}.shield-name{font-size:1.5rem;font-weight:700;color:#0aeaf3;margin-bottom:8px;text-shadow:0 0 8px rgba(10,234,243,.5)}.shield-power{font-size:1rem;color:#fff;margin-bottom:8px;font-weight:600;opacity:.95}.shield-description{font-size:.85rem;line-height:1.4;opacity:.85}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20}.carousel-nav.prev-nav{left:10px}.carousel-nav.next-nav{right:10px}.carousel-btn{background:#0aeaf333;border:2px solid #0aeaf3;color:#0aeaf3;font-size:1.8rem;width:45px;height:45px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #0000004d}.carousel-btn:hover{background:#0aeaf366;transform:scale(1.1);box-shadow:0 6px 20px #0aeaf366}.carousel-btn:active{transform:scale(.95)}.carousel-dots{display:flex;justify-content:center;gap:12px;margin-top:20px}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.dot:hover{background:#0aeaf380}.dot.active{background:#0aeaf3;width:14px;height:14px;border:2px solid #0aeaf3;box-shadow:0 0 10px #0aeaf399}.back-btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:transform .2s ease;font-size:1rem}.back-btn:hover{transform:scale(1.05)}.back-btn:active{transform:scale(.95)}.back-btn{background:#01273e;border:1px solid #033758;color:#0aeaf3;display:block;margin:30px auto 0}.copyright{font-family:Courier New,monospace;font-size:10px;display:flex;justify-content:center}@media (max-width: 768px){.rules-container{padding:40px 15px}h1{font-size:2.2rem}h2{font-size:1.4rem}.rules-section{padding:25px 20px}.carousel-wrapper{min-height:380px;padding:15px 0}.shield-card{width:260px;padding:25px 18px;gap:15px}.shield-image{width:100px;height:100px}.shield-name{font-size:1.6rem}.shield-power{font-size:1rem}.shield-description{font-size:.9rem}.carousel-btn{width:45px;height:45px;font-size:1.8rem}.carousel-nav.prev-nav{left:5px}.carousel-nav.next-nav{right:5px}}@media (max-width: 480px){h1{font-size:1.8rem}.carousel-wrapper{min-height:280px;padding:10px 0}.shield-card{width:200px;padding:16px 12px;gap:8px}.shield-card.prev,.shield-card.next{transform:translate(-50%,-50%) scale(.7) translateZ(-80px)}.shield-image{width:70px;height:70px}.shield-name{font-size:1.25rem}.shield-power{font-size:.9rem}.shield-description{font-size:.78rem}.carousel-btn{width:38px;height:38px;font-size:1.5rem}}@media (max-width: 360px){.shield-card{width:180px;padding:14px 10px;gap:8px}.shield-image{width:60px;height:60px}.shield-name{font-size:1.15rem}.shield-power{font-size:.85rem}.shield-description{font-size:.75rem;line-height:1.3}.carousel-wrapper{min-height:260px;padding:10px 0}.carousel-btn{width:35px;height:35px;font-size:1.3rem}}