:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--lead:#09080d;--lead-2:#131219;--lead-3:#1f1d27;--lead-4:#35323f;--ink:#f5eedd;--ink-dim:#b2aa9a;--amber:#f2b705;--amber-2:#ffd75e;--gold-hi:#fff3c4;--ruby:#d01436;--ruby-2:#ff5c73;--cobalt:#1f6fb2;--cobalt-2:#5fb0ff;--emerald:#2e8b57;--violet:#6a3fa0;--font-display:"Cinzel Decorative", "Cinzel", Georgia, serif;--font-caps:"Cinzel", "Trajan Pro", Georgia, serif;--font-body:"Spectral", "Cormorant Garamond", Georgia, serif;--card-ratio:.716}.card{aspect-ratio:63/88;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;width:100%;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out,filter .4s;position:relative;container:card/inline-size}.ci{box-shadow:0 0 0 1px #ffffff12, 0 3cqw 9cqw #000000b3, 0 0 10cqw hsl(var(--hue) 85% 50% / .28);background:#0d0c12;border-radius:5.5cqw;transition:box-shadow .4s;position:absolute;inset:0;overflow:hidden}.ci>.frame{filter:saturate(1.2)brightness(1.08);width:100%;height:100%;display:block;position:absolute;inset:0}.pane{background:linear-gradient(#1a1822,#0b0a10);border-radius:3.4cqw;flex-direction:column;display:flex;position:absolute;inset:4.6cqw;overflow:hidden;box-shadow:0 0 0 .9cqw #0d0c12,0 0 0 1.4cqw #ffd75ebf,0 0 0 2cqw #0d0c12,inset 0 0 5cqw #000000b3}.art{background:hsl(var(--hue) 60% 18%);border-radius:44cqw 44cqw 1.6cqw 1.6cqw/26cqw 26cqw 1.6cqw 1.6cqw;flex:auto;min-height:0;margin:2cqw 2cqw 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .8cqw #0d0c12}.art .portrait{object-fit:cover;object-position:50% 16%;width:100%;height:100%;display:block;position:absolute;inset:0}.art .art-facets{width:100%;height:100%;display:block;position:absolute;inset:0}.art .mono{font-family:var(--font-display);color:#fff8e6;text-shadow:0 0 3cqw #000, 0 0 8cqw hsl(var(--hue) 90% 70% / .9);place-items:center;font-size:26cqw;font-weight:900;display:grid;position:absolute;inset:0 0 25%}.art:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 .9cqw #0d0c12, inset 0 0 0 1.4cqw hsl(var(--hue) 80% 60% / .5), inset 0 0 8cqw #00000073;position:absolute;inset:0}.nameplate{z-index:1;text-align:center;background:linear-gradient(#0000 0%,#09080d59 28%,#09080dd1 62%,#09080df7 100%);padding:16cqw 4cqw 2.6cqw;position:absolute;bottom:0;left:0;right:0}.nameplate h3{font-family:var(--font-caps);letter-spacing:.02em;color:#fff7e2;text-shadow:0 .4cqw 1.5cqw #000, 0 0 4cqw hsl(var(--hue) 90% 60% / .7);font-size:6.6cqw;font-weight:700;line-height:1.05}.nameplate p{color:hsl(var(--hue) 70% 82%);text-shadow:0 .3cqw 1cqw #000;margin-top:.8cqw;font-size:3.7cqw;font-style:italic;line-height:1.15}.gem{z-index:3;min-width:11cqw;height:11cqw;font-family:var(--font-caps);color:#0b0a10;letter-spacing:.02em;background:radial-gradient(circle at 35% 28%, hsl(var(--hue) 95% 82%), hsl(var(--hue) 80% 52%) 55%, hsl(var(--hue) 75% 28%));box-shadow:0 0 0 .7cqw #0d0c12, 0 0 0 1.2cqw var(--amber-2), 0 0 0 1.8cqw #0d0c12, 0 0 5cqw hsl(var(--hue) 90% 60% / .8);border-radius:99cqw;place-items:center;padding:0 1.6cqw;font-size:3.7cqw;font-weight:700;display:grid;position:absolute;top:1.4cqw;left:1.4cqw}.stats{flex:none;grid-template-columns:1fr 1fr;gap:1.4cqw;margin:0;padding:2cqw 2cqw 0;list-style:none;display:grid}.stats li{display:contents}.tile{text-align:left;width:100%;min-width:0;color:var(--ink);background:linear-gradient(160deg, hsl(var(--hue) 75% 45% / .42), hsl(var(--hue) 70% 16% / .6));box-shadow:inset 0 0 0 .3cqw hsl(var(--hue) 85% 72% / .2), inset 0 2cqw 2.4cqw -1.4cqw #ffffff29;border:.55cqw solid #0d0c12;border-radius:2cqw;grid-template-columns:auto 1fr;grid-template-areas:"ico lab""ico val";align-items:center;column-gap:1.8cqw;padding:1.3cqw 2cqw 1.3cqw 1.8cqw;transition:transform .15s,background .2s,box-shadow .2s,filter .3s;display:grid;position:relative}.tile .ico{width:6.4cqw;height:6.4cqw;color:hsl(var(--hue) 90% 76%);filter:drop-shadow(0 0 1.4cqw hsl(var(--hue) 90% 60% / .7));grid-area:ico}.tile .lab{min-width:0;font-family:var(--font-caps);letter-spacing:.05em;text-transform:uppercase;color:#f5eeddb8;white-space:nowrap;text-overflow:ellipsis;grid-area:lab;font-size:2.75cqw;font-weight:600;line-height:1.2;overflow:hidden}.tile .lab i{color:hsl(var(--hue) 90% 76%);font-style:normal}.tile .val{color:#fff;white-space:nowrap;min-width:0;text-shadow:0 0 2.5cqw hsl(var(--hue) 90% 60% / .7);grid-area:val;font-size:4.8cqw;font-weight:700;line-height:1.1}.tile.best .val{color:var(--amber-2);text-shadow:0 0 3cqw #ffd75ee6}.tile.best{box-shadow:inset 0 0 0 .4cqw #ffd75e8c,inset 0 2cqw 2.4cqw -1.4cqw #ffffff29}button.tile{cursor:pointer;font:inherit}.card.selectable .tile{animation:2.4s ease-in-out infinite invite}.card.selectable li:nth-child(2) .tile{animation-delay:.15s}.card.selectable li:nth-child(3) .tile{animation-delay:.3s}.card.selectable li:nth-child(4) .tile{animation-delay:.45s}.card.selectable li:nth-child(5) .tile{animation-delay:.6s}.card.selectable li:nth-child(6) .tile{animation-delay:.75s}button.tile:hover{background:linear-gradient(160deg, hsl(var(--hue) 85% 58% / .6), hsl(var(--hue) 75% 24% / .7))}button.tile:active{transform:scale(.95)}.tile.picked{z-index:1;background:linear-gradient(160deg, hsl(var(--hue) 90% 64%), hsl(var(--hue) 80% 34%));box-shadow:0 0 0 .6cqw var(--amber-2), 0 0 6cqw #ffd75eb3, inset 0 2cqw 2.4cqw -1.4cqw #fff6;animation:none;transform:scale(1.05)}.tile.picked .ico,.tile.picked .lab{color:#fff}.tile.picked.win{background:linear-gradient(160deg,#ffe58a,#d9940b)}.tile.picked.win .val,.tile.picked.win .lab,.tile.picked.win .ico{color:#1d1405;text-shadow:none;filter:none}.tile.picked.lose{background:linear-gradient(160deg,#ff6b81,#8c0b22);box-shadow:0 0 0 .6cqw #ff8fa0,0 0 6cqw #d0143699}.tile.picked.tie{background:linear-gradient(160deg,#8a8496,#3a3743);box-shadow:0 0 0 .6cqw #c9c2d6}.card.out-win .tile:not(.picked),.card.out-lose .tile:not(.picked),.card.out-tie .tile:not(.picked){filter:saturate(.4)brightness(.6)}.foot{font-family:var(--font-caps);letter-spacing:.08em;text-transform:uppercase;color:#f5eedd8c;flex:none;justify-content:space-between;gap:3cqw;padding:1.8cqw 3cqw 2cqw;font-size:2.5cqw;display:flex}.foot span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.foot span:last-child{color:hsl(var(--hue) 80% 72%);flex:none}.glare{z-index:2;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;background:radial-gradient(circle at var(--mx,22%) var(--my,8%), #ffffff42, transparent 42%), linear-gradient(118deg, transparent 38%, #ffffff12 46%, transparent 54%);position:absolute;inset:0}.card.out-win .ci{box-shadow:0 0 0 .8cqw var(--amber-2), 0 3cqw 9cqw #000000b3, 0 0 16cqw #ffd75ebf;animation:1.6s ease-in-out 2 halo}.card.out-lose{filter:saturate(.45)brightness(.62)}.card.out-tie{filter:saturate(.7)brightness(.85)}.card.st .ci{box-shadow:0 0 0 1px #ffd75e99,0 3cqw 9cqw #000000b3,0 0 14cqw #ffd75e80}.card.st .ci:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(110deg,#0000 40%,#fff6d273 50%,#0000 60%);animation:4.5s ease-in-out infinite sheen;position:absolute;inset:-20%;transform:translate(-100%)}.card.st .gem{--hue:46;font-size:6cqw}.st-ribbon{z-index:3;white-space:nowrap;font-family:var(--font-caps);letter-spacing:.16em;text-transform:uppercase;color:#1d1405;background:linear-gradient(180deg, var(--gold-hi), var(--amber-2) 40%, #d39410);border-radius:99cqw;padding:1cqw 4cqw;font-size:3.1cqw;font-weight:700;position:absolute;top:1.6cqw;left:50%;transform:translate(-50%);box-shadow:0 0 0 .6cqw #0d0c12,0 0 6cqw #ffd75eb3}.card.st .nameplate h3{color:var(--amber-2)}.st-rule{text-align:center;flex:none;justify-items:center;gap:1.4cqw;padding:2.4cqw 2.6cqw 0;display:grid}.st-star{color:var(--amber-2);text-shadow:0 0 5cqw #ffd75ee6;font-size:8cqw;line-height:1}.st-rule b{font-family:var(--font-caps);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi);font-size:3.6cqw}.stats.st-stats{grid-template-columns:repeat(6,1fr);width:100%;padding:.6cqw 0 0}.st-stats .tile{--hue:46;grid-template-columns:1fr;grid-template-areas:"ico";justify-items:center;padding:1.8cqw 0}.card.back .back-pane{background:radial-gradient(circle at 50% 42%,#24212e,#0a090e 72%);place-items:center;display:grid}.card.back .rose{filter:drop-shadow(0 0 6cqw #f2b70559);width:74%}.card.back .back-word{text-align:center;font-family:var(--font-caps);letter-spacing:.32em;color:var(--amber-2);opacity:.8;font-size:3.6cqw;position:absolute;bottom:7cqw;left:0;right:0}.card.back{--hue:46}.back-count{z-index:3;min-width:15cqw;height:15cqw;font-family:var(--font-caps);color:#fff;background:radial-gradient(circle at 35% 28%, #ff8b9c, var(--ruby) 55%, #6c0a1c);box-shadow:0 0 0 .8cqw #0d0c12, 0 0 0 1.4cqw var(--amber-2), 0 0 6cqw #d01436b3;border-radius:99cqw;place-items:center;padding:0 2cqw;font-size:6.4cqw;font-weight:700;display:grid;position:absolute;bottom:1.6cqw;right:1.6cqw}@container card (width<=210px){.tile{grid-template-areas:"ico val";column-gap:1.6cqw;padding:1.8cqw 2cqw}.tile .lab{display:none}.tile .val{font-size:6.6cqw}.tile .ico{width:7.4cqw;height:7.4cqw}.nameplate{padding-top:14cqw}.nameplate h3{font-size:8.4cqw}.nameplate p,.foot{display:none}.stats{padding-bottom:2cqw}.gem{min-width:15cqw;height:15cqw;font-size:5cqw}.st-ribbon{font-size:4.6cqw}.st-rule b{font-size:5cqw}.st-rule{padding-bottom:2cqw}.st-star{display:none}.st-stats .tile .ico{width:9cqw;height:9cqw}}.card.dealt{animation:.5s cubic-bezier(.2,.8,.2,1) deal}.card.clickable{cursor:pointer}@media (hover:hover){.card.clickable:hover{transform:translateY(-4px)scale(1.02)}.card.clickable:hover .ci{box-shadow:0 0 0 1px #ffd75e80, 0 3cqw 9cqw #000000b3, 0 0 14cqw hsl(var(--hue) 85% 55% / .55)}}.mosaic{aspect-ratio:3/4;width:100%;box-shadow:0 0 0 1px #ffffff14, 0 8px 22px #0009, 0 0 18px hsl(var(--hue) 80% 50% / .25);background:#0d0c12;border:0;border-radius:10px;padding:0;display:block;position:relative;overflow:hidden}.mosaic.clickable{cursor:pointer;transition:transform .2s}.mosaic.clickable:hover{transform:translateY(-3px)}.mosaic-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(var(--rows), 1fr);gap:3px;display:grid;position:absolute;inset:5px}.tile-m{background-color:hsl(var(--hue) 40% 10%);background-image:var(--img);filter:grayscale()brightness(.3)contrast(1.3);background-repeat:no-repeat;border-radius:3px;min-height:0;display:block;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 10px #000000b3}.tile-m.on{filter:saturate(1.15);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 0 8px #00000059}.tile-m.grout{box-shadow:0 0 0 1.5px #ffd75ebf,inset 0 0 8px #0000004d}.tile-m.gain{animation:.7s cubic-bezier(.2,1.4,.4,1) .6s both piece-in}.tile-m.crack{filter:saturate(1.15);animation:.9s ease-in .6s both piece-crack}.mosaic.consecrated{box-shadow:0 0 0 2px var(--amber-2), 0 0 0 4px #0d0c12, 0 0 26px #ffd75eb3}.mosaic.consecrated .mosaic-grid{gap:1px}.mosaic.consecrated:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#fffadc73 50%,#0000 70%);animation:4.5s ease-in-out infinite sheen;position:absolute;inset:0}.mosaic.mini{border-radius:6px;flex:none;width:44px}.mosaic.mini .mosaic-grid{gap:1.5px;inset:3px}.mosaic.big{width:min(72vw,300px);animation:.32s cubic-bezier(.2,.9,.3,1.2) pop}@keyframes piece-in{0%{opacity:0;filter:brightness(2.5);transform:scale(2.4)rotate(-20deg)}60%{opacity:1;filter:brightness(1.6)}to{filter:saturate(1.15);transform:none}}@keyframes piece-crack{0%{opacity:1;transform:none}30%{filter:brightness(.6)sepia()hue-rotate(-30deg);transform:rotate(6deg)translateY(2px)}to{opacity:0;transform:rotate(18deg)translateY(30px)scale(.6)}}@keyframes sheen{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}@keyframes invite{0%,70%,to{box-shadow:inset 0 0 0 .3cqw hsl(var(--hue) 85% 72% / .2), inset 0 2cqw 2.4cqw -1.4cqw #ffffff29}35%{box-shadow:inset 0 0 0 .5cqw #ffd75ed9,0 0 3cqw #ffd75e80,inset 0 2cqw 2.4cqw -1.4cqw #ffffff4d}}@keyframes halo{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}@keyframes deal{0%{opacity:0;transform:translateY(40px)scale(.9)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px;overflow-x:clip}body.home{background:var(--lead);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:17px;line-height:1.55;overflow-x:clip}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:700}p{text-wrap:pretty;margin:0}ul{margin:0;padding:0;list-style:none}figure{margin:0}a{color:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--amber-2);outline-offset:3px;border-radius:6px}[hidden]{display:none!important}.eyebrow{font-family:var(--font-caps);letter-spacing:.24em;text-transform:uppercase;color:var(--amber);font-size:12px;font-weight:600}.card svg polygon{stroke:#0d0c12;stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.bg{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% -5%, #ffd75e29, transparent 70%), radial-gradient(ellipse 50% 40% at 0% 30%, #1f6fb224, transparent 70%), radial-gradient(ellipse 50% 40% at 100% 55%, #d014361f, transparent 70%), radial-gradient(ellipse 60% 40% at 30% 100%, #6a3fa024, transparent 70%), var(--lead);position:fixed;inset:0;overflow:hidden}.ray{transform-origin:50% 0;filter:blur(18px);mix-blend-mode:screen;background:linear-gradient(#ffe6a01a,#ffd75e05 55%,#0000 80%);width:34vw;height:150vh;animation:14s ease-in-out infinite alternate sway;position:absolute;top:-20vh}.ray.r1{left:8vw;rotate:18deg}.ray.r2{background:linear-gradient(#96c8ff14,#0000 70%);width:22vw;animation-delay:-5s;left:38vw;rotate:4deg}.ray.r3{background:linear-gradient(#ff8ca012,#0000 70%);animation-delay:-9s;left:64vw;rotate:-16deg}@keyframes sway{0%{opacity:.6;transform:rotate(-4deg)}to{opacity:1;transform:rotate(4deg)}}.btn{font-family:var(--font-caps);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--lead-4);cursor:pointer;background:linear-gradient(180deg, #ffffff14, #ffffff05), var(--lead-2);min-height:48px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,border-color .2s;display:inline-flex;position:relative;overflow:hidden}.btn:hover{border-color:var(--amber);box-shadow:0 0 24px #f2b70540}.btn:active{transform:scale(.97)}.btn.primary{color:#1d1405;background:linear-gradient(180deg, var(--gold-hi) 0%, var(--amber-2) 30%, var(--amber) 70%, #c98a0a 100%);border:0;box-shadow:0 0 0 2px #0d0c12,0 0 0 3px #ffd75e99,0 8px 30px #f2b70559}.btn.primary:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffffa6 50%,#0000 65%);animation:3.6s ease-in-out 1s infinite sheen;position:absolute;inset:0;transform:translate(-120%)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #0d0c12,0 0 0 3px #ffd75ee6,0 10px 40px #f2b7058c}.btn.ghost{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#13121999}.btn.lg{min-height:56px;padding:16px 30px;font-size:14px}.btn.sm{min-height:40px;padding:9px 18px;font-size:12px}.top{z-index:30;padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));align-items:center;gap:16px;transition:background .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.top.scrolled{-webkit-backdrop-filter:blur(14px)saturate(1.3);background:#09080dcc;box-shadow:0 1px #ffd75e24}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-rose{filter:drop-shadow(0 0 10px #f2b70573);width:34px;height:34px}.brand b{font-family:var(--font-display);letter-spacing:.03em;color:var(--amber-2);text-shadow:0 0 16px #ffd75e59;font-size:17px;font-weight:700}.nav{display:none}.top .btn{margin-left:auto}.hero{max-width:1180px;padding:calc(78px + env(safe-area-inset-top)) 16px 48px;gap:22px;margin:0 auto;display:grid;position:relative}.hero-copy{text-align:center;z-index:2;justify-items:center;gap:12px;display:grid;position:relative}.hero h1{color:#fff7e2;text-shadow:0 2px 30px #0009;font-size:clamp(31px,8.6vw,72px);line-height:1.04}.hero h1 em{background:linear-gradient(180deg, var(--gold-hi) 10%, var(--amber-2) 45%, var(--amber) 80%);color:#0000;filter:drop-shadow(0 0 22px #f2b70559);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-lede{color:#e9e1cd;max-width:30ch;font-size:clamp(17px,4.4vw,21px)}.hero-cta{justify-items:center;gap:10px;width:100%;margin-top:4px;display:grid}.hero-cta .btn{width:min(100%,340px)}.micro{font-family:var(--font-caps);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-size:11.5px}.hero-table{gap:14px;width:min(100%,360px);margin:6px auto 0;display:grid;position:relative}.hero-glow{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ffd75e42,#f2b7050f 45%,#0000 68%);border-radius:50%;width:150%;animation:5s ease-in-out infinite breathe;position:absolute;top:40%;left:50%;translate:-50% -50%}.hero-rose{opacity:.22;pointer-events:none;filter:drop-shadow(0 0 40px #f2b70580);width:140%;animation:160s linear infinite spin;position:absolute;top:40%;left:50%;translate:-50% -50%}.demo-round{position:relative}.demo-me .card{width:82%}.demo-opp{z-index:4;filter:drop-shadow(0 14px 24px #0009);width:41%;position:absolute;top:-8px;right:-4px;rotate:5deg}.flip{perspective:1200px}.flip-in{transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1);display:grid}.flip.open .flip-in{transform:rotateY(180deg)}.face{backface-visibility:hidden;grid-area:1/1}.face-front{transform:rotateY(180deg)}.demo .card.selectable .tile,.hero-table .card.selectable .tile{cursor:pointer}.demo-panel{z-index:2;text-align:center;justify-items:center;gap:12px;display:grid;position:relative}.demo-msg{color:#fff7e2;max-width:34ch;min-height:2.8em;font-size:17px}.demo-msg.win{color:var(--amber-2)}.demo-msg.lose{color:var(--ruby-2)}.demo-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@keyframes breathe{50%{opacity:.7;scale:.94}}@keyframes spin{to{rotate:360deg}}.sec{max-width:1120px;margin:0 auto;padding:64px 16px 8px;position:relative}.sec-head{text-align:center;justify-items:center;gap:10px;margin:0 auto 26px;display:grid}.sec-head h2{color:#fff7e2;font-size:clamp(28px,7vw,46px);line-height:1.06}.js .rv{opacity:0;transition:opacity .7s ease var(--d,0s), transform .8s cubic-bezier(.2, .8, .2, 1) var(--d,0s);transform:translateY(24px)}.js .rv.in{opacity:1;transform:none}.modes{gap:10px;display:grid}.mode{background:radial-gradient(ellipse 80% 120% at 0% 50%, hsl(var(--hue) 80% 50% / .2), transparent 60%), var(--lead-2);box-shadow:inset 0 0 0 1px hsl(var(--hue) 80% 70% / .18);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px 18px;display:grid}.mode-ico{width:32px;height:32px;color:hsl(var(--hue) 90% 74%);filter:drop-shadow(0 0 10px hsl(var(--hue) 90% 60% / .7))}.mode h3{font-family:var(--font-caps);color:#fff7e2;font-size:17px}.mode p{color:var(--ink-dim);font-size:15.5px;line-height:1.4}.collect{gap:34px;display:grid}.collect-item{text-align:center;justify-items:center;gap:16px;display:grid}.collect-item figcaption{color:#e9e1cd;max-width:36ch;font-size:16.5px}.mosaics{grid-template-columns:repeat(3,1fr);gap:12px;width:min(100%,360px);display:grid}.supers{--w:min(38vw, 170px);width:calc(var(--w) * 1.9);height:calc(var(--w) * 1.5);position:relative}.super-slot{width:var(--w);position:absolute;top:50%;left:50%}.super-slot.s0{z-index:2;transform:translate(-88%,-50%)rotate(-7deg)}.super-slot.s1{transform:translate(-12%,-46%)rotate(7deg)}.rail-wrap{margin:0 -16px;position:relative}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:6px 16px 14px;scroll-padding:0 16px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.rail::-webkit-scrollbar{display:none}.saint{scroll-snap-align:start;text-align:center;cursor:pointer;flex:none;gap:4px;width:128px;display:grid}.saint-art{aspect-ratio:241/300;background:hsl(var(--hue) 50% 14%);box-shadow:0 0 0 2px #0d0c12, 0 0 0 3px hsl(var(--hue) 80% 60% / .5), 0 10px 24px #00000080, 0 0 22px hsl(var(--hue) 80% 50% / .25);border-radius:999px 999px 10px 10px/60% 60% 10px 10px;margin-bottom:6px;position:relative;overflow:hidden}.saint-art img{object-fit:cover;object-position:50% 16%;width:100%;height:100%;transition:transform .6s;display:block}.saint-gem{width:22px;height:22px;font-family:var(--font-caps);color:#0b0a10;background:radial-gradient(circle at 35% 28%, hsl(var(--hue) 95% 82%), hsl(var(--hue) 80% 52%) 55%, hsl(var(--hue) 75% 28%));box-shadow:0 0 0 1.5px #0d0c12, 0 0 0 2.5px var(--amber-2);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:6px;left:6px}.saint-facts{color:#f5eedd;opacity:0;background:linear-gradient(#09080d66,#09080dd9 40%,#09080df5);align-content:end;gap:4px;padding:10px 8px;font-size:12.5px;line-height:1.35;transition:opacity .25s;display:grid;position:absolute;inset:0}.saint-facts span{font-family:var(--font-caps);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--hue) 80% 76%);font-size:9.5px}.saint:hover .saint-facts,.saint.show .saint-facts{opacity:1}.saint b{font-family:var(--font-caps);color:#fff7e2;font-size:13px;line-height:1.2}.saint small{font-family:var(--font-caps);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.rail-btn{display:none}.soon{gap:12px;margin-top:30px;display:grid}.soon .eyebrow{text-align:center}.soon ul{gap:10px;display:grid}.soon li{background:radial-gradient(ellipse 60% 120% at 0% 50%, hsl(var(--hue) 80% 50% / .2), transparent 70%), var(--lead-2);box-shadow:inset 0 0 0 1px hsl(var(--hue) 80% 70% / .2);border-radius:16px;grid-template-columns:46px 1fr;align-items:center;gap:14px;padding:12px 16px 12px 12px;display:grid}.soon-card{width:46px;display:block}.soon-card .card .frame{filter:hue-rotate(calc(var(--hue) * 1deg - 222deg)) saturate(1.1)}.soon h3{font-family:var(--font-caps);color:#fff7e2;font-size:15px}.soon p{color:var(--ink-dim);font-size:14.5px;line-height:1.35}.faq{gap:8px;max-width:760px;margin:0 auto;display:grid}.faq details{background:var(--lead-2);border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff12}.faq details[open]{box-shadow:inset 0 0 0 1px #ffd75e59}.faq summary{cursor:pointer;font-family:var(--font-caps);color:#fff7e2;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;font-size:15.5px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";width:26px;height:26px;font-family:var(--font-body);color:var(--amber-2);border-radius:50%;flex:none;place-items:center;font-size:19px;transition:rotate .25s;display:grid;box-shadow:inset 0 0 0 1px #ffd75e66}.faq details[open] summary:after{rotate:45deg}.faq details p{color:var(--ink-dim);padding:0 18px 16px}.final{text-align:center;isolation:isolate;margin-top:56px;padding:90px 16px 100px;position:relative;overflow:hidden}.final:before{content:"";z-index:-2;background:radial-gradient(60% 70%,#ffd75e33,#0000 70%);position:absolute;inset:0}.final-rose{z-index:-1;opacity:.2;width:min(120vw,620px);animation:200s linear infinite reverse spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.final-in{justify-items:center;gap:22px;display:grid}.final h2{color:#fff7e2;font-size:clamp(32px,8.4vw,56px);line-height:1.05}.foot-site{padding:32px 16px max(32px, env(safe-area-inset-bottom));background:#09080dcc;border-top:1px solid #ffd75e24}.foot-in{text-align:center;justify-items:center;gap:14px;max-width:1120px;margin:0 auto;display:grid}.foot-in nav{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.foot-in nav a{font-family:var(--font-caps);letter-spacing:.1em;text-transform:uppercase;font-size:12.5px;text-decoration:none}.foot-in nav a:hover{color:var(--amber-2)}.foot-in small{color:#b2aa9abf;max-width:60ch;font-size:12.5px}.consent{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#131219f2;border-radius:18px;gap:10px;width:min(100vw - 24px,520px);padding:14px 14px 14px 16px;animation:.4s 2.5s both rise-in;display:grid;position:fixed;translate:-50%;box-shadow:inset 0 0 0 1px #ffd75e4d,0 20px 50px #0009}.consent p{font-size:14px}.consent-actions{gap:8px;display:flex}.consent-actions .btn{letter-spacing:.08em;flex:1;min-height:40px;padding:8px 10px;font-size:12px}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}}@media (width>=560px){.modes{grid-template-columns:1fr 1fr}.saint{width:146px}}@media (width>=760px){.nav{gap:4px;margin-left:auto;display:flex}.nav a{font-family:var(--font-caps);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);border-radius:999px;padding:10px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s,background .2s}.nav a:hover{color:var(--amber-2);background:#ffd75e14}.top .btn{margin-left:8px}.top{padding-left:max(28px, env(safe-area-inset-left));padding-right:max(28px, env(safe-area-inset-right))}.sec{padding:96px 28px 8px}.collect{grid-template-columns:1fr 1fr;align-items:end}.mosaics{gap:16px;width:min(100%,420px)}.rail-wrap{margin:0}.soon ul{grid-template-columns:repeat(3,1fr)}}@media (width>=760px) and (hover:hover){.rail-btn{z-index:3;width:44px;height:44px;color:var(--amber-2);cursor:pointer;background:#131219e6;border:1px solid #ffd75e66;border-radius:50%;place-items:center;font-size:26px;line-height:1;transition:background .2s;display:grid;position:absolute;top:38%}.rail-btn:hover{background:#ffd75e26}.rail-btn.prev{left:-8px}.rail-btn.next{right:-8px}.saint:hover .saint-art img{transform:scale(1.06)}}@media (width>=960px){.hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;min-height:min(100svh,900px);padding:100px 40px 60px}.hero-copy{text-align:left;justify-items:start}.hero h1{font-size:clamp(44px,5vw,68px)}.hero-cta{justify-items:start}.hero-table{width:min(100%,440px)}.modes{grid-template-columns:repeat(4,1fr)}.mode{grid-template-columns:1fr;align-content:start;padding:22px 20px}.saint{width:156px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
