*{box-sizing:border-box;margin:0;padding:0}body{cursor:pointer;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background-color:#f3f5f9;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}#hud-overlay{color:#4a5568;letter-spacing:3px;text-transform:uppercase;pointer-events:none;z-index:50;border-left:2px solid #3182ce;padding-left:15px;font-size:11px;line-height:1.8;position:absolute;top:25px;left:25px}#hud-overlay span{color:#3182ce;font-weight:700}#core-label{text-align:center;pointer-events:none;z-index:10;opacity:0;animation:1.5s .5s forwards labelFadeIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.core-title{letter-spacing:8px;color:#2d3748;text-shadow:0 0 60px #3182ce26;margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,5vw,52px);font-weight:700}.core-sub{letter-spacing:3px;text-transform:uppercase;color:#718096;font-size:12px;animation:3s ease-in-out infinite subtlePulse}#counter-badge{-webkit-backdrop-filter:blur(12px);color:#4a5568;letter-spacing:1px;z-index:50;pointer-events:none;background:#ffffffd9;border:1px solid #ffffff80;border-radius:20px;padding:8px 18px;font-size:12px;font-weight:600;position:fixed;top:25px;right:25px;box-shadow:0 4px 20px #0000000a}#counter-badge #badge-count{color:#3182ce;font-family:Space Grotesk,monospace;font-weight:700}#category-legend{z-index:50;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:25px;left:25px}.legend-item{letter-spacing:2px;text-transform:uppercase;color:#718096;align-items:center;gap:8px;font-size:10px;font-weight:500;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}#card-container{pointer-events:none;z-index:100;width:100vw;height:100vh;position:fixed;top:0;left:0}.fact-card{-webkit-backdrop-filter:blur(20px);pointer-events:auto;cursor:default;opacity:0;background:#ffffffeb;border:1px solid #fff9;border-radius:16px;width:340px;max-width:calc(100vw - 40px);padding:0;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards cardIn;position:absolute;overflow:hidden;transform:scale(.85)translateY(10px);box-shadow:0 20px 60px #00000014,0 4px 16px #0000000a}.fact-card.closing{animation:.3s cubic-bezier(.4,0,1,1) forwards cardOut}.card-accent{width:100%;height:4px}.card-body{padding:20px 24px 24px}.card-category{letter-spacing:2.5px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;font-weight:700;display:flex}.card-category:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.card-title{color:#1a202c;margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:600;line-height:1.35}.card-fact{color:#4a5568;font-size:13.5px;line-height:1.65}.card-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;display:flex}.card-number{color:#a0aec0;letter-spacing:1px;font-family:Space Grotesk,monospace;font-size:11px;font-weight:600}.card-close{color:#718096;cursor:pointer;pointer-events:auto;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .2s,color .2s;display:flex}.card-close:hover{color:#2d3748;background:#0000001a}.click-ripple{pointer-events:none;z-index:90;border-radius:50%;width:20px;height:20px;animation:.6s ease-out forwards rippleOut;position:fixed;transform:translate(-50%,-50%)scale(0)}@keyframes labelFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes subtlePulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes cardIn{0%{opacity:0;transform:scale(.85)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes cardOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)translateY(8px)}}@keyframes rippleOut{0%{opacity:.5;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(4)}}@media (width<=640px){.fact-card{width:300px}#category-legend{display:none}.core-title{letter-spacing:4px}}