:root{--ink:#12323a;--deep:#0b232c;--navy:#09202a;--teal:#21777a;--mint:#a5d7c1;--gold:#ffd05e;--cream:#fff9eb;--paper:#f5f0e5;--muted:#65797b;--line:#d9e1d8;--round:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:118px}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;height:auto}h1,h2,h3{font-family:"Trebuchet MS","Segoe UI",sans-serif;line-height:1.1;letter-spacing:-.035em}h2{font-size:clamp(34px,3.3vw,50px)}h2 span{color:var(--teal)}h3{font-size:25px}p{color:var(--muted)}a:focus-visible,summary:focus-visible{outline:3px solid #dba630;outline-offset:6px;border-radius:5px}.shell{width:min(1220px,calc(100% - 80px));margin:auto}.section{padding-top:105px;padding-bottom:105px}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.19em;color:var(--teal);margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;padding:15px 25px;border-radius:10px;font-weight:800;font-size:14px;border:1px solid transparent;line-height:1.2;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button-gold{background:var(--gold);color:#192f35;box-shadow:0 4px 0 #d69e37}.button-gold:hover{background:#ffda7b}.button-outline{border-color:#608080;color:var(--cream);background:transparent}.button-outline:hover{background:#20434a}.button-small{font-size:12px;min-height:43px;padding:11px 16px;gap:15px}.text-link,.inline-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:700}.text-link{color:#d5e6df}.text-link:hover,.inline-link:hover{text-decoration:underline}.inline-link{color:var(--teal)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-100px;z-index:99;background:var(--gold);padding:10px 18px;color:var(--ink);border-radius:8px}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:10;background:#102d36f5;color:#e9efe4;border-bottom:1px solid #ffffff12;backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:95px}.brand{display:flex;flex-shrink:0;align-items:center;width:184px}.brand img{width:184px;display:block}.header-inner nav{display:flex;gap:30px;font-size:13px;font-weight:650}.header-inner nav a{position:relative;padding:10px 0}.header-inner nav a:after{content:"";position:absolute;height:2px;left:0;bottom:2px;width:0;background:var(--gold);transition:width .2s}.header-inner nav a:hover:after{width:100%}
.hero{overflow:hidden;position:relative;background:radial-gradient(ellipse at 77% 40%,#28606a 0,transparent 45%),linear-gradient(120deg,#102d36,#0b252e 65%,#102e35);color:var(--cream)}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#cbe0d00d 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:35px;min-height:675px;padding-top:65px;padding-bottom:50px;position:relative}.release-tag{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.19em;color:#d2e0ce;margin-bottom:27px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #ffd05e12;flex-shrink:0}.hero h1{font-size:clamp(48px,4.7vw,70px);font-weight:800;line-height:1.07;letter-spacing:-.045em}.hero h1 em{color:var(--gold);font-style:normal}.hero-copy>p{font-size:16px;line-height:1.85;color:#bdd0cf;max-width:465px;margin-top:26px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:21px;margin-top:32px}.hero-platforms{display:flex;align-items:center;gap:13px;color:#9eb7b6;font-size:11px;margin-top:28px}.hero-platforms span span{margin-right:7px;color:#d8e5d7}.platform-divider{height:12px;width:1px;background:#608080}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff1f;padding:26px 0 28px;color:#9fb9b4;font-size:10px;font-weight:800;letter-spacing:.15em}.hero-bottom>span:nth-child(even){color:var(--gold);font-size:16px}
.card-scene{position:relative;height:510px;min-width:0;isolation:isolate}.orbit{position:absolute;border:1px solid #d1ead51c;border-radius:50%;inset:14% 0 3%;transform:rotate(-20deg)}.orbit-two{inset:7% 8% -2%;transform:rotate(20deg)}.playing-card{position:absolute;width:220px;height:324px;border-radius:20px;background:linear-gradient(145deg,#e7bc54,#ffdf83 20%,#a87824 45%,#e9c161 70%,#f8d478);box-shadow:0 17px 35px #00141a77;padding:8px;left:50%;top:65px}.card-border{position:relative;width:100%;height:100%;border-radius:13px;border:2px solid #d4af54;background:radial-gradient(ellipse at 50% 40%,#25838a,#134950 65%,#092d39);overflow:hidden}.card-border:before{content:"";position:absolute;inset:15px;border:1px solid #d2ab515c;border-radius:5px}.card-corner{position:absolute;color:#f5c85f;font-size:20px;line-height:1}.card-corner.top{top:20px;left:22px}.card-corner.bottom{bottom:20px;right:22px}.card-diamond{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#e9c363;font-size:120px}.card-rear-left{transform:translateX(-96%) rotate(-24deg);top:92px;background:linear-gradient(140deg,#d6a550,#f8d98f,#a87b36)}.card-rear-right{transform:translateX(-5%) rotate(24deg);top:85px}.card-front{transform:translateX(-50%) rotate(-4deg);top:43px;width:235px;height:350px;box-shadow:0 22px 35px #00141aa0}.card-front .card-border{background:radial-gradient(ellipse at 40% 30%,#347e77,#174d50 65%,#0b303c)}.emblem{position:absolute;inset:70px 34px;display:grid;place-items:center}.emblem i{position:absolute;inset:17px;border:2px solid #e5bd58;transform:rotate(45deg);border-radius:5px;box-shadow:inset 0 0 0 8px #174c50,0 0 0 6px #143d44}.emblem span{z-index:1;font-size:102px;line-height:1;color:#ffdc75;text-shadow:0 5px 0 #987522}.scene-spark{position:absolute;color:#fbdc83;z-index:3;font-size:30px}.spark-one{left:7%;top:14%;transform:rotate(20deg)}.spark-two{right:4%;top:60%;font-size:37px}.spark-three{right:14%;top:7%;font-size:11px}.scene-caption{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;background:#ffffff0a;border:1px solid #b4c8b91d;border-radius:50px;color:#d1dfd2;padding:10px 18px;font-size:11px;letter-spacing:.025em}
.intro-section{display:grid;grid-template-columns:1fr 1.06fr;gap:110px;align-items:center}.intro-copy .lead{font-size:22px;line-height:1.5;color:var(--ink);font-weight:600;margin-bottom:20px}.intro-copy p:not(.lead){font-size:15px}.intro-copy .inline-link{margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:52px}.section-heading>p{font-size:14px;max-width:300px}.section-heading .eyebrow{margin-bottom:17px}.how-section{background:#ebece2;position:relative}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{position:relative}.step-number{position:absolute;left:0;top:8px;font-size:12px;font-weight:800;color:#6c8276}.step-illustration{height:162px;position:relative;margin-bottom:23px;max-width:290px}.step h3{font-size:22px;margin-bottom:15px}.step>p{font-size:14px;max-width:310px;line-height:1.85}.deck-illustration i{position:absolute;left:75px;top:20px;width:75px;height:111px;transform:rotate(-17deg);border-radius:9px;background:#337574;border:4px solid #ebbe58;box-shadow:3px 4px 0 #294e4d21}.deck-illustration i:nth-child(2){left:114px;transform:rotate(0);background:#12535a}.deck-illustration i:nth-child(3){left:148px;transform:rotate(18deg);background:var(--gold);border-color:#d99e35;display:grid;place-items:center}.deck-illustration b{font-style:normal;font-family:"Trebuchet MS",sans-serif;font-size:30px;color:var(--ink)}.strategy-illustration i{position:absolute;left:65px;top:50px;display:grid;place-items:center;font-size:20px;font-style:normal;width:52px;height:68px;border-radius:8px;border:2px solid #c4d3c8;background:#fcf9ed;z-index:1;color:#43857c}.strategy-illustration i:nth-child(2){left:128px;top:18px;height:96px;width:66px;border-color:#d1a049;background:#f7ce6d;color:var(--ink);font-size:34px;z-index:2}.strategy-illustration i:nth-child(3){left:207px}.strategy-illustration>span{position:absolute;top:75px;left:90px;height:35px;width:145px;border:2px dashed #91afa3;border-top:0;border-radius:0 0 20px 20px}.victory-illustration>span{position:absolute;top:10px;left:90px;font-size:105px;line-height:1;color:#dfad3e;text-shadow:2px 3px #ffd966}.victory-illustration i{position:absolute;left:92px;top:120px;width:105px;height:10px;border:1px solid #d4a144;border-radius:50%;background:#f5c85e4a}.turn-note{display:flex;gap:20px;align-items:center;background:#dfe5d7;border-radius:12px;padding:20px 26px;margin-top:42px}.turn-note p{font-size:13px;color:#476258}.turn-note strong{color:#224a42}.turn-clock{font-size:35px;color:#37776b;line-height:1}
.mode-selector{padding:0;margin:0;border:0;position:relative;min-width:0}.mode-selector>input{position:absolute;opacity:0;width:1px;height:1px}.mode-tabs{display:flex;gap:5px;width:fit-content;padding:5px;background:#e8ece2;border:1px solid #d3ded1;border-radius:13px;margin-bottom:30px}.mode-tabs label{cursor:pointer;font-size:13px;font-weight:800;padding:11px 25px;border-radius:8px;transition:background .2s}.mode-selector input:focus-visible~.mode-tabs{outline:3px solid #c49730;outline-offset:5px}#mode-solo:checked~.mode-tabs label[for=mode-solo],#mode-duo:checked~.mode-tabs label[for=mode-duo]{background:var(--ink);color:var(--cream);box-shadow:0 2px 4px #0001}.mode-panel{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:65px;padding:42px 48px;background:#f0f0e5;border:1px solid #dbe0d1;border-radius:var(--round)}.mode-duo{display:none}#mode-duo:checked~.mode-duo{display:grid}#mode-duo:checked~.mode-solo{display:none}.mode-panel .eyebrow{font-size:10px;margin-bottom:12px}.mode-copy h3{font-size:33px;max-width:340px}.mode-copy>p{font-size:14px;margin:17px 0 23px}.rule-list{display:flex;gap:9px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.rule-list li{font-size:10px;background:#dee7d8;border:1px solid #cad8c7;border-radius:6px;padding:6px 9px;font-weight:700;color:#456357}.duel-diagram{min-height:245px;display:flex;align-items:center;justify-content:center;gap:27px;position:relative;background:radial-gradient(ellipse,#e0e9d4,transparent 70%)}.team-side{display:flex;gap:10px;position:relative;padding-bottom:40px}.mini-card{height:126px;width:84px;border:4px solid #cba34e;border-radius:11px;background:linear-gradient(140deg,#fcdb84,#d7a742);display:grid;place-items:center;box-shadow:3px 5px #b1986228}.mini-card span{font-size:42px;color:#6e5729}.team-teal .mini-card{background:linear-gradient(140deg,#286e70,#143e49);border-color:#82aea0}.team-teal .mini-card span{color:#b6d9bd}.team-label{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);color:#526c61;font-size:11px;white-space:nowrap}.versus{font-size:14px;font-weight:900;color:#7a8d7d;align-self:center;margin-top:-40px}
.collection-section{background:#e2ede3}.collection-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.collection-grid h2{margin-bottom:23px}.collection-grid>div>p{font-size:15px;max-width:470px}.collection-points{display:grid;gap:21px;margin-top:30px}.collection-points p{display:grid;gap:4px}.collection-points b{font-size:14px;color:#274f46}.collection-points p span{font-size:12px;padding-left:19px}.collection-art{position:relative;min-height:420px;display:grid;place-items:center;background:radial-gradient(ellipse,#bfd3bd,transparent 70%)}.album{position:relative;width:295px;height:340px;border-radius:13px 20px 20px 13px;background:linear-gradient(130deg,#31736d,#154b50);border:5px solid #b1914b;box-shadow:17px 19px 0 #9faf971e,3px 4px 0 #5f6d55,18px 25px 40px #2b5c4536;transform:rotate(-10deg);padding:27px 30px 24px 43px}.album-spine{position:absolute;left:15px;top:0;bottom:0;width:5px;border-left:1px solid #f1db8059;border-right:1px solid #092d399c}.album>span{display:block;text-align:center;color:#f3d58a;font-size:27px;margin-bottom:20px}.album-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.album-slots i{display:grid;place-items:center;height:83px;border-radius:6px;border:1px solid #d9bc6c99;background:#0b354253;color:#dfc481;font-size:25px;font-style:normal}.album-slots i:nth-child(2n){background:#668f6d;color:#efd69a}.trade-card{position:absolute;right:13px;bottom:17px;width:115px;height:160px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(120deg,#ffdf83,#e6b85d);border:5px solid #f5d993;box-shadow:8px 12px 20px #1c473c3b;transform:rotate(13deg);font-size:50px;color:#5e704d}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.faq-intro>p{font-size:14px;margin:25px 0}.faq-list details{border-bottom:1px solid #d7dfd1}.faq-list details:first-child{border-top:1px solid #d7dfd1}.faq-list summary{cursor:pointer;display:flex;justify-content:space-between;gap:25px;list-style:none;align-items:center;font-size:14px;font-weight:700;padding:23px 0;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--teal);font-size:23px;font-weight:400;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:13px;line-height:1.9;max-width:540px;padding:0 32px 25px 0}
.project-section{background:radial-gradient(ellipse at 75% 70%,#205d5c,transparent 50%),#10343b;color:var(--cream);overflow:hidden}.project-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:80px 0 85px}.project-inner .eyebrow{color:#a9c9b2}.project-inner h2{font-size:48px}.project-inner h2 em{font-style:normal;color:var(--gold)}.project-inner p{font-size:14px;color:#b4cdbe;max-width:455px;margin:23px 0 30px}.project-mark{text-align:center;position:relative}.project-mark:before{content:"";position:absolute;inset:-40px 40px;border:1px solid #aad1b41a;border-radius:50%;transform:rotate(25deg)}.project-mark img{position:relative;width:460px}.project-mark>span{display:block;color:#a9c4b4;font-size:11px;margin-top:17px;letter-spacing:.06em}.site-footer{background:#0a252d;color:#d7e4d6}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:80px;padding-top:55px;padding-bottom:50px}.footer-brand img{width:180px}.footer-brand>p{font-size:12px;color:#94afa5;margin-top:13px}.footer-main h2{font:700 12px "Segoe UI",sans-serif;letter-spacing:.03em;margin:14px 0 22px;color:#e0e7d7}.footer-main>div>a:not(:first-child){display:block;font-size:12px;color:#9fb9ac;line-height:2.35}.footer-main>div>a:hover{text-decoration:underline}.footer-note{font-size:11px;color:#7c9c94;margin-top:20px}.footer-bottom{border-top:1px solid #ffffff13;display:flex;align-items:center;justify-content:space-between;padding:22px 0 26px;color:#75968e;font-size:10px}.error-page{min-height:60vh}.error-page h1{font-size:45px}.error-page p{margin:24px 0}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){.card-scene{animation:float 7s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}}
@media(min-width:1500px){.hero-grid{min-height:720px}.hero h1{font-size:74px}}
@media(max-width:1100px){.shell{width:calc(100% - 56px)}.header-inner{gap:20px}.header-inner nav{gap:19px}.header-inner>.button{display:none}.hero-grid{gap:14px;min-height:620px}.hero h1{font-size:56px}.card-scene{transform:scale(.88);transform-origin:center}.hero-actions{gap:21px;flex-direction:column;align-items:flex-start}.intro-section,.faq-section{gap:60px}.collection-grid{gap:55px}.mode-panel{gap:25px;padding:35px}.duel-diagram{gap:17px}.mini-card{width:66px;height:102px}.step-illustration{transform:scale(.86);transform-origin:left center}.steps-grid{gap:20px}}
@media(max-width:760px){html{scroll-padding-top:135px}.shell{width:calc(100% - 40px)}.section{padding-top:68px;padding-bottom:68px}.header-inner{min-height:118px;flex-direction:column;justify-content:center;gap:0;padding:5px 0 13px}.brand{width:150px}.brand img{width:150px}.header-inner nav{width:100%;justify-content:center;gap:25px;font-size:11px}.header-inner nav a{padding:4px 0}.hero-grid{grid-template-columns:1fr;gap:5px;padding-top:44px;padding-bottom:10px;min-height:0}.hero h1{font-size:clamp(42px,8vw,58px);line-height:1.1}.release-tag{font-size:9px;letter-spacing:.13em;margin-bottom:24px}.hero-copy>p{font-size:14px;line-height:1.8;margin-top:23px;max-width:520px}.hero-actions{flex-direction:row;align-items:center;gap:26px;margin-top:27px}.hero-actions .button{min-height:52px;font-size:12px;padding:14px 18px;gap:15px}.hero-actions .text-link{font-size:11px;gap:9px}.hero-platforms{margin-top:26px;font-size:10px}.card-scene{height:400px;max-width:480px;width:100%;margin:0 auto;transform:scale(.8);transform-origin:center top;margin-bottom:-65px;margin-top:12px}.scene-caption{bottom:-56px;font-size:12px}.hero-bottom{font-size:8px;letter-spacing:.04em;padding:23px 0;gap:10px}.hero-bottom>span:nth-child(even){font-size:10px}.intro-section{grid-template-columns:1fr;gap:30px}.intro-copy .lead{font-size:20px}.intro-copy p:not(.lead){font-size:14px}.eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:17px}.section-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:37px}.section-heading>p{font-size:13px}.steps-grid{grid-template-columns:1fr;gap:40px}.step{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto auto;gap:0 22px}.step-number{left:0;top:0;font-size:10px}.step-illustration{grid-row:1/3;width:300px;max-width:none;height:120px;margin-bottom:0;transform:scale(.52);transform-origin:top left}.step h3{font-size:21px;padding-top:8px;margin-bottom:10px}.step>p{font-size:13px;line-height:1.75}.turn-note{gap:15px;align-items:flex-start;padding:20px;margin-top:34px}.turn-note p{font-size:12px}.turn-clock{font-size:30px}.mode-panel{grid-template-columns:1fr;padding:27px;gap:20px}.mode-copy h3{font-size:30px}.mode-copy>p{font-size:13px}.duel-diagram{min-height:195px;gap:25px}.mini-card{width:65px;height:102px}.mode-tabs label{font-size:12px;padding:10px 23px}.collection-grid{grid-template-columns:1fr;gap:25px}.collection-grid>div:first-child{order:2}.collection-art{min-height:345px;max-width:420px;margin:auto;width:100%;transform:scale(.85);margin-bottom:-40px;margin-top:15px}.collection-points{gap:20px}.collection-points p span{font-size:12px;padding-left:0}.faq-section{grid-template-columns:1fr;gap:35px}.faq-intro>p{margin:20px 0;font-size:13px}.faq-list summary{font-size:13px;padding:21px 0}.faq-list details>p{padding-right:18px;font-size:13px}.project-inner{grid-template-columns:1fr;gap:40px;padding:60px 0 55px}.project-inner h2{font-size:40px}.project-inner p{font-size:13px}.project-mark img{max-width:350px;width:100%}.project-mark>span{font-size:10px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 24px;padding:38px 0}.footer-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-brand img{width:150px}.footer-brand>p{font-size:10px;text-align:right;margin-top:0}.footer-main h2{font-size:11px;margin-bottom:15px}.footer-main>div>a:not(:first-child){font-size:11px;overflow-wrap:anywhere}.footer-bottom{font-size:9px;gap:18px;align-items:flex-start}.footer-bottom span:last-child{text-align:right;max-width:150px}.error-page h1{font-size:35px}}
@media(max-width:380px){.header-inner nav{gap:18px}.hero h1{font-size:40px}.hero-actions{gap:23px}.card-scene{transform:scale(.67);height:350px;margin-bottom:-62px;margin-top:20px}.scene-caption{bottom:-85px}.step{grid-template-columns:89px 1fr;column-gap:14px}.step-illustration{transform:scale(.43)}.duel-diagram{gap:13px}.mini-card{width:54px;height:87px}.team-side{gap:6px}.mode-panel{padding:23px}.mode-copy h3{font-size:28px}.hero-bottom{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}