:root{--xt-paper:#fff9ee;--xt-paper-jpg:#fdfbee;--xt-ink:#000;--xt-stage:#000;--xt-ink-inverse:#fff9ee;--xt-hairline:#000;--xt-ink-60:#0009;--xt-ink-40:#0006;--xt-yellow:#ffeb00;--xt-gold:#fdd202;--xt-amber:#edb810;--xt-orange:#fe5600;--xt-orange-warm:#ff7000;--xt-coral:#fd8e68;--xt-salmon:#fca889;--xt-pink:#f896b6;--xt-hotpink:#ff016f;--xt-magenta:#f98bd8;--xt-violet:#de8cfd;--xt-purple:#830b79;--xt-blue-electric:#3d00fe;--xt-blue:#0147c2;--xt-teal:#10a9a4;--xt-green:#21b552;--xt-mint:#64de93;--xt-green-deep:#0d5d11;--xt-red:#fe0206;--xt-red-deep:#b30105;--xt-plum:#640334;--xt-burnt:#2e1710;--xt-aura-sunburst:radial-gradient(circle closest-side at 50% 50%, #f268a0 0%, #f4799c 17%, #f89a91 25%, #fd8e68 33%, #fc7441 42%, #fd5a19 50%, #fc5600 58%, #fe6700 75%, #fd7900 92%, #ff8a00 100%);--xt-aura-aurora:radial-gradient(circle closest-side at 50% 50%, #de8cfd 0%, #b993e6 12%, #889fd4 22%, #34aac0 32%, #12aba6 42%, #1eb08c 55%, #21b552 66%, #12742d 82%, #064410 100%);--xt-aura-chili:radial-gradient(circle closest-side at 50% 50%, #ff016f 0%, #ff016f 28%, #e30138 36%, #c60008 46%, #b30105 55%, #cc0001 68%, #f00003 82%, #fe0206 100%);--xt-aura-solar:radial-gradient(circle closest-side at 50% 50%, #2e1710 0%, #c57c11 10%, #d59b12 18%, #edb810 26%, #fbd10b 36%, #ffd711 44%, #fac533 56%, #fcbb50 66%, #f8a978 76%, #f896b6 88%, #f98bd8 100%);--xt-aura-mint-lemon:radial-gradient(circle closest-side at 50% 50%, #64de93 0%, #64de93 30%, #a9ec9d 44%, #d8ea8a 56%, #fcd202 78%, #fdd302 100%);--xt-aura-sun:radial-gradient(circle closest-side at 50% 50%, #ffeb00 0%, #feea00 42%, #fec600 55%, #fe9c00 66%, #fe6f00 76%, #fe5416 86%, #fe7175 94%, #fe4652 100%);--xt-aura-plum:radial-gradient(circle closest-side at 50% 50%, #e13bcd 0%, #d537d1 14%, #ce34a0 28%, #b72b74 44%, #a92658 60%, #7a0a3e 80%, #640334 100%);--xt-aura-secret:radial-gradient(circle closest-side at 50% 50%, #0b0f14 0%, #123024 12%, #135c3c 26%, #12996a 40%, #1fd48c 56%, #6bf0b6 70%, #c8fbe2 84%, #fff 100%);--xt-orb-xoay-xo:radial-gradient(circle closest-side, #d794f3 0%, #75a0d0 25%, #16aca2 50%, #21b06a 75%, #1a501d 100%);--xt-orb-xoay-doc:radial-gradient(circle closest-side, #2e00fb 0%, #8114e2 25%, #c82792 50%, #84143b 75%, #540928 100%);--xt-orb-xoay-deu:radial-gradient(circle closest-side, #ffea03 0%, #fcea05 25%, #fbd406 50%, #f1590b 75%, #e44a4f 100%);--xt-orb-xoay-tit-mu:radial-gradient(circle closest-side, #750069 0%, #ba327e 25%, #fc6d7c 50%, #fd6e86 75%, #f994ca 100%);--xt-orb-xoay-vong:radial-gradient(circle closest-side, #fd0275 0%, #f90377 25%, #cc0216 50%, #ca0206 75%, #de0f0f 100%);--xt-orb-xoay-tron:radial-gradient(circle closest-side, #003ac6 0%, #015cb2 25%, #08aa77 50%, #1fd862 75%, #b9e79d 100%);--xt-font-display:Archivo, "Anton", "Arial Black", system-ui, sans-serif;--xt-display-weight:900;--xt-font-ui:Inter, "Be Vietnam Pro", -apple-system, "Segoe UI", Roboto, sans-serif;--xt-tracking-display:-.035em;--xt-tracking-micro:.14em;--xt-leading-display:1.02;--xt-leading-body:1.5;--xt-t-hero:clamp(3rem, 11.5vw, 10rem);--xt-t-h1:clamp(2.25rem, 7vw, 5rem);--xt-t-h2:clamp(1.5rem, 3.4vw, 2.5rem);--xt-t-h3:1.25rem;--xt-t-body:1rem;--xt-t-small:.875rem;--xt-t-micro:.6875rem;--xt-gutter:2.78%;--xt-space-1:4px;--xt-space-2:8px;--xt-space-3:12px;--xt-space-4:16px;--xt-space-6:24px;--xt-space-8:32px;--xt-space-12:48px;--xt-space-16:64px;--xt-space-24:96px;--xt-radius:9999px;--xt-radius-flat:0;--xt-rule:1px;--xt-ring:.16;--xt-orb-size:5vw;--xt-spin-slow:42s;--xt-drift:26s;--xt-ease:cubic-bezier(.22,.61,.36,1)}.xt-paper{background:var(--xt-paper);color:var(--xt-ink)}.xt-stage{background:var(--xt-stage);color:var(--xt-ink-inverse)}.xt-disc{aspect-ratio:1;pointer-events:none;border-radius:50%;position:absolute}.xt-disc[data-aura=sunburst]{background-image:var(--xt-aura-sunburst)}.xt-disc[data-aura=aurora]{background-image:var(--xt-aura-aurora)}.xt-disc[data-aura=chili]{background-image:var(--xt-aura-chili)}.xt-disc[data-aura=solar]{background-image:var(--xt-aura-solar)}.xt-disc[data-aura=mintlemon]{background-image:var(--xt-aura-mint-lemon)}.xt-disc[data-aura=plum]{background-image:var(--xt-aura-plum)}.xt-disc[data-aura=sun]{background-image:var(--xt-aura-sun)}.xt-glow{aspect-ratio:1;pointer-events:none;border-radius:50%;position:absolute;-webkit-mask-image:radial-gradient(circle closest-side,#000 62%,#0000 100%);mask-image:radial-gradient(circle closest-side,#000 62%,#0000 100%)}.xt-display{font-family:var(--xt-font-display);text-transform:uppercase;letter-spacing:var(--xt-tracking-display);line-height:var(--xt-leading-display);font-weight:var(--xt-display-weight)}.xt-hero{font-size:var(--xt-t-hero)}.xt-micro{font-family:var(--xt-font-ui);font-size:var(--xt-t-micro);text-transform:uppercase;letter-spacing:var(--xt-tracking-micro);font-weight:500}.xt-rule{border:0;border-top:var(--xt-rule) solid var(--xt-hairline)}.xt-orb{border-radius:50%;flex:none;width:72px;height:72px}.xt-orb[data-tier=xoay-xo]{background-image:var(--xt-orb-xoay-xo)}.xt-orb[data-tier=xoay-doc]{background-image:var(--xt-orb-xoay-doc)}.xt-orb[data-tier=xoay-deu]{background-image:var(--xt-orb-xoay-deu)}.xt-orb[data-tier=xoay-tit-mu]{background-image:var(--xt-orb-xoay-tit-mu)}.xt-orb[data-tier=xoay-vong]{background-image:var(--xt-orb-xoay-vong)}.xt-orb[data-tier=xoay-tron]{background-image:var(--xt-orb-xoay-tron)}.xt-ring{aspect-ratio:1;box-sizing:border-box;border:calc(var(--xt-ring) * 1em) solid currentColor;border-radius:50%;place-items:center;width:1em;height:1em;font-size:100px;display:grid}.xt-btn{font-family:var(--xt-font-ui);font-weight:600;font-size:var(--xt-t-body);border:var(--xt-rule) solid var(--xt-ink);background:var(--xt-ink);color:var(--xt-paper);border-radius:var(--xt-radius);cursor:pointer;transition:transform .18s var(--xt-ease), background .18s var(--xt-ease);padding:14px 28px}.xt-btn:hover{transform:translateY(-1px)}.xt-btn--ghost{color:var(--xt-ink);background:0 0}.xt-btn--sold{color:var(--xt-ink-40);border-color:var(--xt-ink-40);cursor:not-allowed;background:0 0}.xt-strip{justify-content:space-between;align-items:center;gap:var(--xt-space-6);display:flex}.xt-strip svg{width:auto;height:1.9em}html,body{margin:0;padding:0}body{background:var(--xt-ink,#0b0b0c)}#root{min-height:100%}@keyframes xt-spin{to{transform:rotate(360deg)}}@keyframes xt-spin-ccw{to{transform:rotate(-360deg)}}@keyframes xt-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(2.5%,-3%)scale(1.05)}}.xt-spin{animation:xt-spin var(--xt-spin-slow) linear infinite}.xt-spin-ccw{animation:18s linear infinite xt-spin-ccw}.xt-float{animation:xt-drift var(--xt-drift) ease-in-out infinite}@media (prefers-reduced-motion:reduce){.xt-spin,.xt-spin-ccw,.xt-float{animation:none!important}}
