:root{--bg: #08080f;--surface: rgba(12,12,20,.94);--border: rgba(90,80,80,.3);--gold: #FFD700;--green: #4ade80;--red: #ef4444;--text: #e2e8f0;--muted: #94a3b8;--mono: "SF Mono","Fira Code",ui-monospace,monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--mono);background:var(--bg);color:var(--text)}.app{width:100vw;min-height:100vh;overflow-x:hidden}.land{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#12121f66 0%,var(--bg) 65%);position:relative}.fog{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 30% 80%,#1e293b33,transparent 60%),radial-gradient(ellipse at 70% 20%,#33415522,transparent 55%)}.lc{text-align:center;max-width:560px;padding:2rem;position:relative;z-index:1}.eyebrow{font-size:.68rem;letter-spacing:.22em;color:var(--gold);margin-bottom:1.4rem;opacity:.75}.lh{font-size:clamp(2.8rem,7.5vw,4.8rem);font-weight:800;line-height:1.08;margin-bottom:1.4rem;letter-spacing:-.02em}.gold{color:var(--gold)}.ls{font-size:.9rem;color:var(--muted);line-height:1.7;margin-bottom:2.4rem;font-family:system-ui,sans-serif}.scan-btn{background:linear-gradient(135deg,gold,#f59e0b);color:#07070e;border:none;padding:1rem 2.6rem;font-size:1rem;font-weight:800;letter-spacing:.14em;border-radius:4px;cursor:pointer;font-family:inherit;box-shadow:0 0 22px #ffd70044;animation:pulse-btn 2s ease-in-out infinite}@keyframes pulse-btn{0%,to{box-shadow:0 0 22px #ffd70044}50%{box-shadow:0 0 42px #ffd70077}}.chips{display:flex;gap:.7rem;justify-content:center;align-items:center;margin-top:1.4rem;font-size:.72rem;color:var(--muted)}.dot{opacity:.4}.wall-wrap{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;position:relative;background:radial-gradient(ellipse at 50% 40%,#12121f55,var(--bg) 70%)}.wall-title{font-size:.85rem;color:var(--muted);margin-bottom:2.5rem;letter-spacing:.05em}.score-hud{position:fixed;top:1.4rem;right:1.6rem;text-align:right;z-index:20}.score-lbl{font-size:.6rem;letter-spacing:.15em;color:var(--muted);margin-bottom:.2rem}.score-num{font-size:3rem;font-weight:800;line-height:1}.score-max{font-size:1.1rem;color:var(--muted);font-weight:400}.wall{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:1200px}.shield-cell{width:110px;cursor:pointer;display:flex;flex-direction:column;align-items:center;position:relative}.shield-holder{position:relative;width:90px;height:108px;transition:transform .2s}.shield-cell:hover .shield-holder{transform:scale(1.08)}.shield-svg{width:100%;height:100%}.shield-holder.aura:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:radial-gradient(circle,#4ade8033,transparent 70%);animation:aura-pulse 2s ease-in-out infinite;z-index:-1}@keyframes aura-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.shield-sigil{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-size:1.6rem;transition:opacity .4s}.shield-name{font-size:.72rem;margin-top:.5rem;color:var(--text);font-weight:600}.shield-state{font-size:.6rem;letter-spacing:.08em;margin-top:.15rem;font-weight:700}.hover-card{position:absolute;bottom:110%;left:50%;transform:translate(-50%) translateY(8px);width:210px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.7rem;opacity:0;pointer-events:none;transition:all .2s;z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shield-cell:hover .hover-card{opacity:1;transform:translate(-50%) translateY(0)}.hc-name{font-size:.72rem;font-weight:700;margin-bottom:.25rem}.hc-val{font-size:.66rem;color:#7dd3fc;margin-bottom:.35rem;word-break:break-all;font-family:var(--mono)}.hc-risk{font-size:.68rem;color:var(--muted);line-height:1.5;font-family:system-ui,sans-serif}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04040ae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:2rem}.detail{display:flex;gap:2rem;max-width:900px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;max-height:90vh}.detail-left{flex:0 0 200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.detail-shield{position:relative;width:170px;height:204px}.detail-shield.aura:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;background:radial-gradient(circle,#4ade8033,transparent 70%);animation:aura-pulse 2s ease-in-out infinite;z-index:-1}.detail-sigil{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-size:3rem}.detail-shortname{font-size:.8rem;color:var(--muted);margin-top:.8rem;font-weight:600}.detail-right{flex:1;position:relative;overflow-y:auto}.detail-x{position:absolute;top:0;right:0;background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer}.detail-x:hover{color:var(--text)}.detail-header{font-size:1.4rem;font-weight:800;margin-bottom:.6rem;padding-right:2rem}.detail-sev{display:inline-block;padding:.18rem .6rem;border:1px solid;border-radius:3px;font-size:.62rem;font-weight:700;letter-spacing:.07em;margin-bottom:.8rem}.detail-attack{font-size:1rem;color:var(--red);font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem}.detail-txt{font-size:.82rem;color:var(--muted);line-height:1.65;margin-top:.8rem;font-family:system-ui,sans-serif}.detail-txt.muted{opacity:.8}.detail-done{margin-top:1.2rem;background:#15803d22;border:1px solid #4ade8044;border-radius:6px;padding:1rem}.detail-done>div{color:var(--green);font-weight:800;letter-spacing:.08em;margin-bottom:.5rem}.detail-done code{font-size:.7rem;color:#7dd3fc;word-break:break-all}.harden-btn{margin-top:1.2rem;width:100%;background:linear-gradient(135deg,#b91c1c,#ef4444);color:#fff;border:none;padding:.9rem;font-size:.9rem;font-weight:800;letter-spacing:.1em;border-radius:5px;cursor:pointer;font-family:inherit}.harden-btn:disabled{opacity:.6;cursor:not-allowed}.demo{margin-top:1rem;height:110px;background:#000;border:1px solid var(--border);border-radius:6px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.d-clickjack{position:relative;width:100%;height:100%}.cj-real{position:absolute;top:40px;left:50%;transform:translate(-50%);background:#1e293b;color:#f87171;padding:.5rem 1rem;border-radius:4px;font-size:.75rem;font-weight:700}.cj-fake{position:absolute;top:40px;left:50%;transform:translate(-50%);background:#4ade80;color:#000;padding:.5rem 1rem;border-radius:4px;font-size:.75rem;font-weight:700;animation:cj-slide 5s ease-in-out infinite}@keyframes cj-slide{0%,40%{opacity:1;transform:translate(-50%) translateY(0)}60%,to{opacity:0;transform:translate(-50%) translateY(-30px)}}.cj-cursor{position:absolute;top:55px;left:50%;color:#fff;font-size:1rem;animation:cj-click 5s ease-in-out infinite}@keyframes cj-click{0%,50%{transform:translate(20px,20px)}55%,65%{transform:translate(0)}to{transform:translate(20px,20px)}}.csp-browser{position:absolute;top:10px;left:10px;right:10px;background:#1e293b;color:#94a3b8;padding:.3rem .6rem;border-radius:3px;font-size:.62rem}.csp-script{position:absolute;top:50px;left:50%;transform:translate(-50%);color:#f87171;font-size:.72rem;animation:csp-in 5s ease-in-out infinite}@keyframes csp-in{0%{opacity:0;transform:translate(-50%) translate(-100px)}30%,to{opacity:1;transform:translate(-50%)}}.csp-cookie{position:absolute;bottom:12px;left:50%;transform:translate(-50%);color:#fbbf24;font-size:.7rem;font-weight:700;animation:csp-steal 5s ease-in-out infinite}@keyframes csp-steal{0%,50%{opacity:0;transform:translate(-50%) translateY(0)}70%,to{opacity:1;transform:translate(-50%) translateY(-8px)}}.d-hsts{display:flex;flex-direction:column;align-items:center;gap:.4rem}.hsts-lock{color:#4ade80;font-size:.9rem}.hsts-arrow{color:#f59e0b;font-size:.7rem;animation:blink 1.5s infinite}.hsts-open{color:#f87171;font-size:.9rem;animation:blink 1.5s infinite .75s}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}.d-mime{position:relative}.mime-file{font-size:.9rem;color:#94a3b8;animation:mime-flip 5s ease-in-out infinite}.mime-reveal{position:absolute;top:0;left:0;right:0;text-align:center;color:#f87171;font-size:.9rem;font-weight:700;animation:mime-reveal 5s ease-in-out infinite}@keyframes mime-flip{0%,45%{opacity:1}55%,to{opacity:0}}@keyframes mime-reveal{0%,45%{opacity:0}55%,to{opacity:1}}.d-referrer{display:flex;align-items:center;gap:.8rem;font-size:.68rem}.ref-src{color:#7dd3fc}.ref-arrow{color:#f59e0b;animation:ref-fly 3s ease-in-out infinite}@keyframes ref-fly{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(8px);opacity:1}}.ref-dst{color:#f87171}.d-permissions{display:flex;align-items:center;gap:1rem}.perm-mic{font-size:2rem}.perm-rec{color:#ef4444;font-weight:700;font-size:.8rem;animation:blink 1s infinite}.d-window{position:relative;width:100%;height:100%}.win-main{position:absolute;top:20px;left:20px;background:#1e293b;color:#94a3b8;padding:.6rem 1rem;border-radius:4px;font-size:.68rem}.win-popup{position:absolute;bottom:20px;right:20px;background:#7f1d1d;color:#fca5a5;padding:.6rem 1rem;border-radius:4px;font-size:.68rem;animation:win-probe 3s ease-in-out infinite}@keyframes win-probe{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}.victory{position:fixed;top:1.4rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#a16207,gold);color:#07070e;padding:.8rem 2rem;border-radius:4px;font-size:.92rem;font-weight:800;letter-spacing:.06em;z-index:60;box-shadow:0 0 44px #ffd70066;white-space:nowrap}.particles{position:absolute;top:50%;left:50%;pointer-events:none;z-index:40}.particle{position:absolute;width:8px;height:8px;border-radius:50%}.v-burst{position:fixed;top:0;left:0;width:0;height:0;z-index:60}.v-burst .particles{position:fixed;top:50vh;left:50vw}.bottom{position:fixed;bottom:1.3rem;left:50%;transform:translate(-50%);display:flex;gap:.7rem;z-index:20}.b-btn{background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:.55rem 1.3rem;font-size:.78rem;font-weight:600;letter-spacing:.08em;border-radius:4px;cursor:pointer;font-family:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.b-btn:hover{color:var(--text)}.b-btn.accent{color:var(--gold);border-color:#ffd70044}