:root{--ink:#fff;--dim:#ffffff9e;--font:ui-sans-serif, -apple-system, "Segoe UI", Inter, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;background:#000;margin:0;overflow:hidden}#scene{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#scene.grabbing{cursor:grabbing}#overlay{z-index:5;pointer-events:none;transform-style:preserve-3d;user-select:none;position:fixed;inset:0;overflow:hidden}.overlay-stage{width:100%;height:100%;transform-style:preserve-3d;position:absolute;top:0;left:0}.card{box-sizing:border-box;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;visibility:hidden;position:absolute;top:0;left:0;container-type:inline-size}.card-inner{color:#fff;opacity:0;flex-direction:column;justify-content:space-between;padding:7cqw;transition:opacity .25s;display:flex;position:absolute;inset:0;overflow:hidden}.card:hover .card-inner{opacity:1}.card-head{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 6px #0000008c;justify-content:space-between;align-items:center;font-size:1.7cqw;font-weight:500;display:flex}.card-slug{align-items:center;gap:2.8cqw;display:flex}.card-type{opacity:.75}.card-meta{opacity:.65;align-items:center;gap:1.2cqw;display:flex}.card-dot{background:currentColor;border-radius:9999px;width:.4cqw;height:.4cqw}.card-rule{transform-origin:0;background:#ffffff8c;height:.2cqw;margin-bottom:3.3cqw}.card-title{letter-spacing:-.085em;text-shadow:0 2px 24px #00000073;max-width:92%;margin:0;font-size:12cqw;font-weight:600;line-height:.82}.card-descrow{justify-content:space-between;align-items:flex-end;gap:4cqw;margin-top:3.5cqw;display:flex}.card-desc{letter-spacing:-.01em;color:#ffffffd1;text-shadow:0 1px 10px #00000080;max-width:58cqw;margin:0;font-size:2.5cqw;font-weight:500;line-height:1.25}#hud,#legend{z-index:10;font-family:var(--mono);letter-spacing:.06em;color:#ffffff73;pointer-events:none;text-shadow:0 1px 4px #0009;font-size:11px;position:fixed}#hud{top:14px;left:16px}#legend{bottom:14px;left:16px}#loading{z-index:20;background:#05070f;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.load-card{box-sizing:border-box;text-align:center;background:radial-gradient(circle at 50% 42%,#8eebbd 0%,#74d3e7 38%,#e887e8 66%,#edc982 100%);border:1px solid #ffffff8c;border-radius:36px;width:min(380px,100vw - 48px);padding:52px 48px 44px;animation:25s linear infinite load-hue-breath;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffffa6,inset 0 -20px 36px #0f172a1a,0 18px 48px #0000008c,0 0 90px #8ee29a2e}@keyframes load-hue-breath{0%{filter:hue-rotate()saturate(1.05)}to{filter:hue-rotate(360deg)saturate(1.05)}}.load-card:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff47 45%,#ffffff0d 55%,#0000 70%);width:120%;height:140%;position:absolute;top:-60%;left:-40%}.load-card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0f172a29);height:42%;position:absolute;inset:auto 0 0}.load-brand{letter-spacing:-.02em;color:#0f172a;font-family:Montserrat,sans-serif;font-size:34px;font-weight:900;line-height:1}.load-brand span{color:#0f172a;opacity:.72}.load-num{letter-spacing:-.04em;color:#0f172a;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 2px #ffffff59;margin-top:28px;font-family:Montserrat,sans-serif;font-size:104px;font-weight:900;line-height:1;display:inline-block}.load-pct{color:#0f172a8c;vertical-align:16px;white-space:nowrap;margin-left:6px;font-family:Montserrat,sans-serif;font-size:34px;font-weight:900;display:inline-block}.load-bar{background:#0f172a24;border-radius:99px;height:6px;margin-top:34px;overflow:hidden}.load-bar i{background:#0f172a;border-radius:99px;width:0%;height:100%;transition:width .2s;display:block}.load-domain{font-family:"JetBrains Mono", var(--mono);letter-spacing:.12em;color:#0f172a8c;margin-top:26px;font-size:13px}@keyframes loadCardFade{to{opacity:0;transform:scale(.52)}}.load-card.in{will-change:transform, opacity;animation:.6s .4s forwards loadCardFade}.load-num.in{will-change:opacity, transform;animation:.55s forwards loadCardFade}@media (width<=640px){#legend{font-size:9px}.load-card{padding:44px 28px 40px}.load-num{font-size:84px}}
