/* Kryptex Pro2 - additive visual layer. Overrides nothing structural; only polish + new component styles. */
:root{--glass:rgba(14,20,34,.62);--glow:0 0 24px rgba(247,147,26,.28)}
html{scroll-behavior:smooth}
body::before,body::after{will-change:transform}
.card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;position:relative}
.card:hover{border-color:rgba(247,147,26,.28)}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%);background-size:250% 100%;background-position:150% 0;transition:background-position .9s}
.card:hover::after{background-position:-50% 0}
.btn{position:relative;overflow:hidden}.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}.btn:hover::after{transform:translateX(120%)}
.tab.on .ic{animation:bob 2.2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-3px) scale(1.12)}}
section[id^="v-"]:not(.hide){animation:viewin .45s cubic-bezier(.2,.8,.2,1) both}@keyframes viewin{from{opacity:0;transform:translateY(12px) scale(.995)}}
.sk{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.11),rgba(255,255,255,.04));background-size:200% 100%;animation:sk 1.2s linear infinite;border-radius:10px;height:18px;margin:10px 0}@keyframes sk{to{background-position:-200% 0}}
.hero2{overflow:hidden;background:linear-gradient(135deg,rgba(247,147,26,.16),rgba(0,224,255,.07) 60%,rgba(255,255,255,.02))}
.hero2 h2{font-size:24px;background:linear-gradient(90deg,#fff,#ffd27a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;inset-inline-end:-70px;top:-90px;background:radial-gradient(circle,rgba(247,147,26,.4),transparent 70%);animation:drift 9s ease-in-out infinite alternate}
.subs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none;position:sticky;top:calc(env(safe-area-inset-top) + 74px);z-index:5}.subs::-webkit-scrollbar{display:none}
.tbl{width:100%;border-collapse:collapse;font:600 12.5px var(--mono);direction:ltr}.tbl th{color:var(--mut);font-weight:600;text-align:end;padding:8px 6px;cursor:pointer;white-space:nowrap;position:sticky;top:0;background:rgba(10,14,24,.95)}.tbl th:first-child,.tbl td:first-child{text-align:start}
.tbl td{padding:9px 6px;text-align:end;border-top:1px solid var(--line);white-space:nowrap}.tbl tr.rw{cursor:pointer;transition:background .2s}.tbl tr.rw:hover{background:rgba(247,147,26,.07)}
.tw{overflow:auto;max-height:68vh;border-radius:14px;margin-top:8px}.cn{display:flex;align-items:center;gap:8px;font-family:system-ui}.cn img{width:22px;height:22px;border-radius:50%}.cn small{color:var(--mut);font:600 11px var(--mono)}
.mini{display:inline-block;width:70px;height:22px;vertical-align:middle}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tg{font:700 11px var(--mono);padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.07)}
.kp{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:10px}.kp .stat{transition:transform .25s}.kp .stat:hover{transform:translateY(-3px)}
.hb{height:8px;border-radius:8px;background:var(--line);overflow:hidden;margin-top:6px}.hb i{display:block;height:100%;width:0;transition:width 1s cubic-bezier(.2,.8,.2,1);background:linear-gradient(90deg,var(--ac),#ffd27a)}
.srch{margin-top:6px}.verd{font:800 11px var(--mono);padding:3px 10px;border-radius:999px;display:inline-block}.verd.b{background:rgba(22,199,132,.16);color:var(--up)}.verd.s{background:rgba(234,57,67,.16);color:var(--dn)}.verd.n{background:rgba(255,255,255,.08);color:var(--mut)}
.flt{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.flt .sel{width:auto;margin:6px 0 0;min-width:110px}
.pulse2{animation:pl2 2s ease-in-out infinite}@keyframes pl2{50%{box-shadow:0 0 0 6px rgba(247,147,26,0)}0%{box-shadow:0 0 0 0 rgba(247,147,26,.45)}}
@media (prefers-reduced-motion:reduce){.card::after,.btn::after{display:none}}