.shield-container{position:relative;display:flex;align-items:center;justify-content:center;z-index:1}.shield-outline{opacity:0;transition:opacity .3s ease}.shield-outline.is-drawing{opacity:1;filter:drop-shadow(0 0 8px rgba(245,158,11,.5));animation:metallic-draw 2s cubic-bezier(.4,0,.2,1) forwards;transition:opacity .3s ease,filter .6s ease}@keyframes metallic-draw{0%{filter:drop-shadow(0 0 4px rgba(245,158,11,.8)) brightness(2)}50%{filter:drop-shadow(0 0 16px rgba(245,158,11,.4)) brightness(1)}to{filter:drop-shadow(0 0 8px rgba(245,158,11,.5))}}.shield-particle{position:absolute;width:4px;height:4px;background:#fbbf24;border-radius:50%;filter:drop-shadow(0 0 4px #fbbf24) drop-shadow(0 0 10px #f59e0b);opacity:0;pointer-events:none;z-index:0;animation:particle-float 3s ease-in-out infinite}@keyframes particle-float{0%{transform:translateY(0) scale(.5);opacity:0}30%{opacity:.8}70%{opacity:.8}to{transform:translateY(-60px) scale(1.5);opacity:0}}.shield-core{opacity:0;transition:opacity .8s ease;transform-box:fill-box;transform-origin:center}.shield-core.is-filled{opacity:1;fill:url(#core-gradient-fill);background:radial-gradient(circle at 50% 40%,#fbbf24,#f59e0b 70%,#d97706)}.shield-core.is-pulsing{animation:core-pulse 2.5s ease-in-out infinite}@keyframes core-pulse{0%,to{opacity:.88;filter:brightness(1);transform:scale(1)}50%{opacity:1;filter:brightness(1.08);transform:scale(1.015)}}.shield-ring{transform-box:fill-box;transform-origin:center;transform:scale(.5);opacity:0;transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}.shield-ring circle,.shield-ring ellipse,.shield-ring path{stroke-dasharray:6 4}.shield-ring.is-visible{opacity:1;transform:scale(1);filter:drop-shadow(0 0 6px rgba(245,158,11,.35))}.shield-ring.ring-1.is-visible{animation:ring-rotate 20s linear .6s infinite}.shield-ring.ring-2.is-visible{animation:ring-rotate-reverse 25s linear .6s infinite}@keyframes ring-rotate{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}@keyframes ring-rotate-reverse{0%{transform:rotate(0) scale(1)}to{transform:rotate(-360deg) scale(1)}}.shield-check{opacity:0;transition:opacity .3s ease,stroke-dashoffset .8s cubic-bezier(.65,0,.35,1)}.shield-check.is-drawn{opacity:1;stroke-dashoffset:0;filter:drop-shadow(0 0 12px rgba(34,197,94,.6)) drop-shadow(0 0 4px rgba(34,197,94,.3))}.shield-check.flash{animation:check-flash .3s ease-out}@keyframes check-flash{0%{filter:drop-shadow(0 0 12px rgba(34,197,94,.6)) drop-shadow(0 0 4px rgba(34,197,94,.3))}40%{filter:drop-shadow(0 0 30px rgba(34,197,94,.9)) drop-shadow(0 0 60px rgba(34,197,94,.5)) drop-shadow(0 0 6px rgba(255,255,255,.8))}to{filter:drop-shadow(0 0 12px rgba(34,197,94,.6)) drop-shadow(0 0 4px rgba(34,197,94,.3))}}.shield-container.is-glowing{animation:shield-glow 2.5s ease-in-out infinite}@keyframes shield-glow{0%,to{filter:drop-shadow(0 0 16px rgba(245,158,11,.4)) drop-shadow(0 0 4px rgba(245,158,11,.2))}50%{filter:drop-shadow(0 0 40px rgba(245,158,11,.7)) drop-shadow(0 0 12px rgba(245,158,11,.4))}}.shield-container.is-floating{animation:shield-float 4.5s ease-in-out infinite,shield-glow 2.5s ease-in-out infinite}@keyframes shield-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.shield-tagline{background:linear-gradient(135deg,#f59e0b,#d97706 40%,#fbbf24);background-clip:text;-webkit-background-clip:text}@media(prefers-reduced-motion:reduce){.shield-outline-path,.shield-outline{transition:none;stroke-dashoffset:0;opacity:1}.shield-core{transition:none;opacity:1}.shield-core.is-pulsing{animation:none}.shield-ring{transition:none;transform:scale(1)}.shield-ring.ring-1.is-visible,.shield-ring.ring-2.is-visible{animation:none}.shield-check{transition:none}.shield-check.flash{animation:none}.shield-container.is-glowing{animation:none;filter:drop-shadow(0 0 8px rgba(245,158,11,.3))}.shield-container.is-floating{animation:none;transform:none}.shield-label,.shield-tagline{transition:none;opacity:1;transform:none}.shield-visual:before,.shield-visual:after{animation:none}.shield-outline.is-drawing{filter:none}}.shield-forge-controls,.shield-score-panel{background:linear-gradient(150deg,#ffffffb8,#ffffff7a);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 12px 32px -12px #b478142e,0 2px 8px -2px #0f172a0f,inset 0 1px #ffffffd9}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.shield-forge-controls,.shield-score-panel{background:#ffffffeb}}.shield-toggle-btn{background:#ffffff8c;transition:transform .25s cubic-bezier(.34,1.4,.64,1),border-color .25s ease,box-shadow .3s ease,background-color .25s ease;will-change:transform}.shield-toggle-btn:hover{transform:translateY(-2px)}.shield-toggle-btn:active{transform:translateY(0) scale(.97);transition-duration:.08s}.shield-toggle-btn.active{border-color:#f59e0b66;background:#fffffff2;box-shadow:0 10px 25px -5px #f59e0b2e,0 8px 10px -6px #f59e0b1f,inset 0 1px #ffffffe6}.shield-toggle-btn:not(.active){opacity:.82}.shield-toggle-btn:not(.active) .w-10{background:#f1f5f9;color:#94a3b8}.shield-toggle-btn:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.shield-glow-base{transition:opacity 1s ease,transform 1s ease}.shield-container:not(.is-glowing) .shield-glow-base{opacity:0;transform:scale(.5)}.shield-label.is-waiting,.shield-tagline.is-waiting{opacity:0;transform:translateY(30px)}.shield-score-circle{transition:stroke .45s ease;stroke-linecap:round;filter:drop-shadow(0 0 2px rgba(15,23,42,.12));will-change:stroke-dashoffset}.shield-score-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.shield-event-ticker{transition:opacity .25s ease}.shield-event-ticker.is-swapping{opacity:0}@media(prefers-reduced-motion:reduce){.shield-label.is-waiting,.shield-tagline.is-waiting{opacity:1;transform:none}.shield-score-circle,.shield-event-ticker{transition:none}.shield-toggle-btn,.shield-toggle-btn:hover,.shield-toggle-btn:active{transition:none;transform:none}}