:root{--bg:#070910;--panel:#111522;--line:#333c55;--gold:#f0d47d;--text:#f5f5f2;--muted:#a8b0c3;--cyan:#79d8ef;--violet:#9f91ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 50% -12%,#29314b 0,transparent 34%),linear-gradient(135deg,#06070d,#0b101b 55%,#080a11)}.relic-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,4vw,64px);border-bottom:1px solid #32394b;background:rgba(7,9,16,.94);backdrop-filter:blur(16px)}.relic-brand{color:#f5f5f2;text-decoration:none;font-weight:900;letter-spacing:.14em}.relic-brand span{color:var(--gold)}.relic-brand small{color:#7f8aa2;font-size:10px}.relic-topbar nav{display:flex;gap:22px}.relic-topbar nav a{color:#aeb6c8;text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.relic-topbar nav a:hover,.relic-topbar nav a.active{color:var(--gold)}main{width:min(1540px,100%);margin:auto;padding:0 clamp(16px,3vw,48px) 70px}.relic-hero{position:relative;display:flex;align-items:center;gap:30px;min-height:255px;margin:28px 0 18px;padding:42px clamp(24px,5vw,74px);overflow:hidden;border:1px solid #4b5262;background:linear-gradient(120deg,rgba(38,43,57,.97),rgba(11,14,23,.98))}.relic-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 50%,rgba(159,145,255,.13),transparent 30%),repeating-linear-gradient(90deg,transparent 0 99px,rgba(255,255,255,.025) 100px)}.relic-hero img{position:relative;z-index:1;width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(255,255,255,.22))}.relic-hero div{position:relative;z-index:1}.relic-hero span,.filter-block>span,.relic-search>span{display:block;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.2em}.relic-hero h1{margin:10px 0 8px;font-size:clamp(38px,6vw,80px);line-height:.9;letter-spacing:.04em}.relic-hero p{margin:0;color:#c0c7d5;font-size:15px}.relic-hero>b{position:relative;z-index:1;margin-left:auto;padding:10px 14px;border:1px solid #666f85;color:#dfe5ef;font-size:11px;letter-spacing:.12em}.relic-controls{position:sticky;top:69px;z-index:15;display:grid;grid-template-columns:minmax(240px,1fr) 1.15fr 2fr;gap:18px;align-items:end;padding:18px;border:1px solid #343c50;background:rgba(12,15,24,.96);backdrop-filter:blur(14px)}.relic-search input{width:100%;height:44px;margin-top:8px;padding:0 14px;border:1px solid #3d465d;outline:0;color:white;background:#080b12;font:inherit}.relic-search input:focus{border-color:var(--gold)}.filter-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.filter-row button,#relic-clear{min-height:34px;padding:7px 10px;border:1px solid #3c455a;color:#b8c0d0;background:#111622;font-size:10px;font-weight:900;letter-spacing:.06em;cursor:pointer}.filter-row button:hover,.filter-row button.active{border-color:var(--gold);color:#111;background:var(--gold)}.relic-results{padding-top:26px}.relic-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.relic-result-head p{color:#aeb7c9;font-size:12px;font-weight:800;letter-spacing:.1em}.relic-result-head>div{display:flex;align-items:center;gap:9px}.relic-result-head label{color:#7f899e;font-size:9px;font-weight:900;letter-spacing:.12em}.relic-result-head select{height:34px;padding:0 30px 0 10px;border:1px solid #3c455a;color:#dce2ed;background:#0c1019}.relic-result-head button{background:transparent}.relic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.relic-card{position:relative;min-width:0;min-height:365px;padding:18px;border:1px solid #3b4359;background:linear-gradient(155deg,#171c2a,#090c14);overflow:hidden}.relic-card.planar{border-color:#64588f;background:linear-gradient(155deg,#1d1930,#090c14 60%)}.relic-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#7eb8c8,#e6ffff,#7eb8c8)}.relic-card.planar:before{background:linear-gradient(90deg,#6653a5,#c9bcff,#6653a5)}.relic-card-head{display:flex;align-items:center;gap:15px}.relic-icon{width:96px;height:96px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #465168;border-radius:10px;background:radial-gradient(circle,#2d374a,#111622 68%)}.relic-card.planar .relic-icon{background:radial-gradient(circle,#3a315a,#151222 68%)}.relic-icon img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 7px 9px rgba(0,0,0,.4))}.relic-card h2{margin:0 0 10px;font-size:19px;line-height:1.2}.relic-type{display:inline-flex;padding:6px 8px;border:1px solid #536078;color:#d1d8e4;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.relic-bonuses{display:grid;gap:12px;margin-top:18px}.bonus{position:relative;padding:13px 14px 13px 48px;border:1px solid #303a50;background:#090d16}.bonus>b{position:absolute;left:12px;top:12px;display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:11px}.bonus h3{margin:0 0 6px;color:var(--gold);font-size:13px;letter-spacing:.04em}.bonus p{margin:0;color:#d0d6e2;font-size:13px;line-height:1.55}.relic-empty{padding:70px;text-align:center;color:#99a2b5;border:1px dashed #3b4459}@media(max-width:1280px){.relic-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.relic-controls{position:relative;top:auto;grid-template-columns:1fr}.relic-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.relic-topbar nav a:not(.active){display:none}.relic-hero{align-items:flex-start;flex-wrap:wrap}.relic-hero img{width:78px;height:78px}.relic-hero>b{margin-left:0}.relic-result-head{align-items:flex-start;flex-direction:column}.relic-result-head>div{width:100%;flex-wrap:wrap}.relic-grid{grid-template-columns:1fr}.relic-card{min-height:0}.relic-card h2{font-size:18px}.bonus p{font-size:14px}}@media(max-width:420px){.relic-icon{width:78px;height:78px}.relic-card{padding:14px}.bonus{padding-left:44px}}