@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600&family=Marcellus&display=swap";:root{color:#f4eddd;font-synthesis:none;text-rendering:optimizelegibility;--ink:#080c0f;--ivory:#f4eddd;--muted:#94a0a0;--line:#253035;--brass:#d6b56d;--rift:#51e0d6;background:#080c0f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scrollbar-color:#38484b #090d10;background:#080c0f}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--rift);outline-offset:3px}::selection{background:var(--rift);color:var(--ink)}.app-shell{min-height:100vh;color:var(--ivory);background:radial-gradient(circle at 78% 12%, #22747838, transparent 27rem), radial-gradient(circle at 8% 45%, #4c32701f, transparent 32rem), linear-gradient(180deg, #0a0f13 0%, var(--ink) 56%, #070a0d 100%);position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#070b0ee0;align-items:center;gap:clamp(26px,4vw,62px);min-height:84px;padding:0 clamp(22px,5vw,80px);display:flex;position:relative}.brand{text-transform:uppercase;letter-spacing:2.2px;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;font-family:Barlow Condensed,sans-serif;font-size:18px;line-height:.9;display:flex}.brand small{color:var(--brass);letter-spacing:4.6px;font-size:9px}.brand-sigil{border:1px solid var(--brass);width:39px;height:46px;color:var(--brass);clip-path:polygon(50% 0,100% 20%,88% 82%,50% 100%,12% 82%,0 20%);background:linear-gradient(145deg,#d6b56d1f,#0000);place-items:center;font-family:Marcellus,serif;font-size:23px;display:grid}nav{align-self:stretch;align-items:center;gap:28px;display:flex}nav button{color:#869092;cursor:pointer;background:0 0;border:0;height:100%;padding:0 2px;font:600 12px DM Sans,sans-serif;position:relative}nav button.active,nav button:hover:not(:disabled){color:var(--ivory)}nav button.active:after{content:"";background:var(--brass);height:2px;position:absolute;bottom:-1px;left:0;right:0;box-shadow:0 -3px 14px #d6b56d59}nav button span{color:#8ce7e2;background:#1a3438;border-radius:12px;margin-left:4px;padding:2px 6px;font-size:9px}nav button i{color:var(--brass);letter-spacing:1px;margin-left:4px;font-size:8px;font-style:normal}.local-profile{color:#798487;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font:600 9px DM Sans,sans-serif;display:flex}.local-pulse{background:var(--rift);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #51e0d617,0 0 16px #51e0d680}.preview-notice{z-index:8;background:linear-gradient(90deg,#56411f6b,#121b1ed1 55%,#101a1da6);border-bottom:1px solid #d6b56d40;align-items:center;gap:22px;min-height:54px;padding:10px clamp(22px,5vw,80px);display:flex;position:relative}.notice-title{color:#f0d498;text-transform:uppercase;letter-spacing:2px;align-items:center;gap:9px;min-width:max-content;font:600 10px DM Sans,sans-serif;display:flex}.status-gem{border:1px solid var(--brass);background:#d6b56d40;width:8px;height:8px;transform:rotate(45deg)}.preview-notice p{color:#a8b0ae;margin:0;font-size:11px;line-height:1.5}.preview-notice button{color:#c8ceca;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;background:#070c0f73;border:1px solid #4a5656;min-width:max-content;margin-left:auto;padding:8px 11px;font:600 9px DM Sans,sans-serif}.preview-notice button:hover{border-color:var(--brass);color:#f0d498}.preview-notice button span{color:var(--brass);padding-left:7px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:3.2px;color:var(--brass);font:600 10px DM Sans,sans-serif}.hero-panel{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;max-width:1500px;min-height:610px;margin:auto;padding:62px clamp(24px,7vw,110px) 54px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.hero-copy h1,.database-head h1{color:#f4eddd;letter-spacing:-4px;max-width:850px;margin:22px 0 26px;font:400 clamp(56px,6.6vw,102px)/.94 Marcellus,serif}.hero-copy h1 em{color:#0000;-webkit-text-stroke:1px #9db5b1;text-shadow:0 0 45px #51e0d60f;font-style:normal}.hero-copy>p{color:#9aa4a3;max-width:585px;font-size:15px;line-height:1.8}.hero-copy>button{background:var(--ivory);color:#11171a;border:1px solid var(--ivory);cursor:pointer;margin-top:28px;padding:16px 20px;font-size:12px;font-weight:700;transition:background .2s,color .2s,transform .2s;box-shadow:0 12px 35px #0000003d}.hero-copy>button:hover{color:var(--ivory);background:0 0;transform:translateY(-2px)}.hero-copy>button span{color:#98793f;margin-left:18px}.hero-facts{gap:26px;margin-top:42px;display:flex}.hero-facts span{color:#6f7b7c;text-transform:uppercase;letter-spacing:1.5px;font-size:8px}.hero-facts b{color:#c8d0cc;margin-right:5px;font:400 18px Marcellus,serif}.rift-window{aspect-ratio:1;filter:drop-shadow(0 0 55px #38d6d11a);background:radial-gradient(circle,#e0fffceb 0 1.5%,#56dcd6 2%,#1f7476 9%,#123238 25%,#0b1519 48%,#0000 69%);border-radius:50%;justify-self:center;place-items:center;width:min(38vw,480px);display:grid;position:relative}.rift-window:before{content:"";border:1px solid #60ded84d;border-radius:50%;position:absolute;inset:12%;box-shadow:inset 0 0 50px #4cd6d333,0 0 60px #4cd6d314}.rift-window:after{content:"◇";color:#5cdfd70e;font:340px/1 Marcellus,serif;position:absolute;transform:rotate(18deg)}.orbit{pointer-events:none;border-radius:50%;position:absolute}.orbit-a{border-top:1px solid #d6b56d80;border-right:1px solid #d6b56d0f;inset:3%;transform:rotate(28deg)}.orbit-b{border-bottom:1px solid #5cddd814;border-left:1px solid #5cddd854;inset:20%;transform:rotate(-48deg)}.rift-card{aspect-ratio:5/7;z-index:1;clip-path:polygon(6% 0,94% 0,100% 4%,100% 96%,94% 100%,6% 100%,0 96%,0 4%);background:linear-gradient(145deg,#d7b56d3d,#0000 35%),radial-gradient(circle at 65% 40%,#235e63,#101a20 55%);border:1px solid #d6b56db8;flex-direction:column;justify-content:space-between;width:112px;padding:14px;display:flex;position:absolute;box-shadow:0 20px 38px #00000075}.rift-card:before{content:"◇";color:#7ef6ef80;align-self:center;font:56px Marcellus,serif}.rift-card i{color:var(--brass);letter-spacing:2px;font:600 9px DM Sans,sans-serif}.rift-card b{color:var(--ivory);font:400 20px Marcellus,serif}.rift-card-back{opacity:.62;transform:translate(58px,-27px)rotate(14deg)}.rift-card-front{transform:translate(-55px,15px)rotate(-10deg)}.vault-count{z-index:3;border-left:2px solid var(--rift);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070c0fdb;width:138px;padding:14px 16px;position:absolute;bottom:15%;right:4%}.vault-count strong{color:#efffff;font:400 36px/1 Marcellus,serif;display:block}.vault-count small{color:#71c5c3;letter-spacing:1.6px;font-size:7px}.sets-section{max-width:1500px;margin:auto;padding:18px clamp(24px,5vw,80px) 110px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:27px;display:flex}.section-heading h2{margin:10px 0 0;font:400 38px Marcellus,serif}.section-heading>p{letter-spacing:2px;text-transform:uppercase;color:#707b7c;font:500 9px DM Sans,sans-serif}.set-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.set-panel{border:1px solid #273136;border-top-color:var(--panel-accent,#3caeb0);text-align:left;cursor:pointer;background:linear-gradient(145deg,#182227fa,#0c1216fa);min-height:302px;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.set-panel:hover{border-color:var(--panel-accent,var(--rift));z-index:2;transform:translateY(-6px);box-shadow:0 18px 44px #00000042}.set-0{--panel-accent:#48c8c5}.set-1{--panel-accent:#d66d56}.set-2{--panel-accent:#8b75d5}.set-3{--panel-accent:#d0a351}.set-panel:before{content:"";border:1px solid color-mix(in srgb, var(--panel-accent) 30%, transparent);width:215px;height:215px;box-shadow:0 0 70px color-mix(in srgb, var(--panel-accent) 9%, transparent);border-radius:50%;position:absolute;top:-85px;right:-88px}.set-index{color:#536064;letter-spacing:2px;font-size:10px}.set-code{float:right;letter-spacing:2.4px;color:var(--panel-accent);font-size:9px}.set-sigil{color:color-mix(in srgb, var(--panel-accent) 65%, transparent);font:55px Marcellus,serif;position:absolute;top:58px;right:23px}.set-panel h3{margin:80px 0 38px;font:400 clamp(24px,2.1vw,31px) Marcellus,serif;position:relative}.set-progress{color:#747f80;justify-content:space-between;font-size:10px;display:flex}.set-progress b{color:#e3e7e1;font-weight:600}.progress-track{background:#2c363a;height:2px;margin-top:11px}.progress-track i{background:var(--panel-accent,var(--rift));height:100%;box-shadow:0 0 8px var(--panel-accent,var(--rift));display:block}.open-label{color:#929d9d;text-transform:uppercase;letter-spacing:1.8px;margin-top:25px;font-size:8px;display:block}.open-label i{float:right;color:var(--panel-accent);font-size:13px;font-style:normal}.database{max-width:1500px;margin:auto;padding:46px clamp(22px,5vw,72px) 100px}.database-head .back{color:#7f898a;cursor:pointer;background:0 0;border:0;padding:0 0 35px}.database-head .back:hover{color:var(--rift)}.database-head h1{margin:14px 0 10px;font-size:clamp(48px,6vw,72px)}.database-head>p{color:#788183}.filter-bar{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e1519eb;border:1px solid #2a3438;gap:10px;margin:32px 0;padding:12px;display:flex;position:sticky;top:0;box-shadow:0 12px 28px #00000024}.search{background:#090e12;border:1px solid #242d32;flex:1;align-items:center;gap:10px;padding:0 13px;display:flex}.search span{color:var(--rift);font-size:24px}.search input{width:100%;color:var(--ivory);background:0 0;border:0;outline:0;padding:12px 0}.filter-bar select{color:#bcc3c0;background:#0b1115;border:1px solid #2b363a;padding:0 38px 0 14px}.owned-toggle{color:#aab2b1;cursor:pointer;align-items:center;gap:9px;padding:0 14px;font-size:11px;display:flex}.owned-toggle input{opacity:0;position:absolute}.owned-toggle span{background:#343e40;border-radius:10px;width:31px;height:17px;position:relative}.owned-toggle span:after{content:"";background:#7d8787;border-radius:50%;width:13px;height:13px;transition:all .2s;position:absolute;top:2px;left:2px}.owned-toggle input:checked+span{background:#247b7b}.owned-toggle input:checked+span:after{background:#c6fffa;left:16px}.card-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.card-tile{background:linear-gradient(155deg,#121a1f,#0d1317);border:1px solid #273136;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 12px 26px #0000001f}.card-tile:hover{border-color:#596a6d;transform:translateY(-5px);box-shadow:0 20px 38px #00000040}.card-art{aspect-ratio:5/7;cursor:pointer;color:#697577;background:linear-gradient(145deg,#1d3035,#0b1013);border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.card-art>img{object-fit:cover;width:100%;height:100%}.placeholder-art{--art-accent:#54c9c6;isolation:isolate;color:#eef4ec;background:linear-gradient(180deg, transparent 40%, #060a0ddb 88%), radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--art-accent) 48%, transparent), transparent 29%), linear-gradient(145deg, color-mix(in srgb, var(--art-accent) 23%, #182129), #080d11 72%);flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding:23px 19px;display:flex;position:relative}.placeholder-art:before,.placeholder-art:after{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--art-accent) 42%, transparent);clip-path:polygon(7% 0,93% 0,100% 7%,100% 93%,93% 100%,7% 100%,0 93%,0 7%);position:absolute;inset:7%}.placeholder-art:after{border-color:#f0e4c029;inset:11%}.art-fury{--art-accent:#d95f4f}.art-calm{--art-accent:#48a8c9}.art-chaos{--art-accent:#9569cd}.art-body{--art-accent:#c4b84d}.art-order{--art-accent:#dfb764}.art-mind{--art-accent:#7286dc}.art-halo{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--art-accent) 65%, white 5%);width:54%;box-shadow:0 0 28px color-mix(in srgb, var(--art-accent) 30%, transparent), inset 0 0 25px color-mix(in srgb, var(--art-accent) 16%, transparent);border-radius:50%;position:absolute;top:20%}.art-halo:before{content:"";border:1px solid #eef6eb3d;position:absolute;inset:17%;transform:rotate(45deg)}.art-glyph{color:#f5f0e0e6;text-shadow:0 0 20px var(--art-accent);font:400 clamp(46px,6vw,76px) Marcellus,serif;position:absolute;top:23%}.art-title{z-index:1;text-align:center;max-width:88%;font:400 clamp(16px,1.7vw,24px)/1.08 Marcellus,serif}.art-set{z-index:1;color:var(--art-accent);letter-spacing:3px;margin-top:9px;font:600 8px DM Sans,sans-serif}.rarity-mark{border:1px solid var(--brass);width:27px;height:27px;color:var(--brass);z-index:3;background:#080d10e6;place-items:center;font-size:9px;display:grid;position:absolute;bottom:12px;right:12px;transform:rotate(45deg)}.rarity-mark:first-letter{transform:rotate(-45deg)}.card-copy{padding:16px}.card-kicker{letter-spacing:1.3px;text-transform:uppercase;color:#7e898a;justify-content:space-between;font-size:8px;display:flex}.card-copy h3{white-space:nowrap;text-overflow:ellipsis;margin:10px 0 14px;font:400 20px Marcellus,serif;overflow:hidden}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.card-tags>span{letter-spacing:.7px;text-transform:uppercase;color:#99a3a2;border:1px solid #344044;padding:4px 7px;font-size:7px}.card-tags .domain{color:#69d8d2;border-color:#28797a}.card-tags .domain-fury{color:#df6e68;border-color:#7c3736}.card-tags .domain-calm{color:#72bfe0;border-color:#326a83}.card-tags .domain-chaos{color:#c188e1;border-color:#693b80}.card-tags .domain-body{color:#d1c867;border-color:#74703c}.card-tags .domain-order{color:#e2bd71;border-color:#80683f}.card-tags .domain-mind{color:#92a8ec;border-color:#485a8e}.quantity{border-top:1px solid #293438;justify-content:space-between;align-items:center;margin-top:18px;padding-top:13px;display:flex}.quantity button{cursor:pointer;background:#172025;border:1px solid #38464a;width:29px;height:29px}.quantity button:hover{border-color:var(--rift);color:var(--rift)}.quantity span{color:#8a9696;font-size:9px}.quantity b{color:#e9e5db;font-size:14px}.loading,.empty-state{text-align:center;place-content:center;min-height:70vh;display:grid}.loader{border:1px solid #334146;border-top-color:var(--rift);border-radius:50%;width:48px;height:48px;margin:auto;animation:1s linear infinite spin}.loading p,.empty-state p{color:#7e8888}.empty-state{min-height:350px}.empty-state>span{color:#526467;font:54px Marcellus,serif}.empty-state h2{margin-bottom:0;font:400 28px Marcellus,serif}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020405e6;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.card-modal{width:min(900px,96vw);max-height:92vh;color:var(--ivory);background:#10171b;border:1px solid #3e4a4d;grid-template-columns:minmax(260px,42%) 1fr;margin:0;padding:0;display:grid;position:relative;overflow:auto;box-shadow:0 35px 100px #00000094}.modal-close{z-index:4;cursor:pointer;background:#10161ae0;border:1px solid #4c595b;width:38px;height:38px;font-size:22px;position:absolute;top:14px;right:14px}.modal-art{background:#080c0f;min-height:520px;overflow:hidden}.modal-art>img{object-fit:contain;width:100%;height:100%;display:block}.modal-copy{padding:60px 44px}.modal-copy h2{margin:14px 0;font:400 44px/1 Marcellus,serif}.modal-meta{color:#8e9998}.stat-row{gap:10px;margin:30px 0 15px;display:flex}.stat-row span{color:#8e9897;border:1px solid #303b3e;padding:10px 13px;font-size:9px}.stat-row b{color:#eee8dc;margin-right:4px;font:400 22px Marcellus,serif}.rules-text{border-left:2px solid var(--brass);color:#bac2bf;margin:28px 0;padding:4px 0 4px 18px;line-height:1.7}.quantity.large button{width:38px;height:38px}footer{border-top:1px solid var(--line);color:#5f6a6b;letter-spacing:1.2px;justify-content:space-between;gap:30px;padding:31px clamp(22px,5vw,80px);font-size:8px;display:flex}footer p:first-child{color:#8a9695}footer p:first-child span{color:#526060}footer p:last-child{text-align:right;max-width:560px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.topbar{gap:24px}.topbar nav{display:none}.hero-panel{grid-template-columns:1fr;padding-top:76px}.rift-window{opacity:.62;width:460px;position:absolute;right:-8%}.hero-copy{max-width:720px}.set-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.topbar{min-height:70px}.local-profile{font-size:0}.preview-notice{flex-wrap:wrap;align-items:flex-start;gap:7px 14px;padding-top:12px;padding-bottom:12px}.preview-notice p{flex-basis:100%;order:3}.preview-notice button{padding:5px 8px}.hero-panel{align-items:start;min-height:610px;padding-top:66px}.hero-copy h1{letter-spacing:-2.5px;font-size:55px}.hero-copy>p{max-width:88%}.hero-facts{gap:14px}.rift-window{width:360px;bottom:-10px;right:-150px}.rift-card{width:88px;padding:10px}.vault-count{bottom:7%;right:18%}.set-grid,.card-grid{grid-template-columns:1fr 1fr}.filter-bar{flex-wrap:wrap}.search{flex-basis:100%;height:46px}.filter-bar select{flex:1;height:42px}.card-modal{grid-template-columns:1fr}.modal-art{min-height:420px}.modal-copy{padding:34px 24px}.card-copy h3{font-size:16px}.set-panel{min-height:255px}.set-panel h3{margin-top:54px}footer{flex-direction:column}footer p:last-child{text-align:left}}@media (width<=480px){.brand{font-size:16px}.hero-copy h1{font-size:48px}.hero-facts span{letter-spacing:.8px}.set-grid,.card-grid{grid-template-columns:1fr}.section-heading>p{display:none}.database-head h1{font-size:46px}.modal-art{min-height:360px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}