:root{--card-radius:24px;--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--c-bg:#fff;--c-card-bg:hsla(0,0%,100%,.8);--c-border:rgba(148,163,184,.3);--c-text-primary:#0f172a;--c-text-secondary:#475569;--shadow-color:rgba(0,0,0,.1);--behind-gradient:none;--inner-gradient:none;--glare-gradient:none}.dark,[data-theme=dark]{--c-bg:#0f172a;--c-card-bg:rgba(15,23,42,.6);--c-border:rgba(56,189,248,.2);--c-text-primary:hsla(0,0%,100%,.95);--c-text-secondary:rgba(224,242,254,.7);--shadow-color:rgba(0,0,0,.4)}.pc-card-wrapper{perspective:900px;transform-style:preserve-3d;position:relative;touch-action:none;height:100%;min-height:360px}.pc-card-wrapper:before{content:"";position:absolute;inset:-20px;background:var(--behind-gradient);background-position:50%;background-size:150% 150%;border-radius:var(--card-radius);transition:all .6s cubic-bezier(.23,1,.32,1);filter:blur(50px);transform:scale(.8);opacity:0;z-index:0}.pc-card-wrapper.active:before,.pc-card-wrapper:hover:before{transform:scale(1);opacity:.4}.pc-card{height:100%;display:grid;aspect-ratio:1/1.15;border-radius:var(--card-radius);position:relative;overflow:hidden;border:1px solid var(--c-border);background-color:var(--c-card-bg);backdrop-filter:blur(16px);box-shadow:0 15px 35px var(--shadow-color);transition:transform 1s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d;transform:rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card.active,.pc-card:hover{transition:transform .1s}.pc-card *{grid-area:1/-1;transform-style:preserve-3d;pointer-events:none}.pc-inside{display:grid;border-radius:var(--card-radius);background:var(--inner-gradient);inset:1px}.pc-glare{background:var(--glare-gradient);mix-blend-mode:overlay;opacity:calc(var(--card-opacity) * .9);z-index:5;transition:opacity .5s}.pc-alert-icon-content{display:flex;align-items:center;justify-content:center;transform:translateZ(50px);opacity:calc(.25 + (.75 * var(--pointer-from-center)));filter:drop-shadow(0 0 30px var(--glow-color,transparent));transition:opacity .4s}.alert-icon-container{width:30%;height:30%;color:var(--c-text-primary)}.pc-content{text-align:center;transform:translateZ(30px);z-index:2;justify-content:flex-start;padding:1.5rem 1rem 0}.pc-content,.pc-details{display:flex;flex-direction:column}.pc-details{gap:.25rem}.pc-details h3{font-weight:700;margin:0;font-size:1.25rem;line-height:1.4;color:var(--c-text-primary);text-shadow:0 2px 15px var(--shadow-color)}.pc-details p{font-weight:700;font-size:.9rem;margin:.25rem auto 0;letter-spacing:.15em;text-transform:uppercase;padding:.2rem .6rem;border-radius:99px;-webkit-background-clip:unset;-webkit-text-fill-color:unset;color:#fff}.pc-alert-info{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:1rem;background:linear-gradient(to top,var(--c-bg) 40%,transparent);pointer-events:auto;gap:.75rem;transform:translateZ(20px)}.pc-alert-details,.pc-alert-info{display:flex;flex-direction:column}.pc-alert-details{gap:.6rem;font-size:.8rem;color:var(--c-text-secondary);line-height:1.5;text-align:left}.pc-alert-details div,.pc-alert-details p{display:flex;align-items:flex-start;gap:.6rem}.pc-alert-details svg{flex-shrink:0;margin-top:3px;color:var(--icon-color,var(--c-text-primary))}.pc-details-btn{border:1px solid var(--c-border);border-radius:.75rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;color:var(--c-text-primary);cursor:pointer;backdrop-filter:blur(10px);background:rgba(56,189,248,.1);text-align:center;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.pc-details-btn:hover{background:rgba(56,189,248,.2);border-color:rgba(56,189,248,.4);transform:translateY(-2px);box-shadow:0 4px 20px var(--shadow-color)}.level-info{--glow-color:rgba(128,234,255,.7);--icon-color:#38bdf8}.level-info .pc-card{--behind-gradient:radial-gradient(circle,#1ac3e6 0%,transparent 60%);--glare-gradient:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(204,246,255,.25) 0%,transparent 100%)}.level-info .pc-details p{background-color:#38bdf8}.level-warning{--glow-color:rgba(255,217,102,.8);--icon-color:#facc15}.level-warning .pc-card{--behind-gradient:radial-gradient(circle,#fc3 0%,transparent 60%);--glare-gradient:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(255,230,153,.25) 0%,transparent 100%)}.level-warning .pc-details p{background-color:#facc15}.level-danger{--glow-color:hsla(0,90%,75%,.7);--icon-color:#f87171}.level-danger .pc-card{--behind-gradient:radial-gradient(circle,#eb4747 0%,transparent 60%);--glare-gradient:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,100%,85%,.2) 0%,transparent 100%)}.level-danger .pc-details p{background-color:#f87171}