.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.95fr);align-items:center;gap:clamp(35px,5vw,90px);min-height:760px;padding:clamp(60px,7vw,115px) clamp(24px,5vw,82px) 100px;background:radial-gradient(ellipse at 82% 40%,#142a29 0%,transparent 45%)}
.home-hero-copy{position:relative;z-index:1}.home-hero-copy .primary-logo{width:clamp(245px,25vw,400px)}.home-hero h1{font:800 clamp(58px,5.8vw,102px)/.91 Oxanium,sans-serif;letter-spacing:-.075em;margin:0 0 29px}.home-hero h1 em,.cards-section h2 em,.collection-section h2 em{font-style:normal;color:var(--green)}.home-hero-copy>p:not(.home-hero-note){max-width:560px;color:#c5d1d0;font-size:clamp(17px,1.35vw,20px);line-height:1.65;margin:0}.home-hero-note{font-size:13px;color:#88a09e;line-height:1.65;max-width:520px;margin:35px 0 0}
.game-stage{position:relative;container-type:inline-size;width:100%;aspect-ratio:5/7.1;border:1px solid #324a4f;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,#10322b 0%,#0b1d21 38%,#081318 73%,#070e14 100%);box-shadow:inset 0 0 0 1px #ffffff09,0 35px 85px #0009;isolation:isolate}.game-stage:before{content:"";position:absolute;inset:12px;border:1px solid #ffffff10;border-radius:20px;pointer-events:none}.game-stage:after{content:"";position:absolute;z-index:0;left:8%;right:8%;top:35%;height:30%;border-radius:50%;background:radial-gradient(ellipse at center,#21805b23,transparent 67%);pointer-events:none}
.game-stage-top{position:absolute;top:4%;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;color:#9cafb1;font:700 clamp(9px,2.2cqw,12px) Oxanium,sans-serif;letter-spacing:.15em}.game-stage-live{color:#80dda1}.game-stage-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5aeb8a;margin-right:6px;box-shadow:0 0 9px #5aeb8a}
.game-stage-players{position:absolute;top:11%;left:15%;right:15%;display:flex;justify-content:space-between;text-align:center}.game-stage-players>div{display:flex;flex-direction:column;align-items:center;gap:6px}.game-stage-players b{font:600 clamp(10px,2.4cqw,13px) Jakarta,sans-serif;color:#dce5e4}.stage-avatar{position:relative;width:clamp(30px,9cqw,50px);height:clamp(30px,9cqw,50px);border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font:700 clamp(15px,4cqw,22px) Oxanium,sans-serif;background:#17232c;box-shadow:0 0 0 4px #ffffff09}.stage-avatar small{position:absolute;right:-8px;bottom:-5px;width:clamp(16px,3.5cqw,21px);height:clamp(16px,3.5cqw,21px);display:grid;place-items:center;border:1px solid #435464;border-radius:50%;font:700 11px Oxanium,sans-serif;color:white;background:#17232e}.stage-avatar-blue{color:#3b82f6}.stage-avatar-red{color:#ff5b5b}.stage-avatar-gold{color:#f5bf57}
.game-stage-rule{position:absolute;top:24.5%;left:0;right:0;text-align:center;display:grid;gap:1px}.game-stage-rule>span{font:700 clamp(9px,2cqw,12px) Oxanium,sans-serif;letter-spacing:.2em;color:#a9babb}.game-stage-rule strong{font:800 clamp(25px,7cqw,40px) Oxanium,sans-serif;color:#39df7d;letter-spacing:-.03em}.game-stage-rule i{display:inline-block;width:.46em;height:.46em;border-radius:50%;background:#24ce68;vertical-align:.11em;margin-right:.14em}
.game-stage-table{position:absolute;z-index:1;top:35%;left:15%;right:15%;height:29%;display:flex;align-items:center;justify-content:space-between}.stage-draw,.stage-play{height:100%;width:40%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.stage-draw>span,.stage-play>span{color:#a5b8b9;font:700 clamp(9px,2cqw,11px) Oxanium,sans-serif;letter-spacing:.14em;white-space:nowrap}.stage-card-back,.stage-card-green{position:relative;width:75%;aspect-ratio:2/3;border-radius:11px;display:grid;place-items:center;box-shadow:6px 6px 0 #57656b66,10px 10px 0 #17242c,0 16px 20px #0009}.stage-card-back{background:linear-gradient(145deg,#24343d,#101921);border:3px solid #718189;transform:rotate(-5deg);color:#f0f3ef;font:italic 800 clamp(15px,3.8cqw,23px) Oxanium,sans-serif;letter-spacing:-.09em}.stage-card-green{background:linear-gradient(150deg,#2cce66,#087b41);border:3px solid #e9f7ec;color:white}.stage-card-green small{position:absolute;top:5%;left:8%;font:800 clamp(17px,4.7cqw,28px) Oxanium,sans-serif}.stage-card-green strong{font:800 clamp(50px,15cqw,82px) Oxanium,sans-serif;line-height:1}
.game-stage-turn{position:absolute;z-index:2;top:63.5%;left:50%;transform:translateX(-50%);width:40%;height:6%;display:flex;justify-content:center;align-items:center;gap:10px;color:#96f5b2;border:1px solid #4bd17c;border-radius:100px;background:#123a2b;box-shadow:0 0 25px #29db6724;font:800 clamp(10px,2.5cqw,13px) Oxanium,sans-serif;white-space:nowrap;overflow:hidden}.game-stage-turn>span:nth-child(2){font-weight:600;color:#bcdec9}.game-stage-turn i{position:absolute;bottom:0;left:0;height:4px;width:78%;background:#62eb94;border-radius:0 4px 4px 0}
.game-stage-hand{position:absolute;z-index:3;top:70.5%;left:14%;width:72%;height:20%}.stage-hand-card{position:absolute;top:0;width:26%;height:auto;aspect-ratio:2/3;border:2px solid #f2f7f2;border-radius:9px;color:white;box-shadow:0 12px 17px #0009;display:grid;place-items:center}.stage-hand-card small{position:absolute;top:4%;left:9%;font:800 clamp(14px,4cqw,22px) Oxanium,sans-serif}.stage-hand-card strong{font:800 clamp(26px,8cqw,44px) Oxanium,sans-serif;line-height:1}.hand-red{left:0;transform:rotate(-10deg) translateY(4%);background:linear-gradient(145deg,#fa6268,#c02d45)}.hand-blue{left:18%;transform:rotate(-5deg);background:linear-gradient(145deg,#4289fa,#1754ba)}.hand-green{left:36%;transform:translateY(-5%);background:linear-gradient(145deg,#2bd269,#0b874b)}.hand-amber{left:54%;transform:rotate(5deg);background:linear-gradient(145deg,#ffc448,#c07a16)}.hand-wild{left:72%;transform:rotate(10deg) translateY(4%);background:linear-gradient(145deg,#30253e,#121323);border-color:#e7e3f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1.5cqw,9px);padding:10px 4px;overflow:hidden}.hand-wild strong{display:block;font-size:clamp(26px,8cqw,44px);line-height:1}.hand-wild b{font:800 clamp(8px,2cqw,12px) Oxanium,sans-serif;white-space:nowrap}.wild-stripe,.rainbow-edge{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff5b5b 0 20%,#3b82f6 20% 40%,#22c55e 40% 60%,#f59e0b 60% 80%,#8b5cf6 80%)}.wild-stripe.bottom,.rainbow-edge.bottom{top:auto;bottom:0}
.game-stage-controls{position:absolute;z-index:2;bottom:2.4%;left:0;right:0;display:flex;justify-content:center;gap:10px}.game-stage-controls span{border:1px solid #456571;border-radius:100px;background:#10212b;color:#d2e1e3;padding:7px 15px;font:800 clamp(9px,2.2cqw,12px) Oxanium,sans-serif;letter-spacing:.04em}.game-stage-controls span:last-child{color:#92e7ff;border-color:#3c829b;background:#12303e}
.cards-section{background:radial-gradient(ellipse at 50% 10%,#172634,#0b1118 55%);border-top:1px solid #273842;border-bottom:1px solid #273842}.cards-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.cards-heading h2,.collection-section h2{margin-bottom:0}.cards-heading>p{max-width:310px;color:#bdc9cc;line-height:1.6;margin:0 0 5px}.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.feature-tile{min-width:0;padding:20px 15px 23px;border:1px solid #30434c;border-radius:14px;background:linear-gradient(155deg,#19262f,#0e151c 78%);display:flex;flex-direction:column;align-items:center;transition:transform .2s,border-color .2s}.feature-tile:hover{transform:translateY(-5px);border-color:#527780}.feature-art{position:relative;width:min(100%,160px);aspect-ratio:80/120;margin:2px auto 25px;border:3px solid var(--art-edge);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:7px 8px 0 #0008,0 16px 28px #0008;color:#fff;background:var(--art-bg)}.feature-art:after{content:"";position:absolute;inset:0;border-radius:8px;box-shadow:inset 0 0 24px #ffffff0d;pointer-events:none}.feature-art>b{position:absolute;bottom:12%;font:800 clamp(12px,1.15vw,17px) Oxanium,sans-serif;letter-spacing:.07em}.feature-art>small{position:absolute;top:4%;left:8%;font:900 22px Oxanium,sans-serif}.feature-symbol{font:900 clamp(62px,6.1vw,95px) Oxanium,sans-serif;line-height:1;margin-top:-10%}.art-wild{--art-edge:#ac83f5;--art-bg:linear-gradient(145deg,#302448,#101322)}.art-wild .feature-symbol{font-size:100px}.art-infinity{--art-edge:#56d3e8;--art-bg:linear-gradient(145deg,#115168,#11142e)}.art-infinity .infinity-symbol{font-family:Jakarta,sans-serif;color:#d9faff;text-shadow:0 0 17px #3edaff}.art-halt{--art-edge:#f6a48a;--art-bg:linear-gradient(145deg,#70363b,#20121e)}.halt-symbol{width:74px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 0 14px #ffc5a980)}.halt-symbol i:first-child{width:0;height:0;border-left:35px solid transparent;border-right:35px solid transparent;border-top:42px solid #ffdbca}.halt-symbol i:last-child{width:0;height:0;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:42px solid #ffdbca}.art-draw{--art-edge:#77b5ff;--art-bg:linear-gradient(145deg,#3979e5,#113a8c)}.art-draw .feature-symbol{font-style:italic;letter-spacing:-.1em}.art-saboteur{--art-edge:#ff747a;--art-bg:linear-gradient(145deg,#c93651,#591724)}.art-saboteur img{display:block;width:92%;height:auto;object-fit:contain;margin-top:-15%}.art-saboteur>b{font-size:clamp(11px,1.05vw,15px)}.feature-copy{align-self:stretch}.feature-copy>span{color:#64db96;font:700 10px Oxanium,sans-serif;letter-spacing:.13em}.feature-copy h3{margin:9px 0 8px;font:800 clamp(21px,2vw,28px) Oxanium,sans-serif;letter-spacing:-.04em}.feature-copy p{margin:0;color:#afbec3;font-size:13px;line-height:1.55}.action-lineup{margin-top:25px;padding:20px 23px;border:1px solid #30434c;border-radius:13px;background:#0c171e;display:flex;align-items:center;gap:24px}.action-lineup>span{flex:none;color:#75e59c;font:700 10px Oxanium,sans-serif;letter-spacing:.18em}.action-lineup>div{display:flex;flex-wrap:wrap;gap:9px}.action-lineup b{padding:8px 10px;border:1px solid #2c464d;border-radius:5px;color:#eef5f2;font:800 12px Oxanium,sans-serif}.action-lineup small{display:block;margin-top:3px;color:#92aeb2;font:500 11px Jakarta,sans-serif}
.collection-section{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:clamp(35px,6vw,100px);align-items:center;background:radial-gradient(ellipse at 60% 30%,#1a1731,#0b1016 65%)}.collection-section>div:first-child>p{max-width:450px;color:#b9c7c8;font-size:16px;line-height:1.7;margin:25px 0 0}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.collection-grid>div{border:1px solid #34404e;border-radius:13px;background:linear-gradient(150deg,#182029,#11151d);padding:18px;min-height:246px;display:flex;flex-direction:column}.collection-swatch{width:100%;height:92px;border-radius:10px;display:grid;place-items:center;font:italic 800 28px Oxanium,sans-serif;letter-spacing:-.08em;color:#fff}.swatch-cards{background:radial-gradient(circle at 40% 35%,#416ac7,#142641 75%);border:2px solid #5a81ce}.swatch-table{background:radial-gradient(circle at 50% 40%,#6638b6,#1a1130 75%);color:#d8c6ff;font-size:52px}.swatch-reactions{background:radial-gradient(circle at 45% 40%,#c8832e,#3f241d 75%);color:#ffe0a0;font-size:54px;font-style:normal}.collection-grid h3{font:800 20px Oxanium,sans-serif;margin:17px 0 7px}.collection-grid p{color:#a8b8bc;font-size:12px;line-height:1.5;margin:0}
@media(max-width:1180px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(390px,.95fr)}.home-hero h1{font-size:clamp(55px,5.7vw,82px)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-art{max-width:150px}.feature-art>b{font-size:15px}}
@media(max-width:850px){.home-hero{grid-template-columns:1fr;min-height:0;padding-top:55px;padding-bottom:75px}.home-hero h1{font-size:clamp(55px,10vw,85px)}.game-stage{max-width:520px;margin:25px auto 0}.cards-heading{align-items:start}.collection-section{grid-template-columns:1fr}.collection-grid{max-width:730px}}
@media(max-width:780px){.site-header nav>a:nth-child(2){display:inline}.site-header nav>a:nth-child(3){display:none}}
@media(max-width:620px){.home-hero h1{font-size:clamp(51px,12vw,72px)}.cards-heading{display:block}.cards-heading>p{margin-top:22px}.feature-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:thin;padding-bottom:15px;margin-right:-24px}.feature-tile{flex:0 0 226px;scroll-snap-align:start}.feature-art{width:152px}.feature-copy h3{font-size:25px}.action-lineup{align-items:start;flex-direction:column;gap:12px}.collection-grid{grid-template-columns:1fr 1fr}}
@media(max-width:450px){.home-hero{padding-bottom:60px}.game-stage{border-radius:17px}.game-stage:before{inset:7px;border-radius:12px}.game-stage-players{left:13%;right:13%}.stage-card-back,.stage-card-green{width:78%}.game-stage-turn{width:44%}.game-stage-hand{left:12%;width:76%;top:70.5%;height:20%}.stage-hand-card{border-width:1px}.game-stage-controls{bottom:1.5%}.game-stage-controls span{padding:5px 10px}.collection-grid{grid-template-columns:1fr}.collection-grid>div{min-height:0}.collection-swatch{height:80px}}
@media(prefers-reduced-motion:reduce){.feature-tile{transition:none}}
.hand-wild b{width:90%;display:flex;align-items:center;justify-content:center;gap:2px}.hand-wild b img{display:block;width:57%;height:auto}.art-wild .wild-title{display:flex;align-items:center;justify-content:center;gap:5px}.art-wild .wild-title img{display:block;width:70px;height:auto}