@import url('/fonts/fonts.css');

:root{--paper:#faf9f5;--white:#fff;--ink:#242837;--muted:#6e7180;--blue:#4358d9;--blue-dark:#3043bc;--blue-soft:#eff0fc;--yellow:#f8d55b;--line:#e5e4df;--radius:24px;--font:'DM Sans',sans-serif;--display:'Outfit',sans-serif;--shadow:0 15px 45px #2b2c5010}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{color:inherit}button:disabled{opacity:.55;cursor:not-allowed}button,a{transition:background .2s,color .2s,box-shadow .2s,transform .2s}button:active:not(:disabled),.btn:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--display);line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(3rem,5.6vw,5.6rem);font-weight:700;line-height:1.02}h2{font-size:clamp(2rem,3.3vw,3.2rem);font-weight:600}h3{font-size:1.4rem;font-weight:600}p{text-wrap:pretty}small{font-size:.78rem}ul{padding-left:1.25rem}button svg,.btn svg{width:19px;height:19px;flex-shrink:0}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wrap{max-width:1240px;margin:auto;padding-inline:40px}.muted{color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--blue);margin-bottom:18px}.eyebrow .dot{width:7px;height:7px;background:var(--blue);border-radius:50%}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 21px;border-radius:12px;font-size:13px;font-weight:700;white-space:nowrap;background:var(--blue);color:white}.btn:hover{background:var(--blue-dark);box-shadow:0 6px 15px #4358d923;transform:translateY(-2px)}.btn-lg{min-height:55px;padding:15px 25px;font-size:14px}.btn-secondary{background:white;border:1px solid var(--line);color:var(--ink)}.btn-secondary:hover{background:var(--blue-soft);color:var(--blue)}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-yellow:hover{background:#f3ce4d;color:var(--ink)}.text-btn{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:9px 0;font-weight:600;font-size:13px;color:var(--blue)}.text-btn:hover{color:var(--blue-dark)}.icon-btn{display:inline-grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:10px;background:white}.icon-btn:hover{background:var(--blue-soft)}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:12px 20px;z-index:30}.skip-link:focus{top:10px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{height:86px;position:relative;z-index:10;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-symbol{display:grid;place-items:center;width:34px;height:42px;border-radius:7px;background:var(--blue);color:var(--yellow);transform:rotate(-10deg);box-shadow:4px 3px 0 #d9dffb;font-size:29px;line-height:1}.brand-name{font-family:var(--display);font-size:22px;letter-spacing:-1px;font-weight:600}.brand-name span{font-weight:400;color:var(--blue)}.main-nav{display:flex;gap:31px;font-size:12px;font-weight:600}.main-nav a{color:#636573}.main-nav a:hover{color:var(--blue)}.header-actions{display:flex;gap:21px;align-items:center}.collection-link{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;border:0;background:transparent;padding:8px 0}.collection-count{background:#eae9e5;border-radius:6px;padding:0 6px;font-size:10px}.header-actions .btn{min-height:41px;padding:10px 16px;font-size:11px}
.hero{padding-top:58px;padding-bottom:57px;display:grid;grid-template-columns:1fr 1.04fr;gap:14px;align-items:center;min-height:646px;overflow:visible}.hero-copy{padding-bottom:12px;position:relative;z-index:2}.hero h1{margin-bottom:24px;max-width:650px}.hero h1 em{font-style:normal;color:var(--blue);position:relative;display:inline-block}.hero h1 em:after{content:'';position:absolute;background:var(--yellow);height:10px;bottom:-4px;left:2%;right:0;z-index:-1;transform:rotate(-2deg);border-radius:50% 30% 50% 20%}.hero-desc{font-size:15px;line-height:1.8;max-width:370px;color:var(--muted);margin:28px 0}.hero-cta{display:flex;align-items:center;gap:20px}.hero-cta .text-btn{color:var(--ink);font-weight:600}.hero-note{display:flex;align-items:center;gap:15px;font-size:10px;color:var(--muted);margin-top:20px}.hero-note span{display:flex;align-items:center;gap:5px}.hero-note svg{width:12px;height:12px;color:#627f63}.hero-art{height:515px;position:relative;min-width:0}.hero-orbit{position:absolute;width:420px;height:420px;top:44px;left:60px;border:1px dashed #d2d5e9;border-radius:50%;transform:rotate(-20deg)}.hero-orbit:before{content:'';position:absolute;inset:40px;border-radius:50%;background:#eeeff9}.hero-deck{position:absolute;inset:0;perspective:1300px}.hero-card{position:absolute;width:238px;top:106px;filter:drop-shadow(0 17px 17px #3c365331);transition:transform .5s}.hero-card-left{left:7px;transform:rotate(-16deg);z-index:1}.hero-card-right{right:0;top:106px;transform:rotate(14deg);z-index:2}.hero-card-center{left:50%;width:255px;top:55px;transform:translateX(-50%) rotate(-3deg);z-index:3}.hero-card-left:hover{transform:translateY(-15px) rotate(-19deg)}.hero-card-right:hover{transform:translateY(-15px) rotate(18deg)}.hero-card-center:hover{transform:translateX(-50%) translateY(-12px) rotate(0deg)}.hero-sticker{position:absolute;right:-5px;top:6px;width:99px;height:99px;background:var(--yellow);border:5px solid var(--paper);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(13deg);font-family:var(--display);font-size:19px;line-height:1.06;font-weight:600;z-index:4;box-shadow:0 0 0 1px #e7cc6a}.hero-sticker small{font-family:var(--font);font-size:9px;letter-spacing:1px;margin-top:5px}.scribble{position:absolute;color:var(--blue);font-family:var(--display);font-size:14px;z-index:4;bottom:15px;right:16px;transform:rotate(-7deg)}.scribble svg{width:53px;height:31px;position:absolute;top:-33px;right:35px}.hero-spark{position:absolute;color:var(--yellow);font-size:52px;top:25px;left:24px;transform:rotate(12deg)}.hero-spark.second{font-size:33px;top:auto;bottom:39px;left:38px;color:var(--blue)}.feature-strip{display:flex;justify-content:space-around;align-items:center;gap:20px;max-width:1160px;margin:0 auto;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;font-weight:600;color:#5d6171}.feature-strip span{display:flex;align-items:center;gap:9px}.feature-strip svg{color:var(--blue);width:18px;height:18px}.section{padding-block:84px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:12px}.section-heading p{color:var(--muted);font-size:13px;margin-top:13px}.section-heading h2 em{font-style:normal;color:var(--blue)}.section-label{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;background:#e9ece0;border-radius:7px;font-size:10px;font-weight:600;color:#536247}.section-label:before{content:'';width:6px;height:6px;border-radius:50%;background:#768d64}
.studio-shell{border:1px solid #dedee5;border-radius:22px;background:white;box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:25px}.studio-topbar{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line);gap:15px}.studio-title{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:16px;font-weight:500}.studio-title .icon{color:var(--blue)}.studio-tools{display:flex;gap:7px;align-items:center}.draft-state{font-size:10px;color:var(--muted);margin-right:12px}.studio-main{display:grid;grid-template-columns:390px 1fr}.controls{border-right:1px solid var(--line);padding:24px;min-width:0}.mode-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;background:#f3f3f6;border-radius:11px;padding:4px;margin-bottom:25px;gap:3px}.mode-tab{border:0;background:transparent;padding:11px 3px;border-radius:8px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:5px}.mode-tab svg{width:15px;height:15px}.mode-tab[aria-selected=true]{background:white;color:var(--blue);box-shadow:0 2px 5px #2124350d}.control-section{margin-bottom:23px}.control-label,.field-label{font-weight:600;font-size:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.control-label small{font-size:10px;font-weight:400;color:var(--muted)}.pal-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pal-option{padding:5px 5px 7px;background:var(--paper);border:2px solid transparent;border-radius:12px;position:relative;min-width:0}.pal-option[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft)}.pal-option img{width:100%;height:76px;object-fit:cover;object-position:center 37%;border-radius:7px}.pal-option span{font-size:10px;font-weight:600;display:block;margin-top:5px}.pal-option:hover{transform:translateY(-2px)}.field{display:block;margin-bottom:16px}.field span{display:block;font-size:11px;font-weight:600;margin-bottom:7px}.field input,.field select,.field textarea{background:#fafafa;border:1px solid #dddfe6;border-radius:9px;padding:10px 12px;width:100%;min-width:0;font-size:12px;color:var(--ink);transition:border .2s}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #4358d930;border-color:var(--blue)}.field textarea{resize:vertical;min-height:72px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-options{display:flex;gap:7px;flex-wrap:wrap}.type-option{background:var(--type-bg);border:2px solid transparent;border-radius:9px;min-width:43px;height:38px;display:grid;place-items:center;color:var(--type-ink);font-size:23px;padding:0 10px}.type-option[aria-pressed=true]{border-color:var(--type-ink);box-shadow:0 0 0 2px white inset}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.choice-row.two{grid-template-columns:repeat(2,1fr)}.choice{padding:9px 8px;border:1px solid #e2e3e9;background:white;border-radius:9px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px}.choice[aria-pressed=true]{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.finish-dot{width:15px;height:15px;border-radius:50%;border:1px solid #00000010;background:#eee9dc}.finish-dot.holo{background:conic-gradient(#f2afd3,#ade2f4,#ddf0ab,#f4dd97,#f2afd3)}.finish-dot.cosmic{background:radial-gradient(circle at 35% 30%,white 0 8%,transparent 10%),linear-gradient(135deg,#253c7d,#b38bd5)}.details-section{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.details-section summary{font-size:12px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:5px 0}.details-section summary:after{content:'+';font-size:21px;font-weight:400;color:var(--muted)}.details-section[open] summary:after{content:'−'}.details-section[open] summary{margin-bottom:16px}.random-btn{width:100%;background:#f8f7f3;border:1px dashed #d7d4c9;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px;margin-top:19px;font-weight:600;font-size:11px}.random-btn:hover{background:#f9efd0}.upload-zone{border:1.5px dashed #bdc3e8;background:#f8f8fe;border-radius:12px;text-align:center;padding:21px 12px;position:relative;cursor:pointer;display:block}.upload-zone.dragging{background:#e4e7ff;border-color:var(--blue)}.upload-zone svg{margin:0 auto 10px;width:27px;height:27px;color:var(--blue)}.upload-zone strong{display:block;font-size:12px}.upload-zone small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.privacy-note{display:flex;gap:6px;font-size:10px;color:#677968;margin-top:9px;line-height:1.5}.privacy-note svg{flex-shrink:0;width:13px;height:13px;margin-top:1px}.range-field{display:flex;align-items:center;gap:12px;font-size:10px;margin:10px 0}.range-field span{min-width:63px}.range-field input{width:100%;accent-color:var(--blue)}.crop-controls{margin-top:15px}.crop-controls[hidden]{display:none}.ai-intro{font-size:12px;color:var(--muted);margin-bottom:14px}.ai-status{background:#f6f2e6;border-radius:9px;padding:11px;font-size:10px;line-height:1.65;margin-top:12px}.ai-status.available{background:#edf4e9;color:#406347}.consent{display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.6;color:var(--muted);margin:13px 0}.consent input{accent-color:var(--blue);margin-top:4px;flex-shrink:0}.consent a{text-decoration:underline}.inline-error{font-size:11px;color:#ab3b32;line-height:1.5;margin-top:8px}.inline-error:empty{display:none}
.preview-area{background:#f0f1f8;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:22px 25px 21px;min-width:0;background-image:radial-gradient(#c9cbdf65 .8px,transparent .8px);background-size:18px 18px;min-height:672px;overflow:hidden}.preview-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px}.preview-label{font-size:10px;display:flex;align-items:center;gap:7px;color:#73788f}.live-dot{width:6px;height:6px;background:#7e9c7b;border-radius:50%}.segmented{display:flex;border:1px solid #dfe1ee;border-radius:9px;background:#ffffffc0;padding:3px;gap:3px}.segmented button{padding:7px 10px;border:0;background:transparent;font-size:10px;font-weight:600;border-radius:6px;display:flex;gap:5px;align-items:center}.segmented button[aria-pressed=true]{background:var(--ink);color:white}.segmented svg{width:13px;height:13px}.preview-stage{width:100%;display:flex;align-items:center;justify-content:center;perspective:1000px;padding:31px 0;position:relative;flex:1}.preview-stage:after{content:'';width:245px;height:30px;background:#4c518330;filter:blur(15px);border-radius:50%;position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:0}.preview-card-wrap{width:min(315px,80%);position:relative;z-index:1;perspective:1200px;transform:rotate(-3deg);transition:transform .4s;touch-action:pan-y}.preview-card-wrap.flat{transform:none}.preview-card-wrap:focus-visible{border-radius:18px}.preview-card-wrap .trading-card{filter:drop-shadow(0 18px 18px #30355229)}.trading-card{width:100%;aspect-ratio:63/88;position:relative;perspective:1100px;--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--foil:25%;border-radius:18px;isolation:isolate}.card-rotator{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out;border-radius:inherit}.trading-card.is-flipped .card-rotator{transform:rotateX(var(--rx)) rotateY(calc(var(--ry) + 180deg))}.card-front,.card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:inherit;overflow:hidden}.card-front{transform:translateZ(1px)}.card-front>svg{width:100%;height:100%;display:block}.card-shine,.card-glare{position:absolute;inset:2%;border-radius:4%;pointer-events:none}.card-shine{background:repeating-linear-gradient(115deg,#ffb4cb00 0%,#ffe6a45c 12%,#a7f8e83d 24%,#9da8ee40 35%,#f8a8e244 46%,#ffb4cb00 58%);background-size:260% 260%;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;opacity:.32;transition:opacity .3s}.card-glare{background:radial-gradient(ellipse at var(--mx) var(--my),#ffffff6a,transparent 65%);mix-blend-mode:soft-light;opacity:0;transition:opacity .3s}.trading-card:hover .card-glare,.preview-card-wrap:focus .card-glare{opacity:1}.trading-card:hover .card-shine{opacity:.65}.trading-card[data-finish=matte] .card-shine{display:none}.trading-card[data-finish=cosmic] .card-shine{background-image:repeating-conic-gradient(from 30deg at var(--mx) var(--my),#f0bef43d,transparent 20deg,#acdfff44 40deg);mix-blend-mode:screen}.card-back{transform:rotateY(180deg);background:var(--blue);border:7px solid #e7d98b;color:#fff5ce;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:24px}.card-back:before,.card-back:after{content:'';position:absolute;inset:15px;border:1px solid #ffffff40;border-radius:10px}.card-back:after{inset:26px;border-style:dashed}.back-star{font-size:75px;z-index:1}.card-back strong{font-family:var(--display);font-size:23px;line-height:1.15;font-weight:500;z-index:1}.back-brand{font-size:8px;letter-spacing:3px;z-index:1}.back-orbit{position:absolute;width:80%;aspect-ratio:1;border:1px solid #ffffff25;border-radius:50%}.preview-hint{color:#777e95;font-size:10px;text-align:center;margin-bottom:16px;display:flex;align-items:center;gap:7px;justify-content:center}.preview-hint svg{width:14px;height:14px}.preview-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.preview-actions .btn{min-height:40px;padding:10px 14px;font-size:10px;border-radius:9px}.studio-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 23px;font-size:10px;color:var(--muted)}.studio-bottom span{display:flex;align-items:center;gap:7px}.studio-bottom svg{width:13px;height:13px}.studio-bottom a{text-decoration:underline;text-underline-offset:3px}.studio-intro-note{display:flex;justify-content:center;gap:8px;margin-top:17px;font-size:10px;color:var(--muted)}
.templates-section{padding-top:0}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.template-tile{display:block;border:0;text-align:left;padding:0;background:none;min-width:0}.template-art{height:326px;border-radius:19px;background:#efe8db;position:relative;overflow:hidden;display:grid;place-items:center}.template-tile:nth-child(2) .template-art{background:#e3edf0}.template-tile:nth-child(3) .template-art{background:#eeebf6}.template-art:before{content:'';position:absolute;width:250px;height:250px;border-radius:50%;border:1px solid #ffffff90}.template-art .trading-card{width:174px;transform:rotate(-8deg);filter:drop-shadow(0 12px 9px #34313e2b);transition:transform .4s}.template-tile:nth-child(2) .trading-card{transform:rotate(7deg)}.template-tile:nth-child(3) .trading-card{transform:rotate(-5deg)}.template-tile:hover .trading-card{transform:rotate(0) translateY(-6px) scale(1.035)}.template-badge{position:absolute;left:17px;top:17px;background:#ffffffb0;padding:4px 8px;font-size:9px;border-radius:5px;backdrop-filter:blur(5px)}.template-info{display:flex;justify-content:space-between;align-items:center;padding:17px 2px 0}.template-info h3{font-size:18px;letter-spacing:-.3px}.template-info p{font-size:11px;color:var(--muted);margin-top:6px}.template-info .round-arrow{width:34px;height:34px;border-radius:50%;border:1px solid #d9d8d3;display:grid;place-items:center}.round-arrow svg{width:16px;height:16px}
.play-banner{background:#edf0e6;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;padding:40px 48px;gap:40px;align-items:center}.play-banner .eyebrow{color:#627456;margin-bottom:13px}.play-banner h2{font-size:38px;max-width:400px}.play-banner p{font-size:12px;color:#6a7561;max-width:340px;margin:17px 0 20px}.challenge-prompt{background:#fffefa;border:1px solid #dce2d1;box-shadow:5px 5px 0 #dbe1ce;border-radius:16px;padding:26px 27px;transform:rotate(3deg);position:relative}.challenge-prompt:before{content:'';position:absolute;top:-11px;left:36%;width:85px;height:23px;background:#f5d66c88;transform:rotate(-6deg)}.challenge-prompt small{letter-spacing:2px;font-size:9px;color:#859473}.challenge-prompt h3{font-size:24px;line-height:1.25;margin:16px 0}.challenge-prompt p{font-size:11px;margin:0 0 13px}.challenge-prompt .text-btn{color:#587046;font-size:11px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.how-step{position:relative;padding-top:20px;border-top:1px solid #d8d8d5}.step-number{font-size:11px;letter-spacing:1px;color:var(--blue);display:block;margin-bottom:17px}.how-step h3{font-size:21px;margin-bottom:13px}.how-step p{color:var(--muted);font-size:12px;line-height:1.85;max-width:285px}.how-step .icon{position:absolute;right:0;top:19px;color:var(--blue);width:24px;height:24px}
.guide-section{padding-top:0}.guide-links{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.guide-link{border-top:1px solid var(--line);padding:23px 0;display:flex;align-items:center;gap:19px}.guide-icon{width:43px;height:43px;display:grid;place-items:center;background:#eeeff8;color:var(--blue);border-radius:11px;flex-shrink:0}.guide-link h3{font-size:16px;letter-spacing:-.2px}.guide-link p{font-size:11px;color:var(--muted);margin-top:6px}.guide-link>.icon{margin-left:auto;flex-shrink:0;width:17px}.guide-link:hover h3{color:var(--blue)}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:90px;padding-top:20px;padding-bottom:85px}.faq-section>div>p{font-size:12px;max-width:255px;color:var(--muted);margin-top:20px}.faq-item{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.faq-item h3{font-size:16px;letter-spacing:-.1px;margin-bottom:10px}.faq-item p{font-size:12px;color:var(--muted);line-height:1.8}.faq-item a{text-decoration:underline}.closing{background:#e9ebfa;text-align:center;padding:48px 30px;border-radius:23px;margin-bottom:70px;position:relative}.closing h2{font-size:39px}.closing p{font-size:12px;color:var(--muted);margin:15px 0 23px}.closing-star{position:absolute;font-size:57px;color:var(--blue);left:65px;top:60px;transform:rotate(20deg)}.closing-star.right{left:auto;right:70px;color:#e1b63d;font-size:43px;top:100px}.site-footer{border-top:1px solid var(--line);padding:34px 0 26px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-links{display:flex;gap:22px;font-size:10px;color:var(--muted)}.footer-bottom{font-size:9px;line-height:1.8;color:#8d8d97;display:flex;justify-content:space-between;gap:40px;padding-top:25px}.footer-bottom p{max-width:690px}.footer-tagline{font-size:10px;color:var(--muted);margin-top:12px}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 19px;border-radius:12px;font-size:12px;box-shadow:0 6px 24px #25293526;z-index:35;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);width:max-content;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{padding:0;border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);max-width:min(900px,calc(100% - 32px));width:900px;max-height:88dvh;box-shadow:0 35px 100px #25263840}dialog::backdrop{background:#1c21316b;backdrop-filter:blur(6px)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:26px 30px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:3}.dialog-header h2{font-size:28px}.dialog-header p{font-size:11px;color:var(--muted);margin-top:7px}.dialog-content{padding:27px 30px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.collection-item .trading-card{width:100%}.collection-item .collection-item-actions{display:flex;align-items:center;justify-content:space-between;padding-top:12px;gap:8px}.collection-item-actions button{font-size:10px}.collection-item-actions .icon-btn{width:31px;height:31px}.collection-item-actions .btn{min-height:32px;padding:6px 12px;border-radius:7px}.empty-collection{text-align:center;padding:44px 10px 60px}.empty-collection>span{display:block;color:var(--blue);font-size:70px;margin-bottom:10px}.empty-collection h3{font-size:27px}.empty-collection p{font-size:12px;color:var(--muted);max-width:350px;margin:14px auto 23px}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:20px 30px;position:sticky;bottom:0;background:var(--paper)}.dialog-footer p{font-size:10px;color:var(--muted);max-width:370px}.dialog-footer .btn{font-size:11px;min-height:40px}.reveal-dialog{max-width:550px;background:#eff0fb;overflow:hidden}.reveal-content{padding:30px 45px;text-align:center}.reveal-content .eyebrow{justify-content:center;font-size:10px;margin-bottom:14px}.reveal-content h2{font-size:33px}.reveal-stage{width:240px;max-width:85%;margin:28px auto;cursor:pointer;perspective:1200px}.reveal-stage .trading-card{filter:drop-shadow(0 13px 15px #34375f33)}.reveal-content>p{font-size:12px;color:var(--muted);margin:15px auto}.reveal-content .btn{font-size:12px}.reveal-content>.icon-btn{position:absolute;right:14px;top:14px;background:#ffffffa0}.reveal-stage .card-rotator{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.reveal-stage.revealed{animation:reveal-pop .65s ease-out}@keyframes reveal-pop{0%{transform:scale(.91)}65%{transform:scale(1.025)}100%{transform:scale(1)}}.account-dialog{max-width:520px}.account-dialog .dialog-content{padding:26px}.credit-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.credit-pack{border:1px solid var(--line);border-radius:11px;background:white;padding:13px 9px;text-align:center;cursor:pointer}.credit-pack:has(input:checked){border-color:var(--blue);background:var(--blue-soft)}.credit-pack input{accent-color:var(--blue)}.credit-pack strong{font-family:var(--display);font-size:23px;display:block;margin:5px 0}.credit-pack small{font-size:10px}.account-note{font-size:11px;color:var(--muted);margin-bottom:20px}.account-dialog .btn{width:100%;font-size:12px}.restore-section{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.restore-section h3{font-size:18px;margin-bottom:14px}
.page-hero{padding:66px 0 40px;max-width:870px}.page-hero h1{font-size:clamp(2.5rem,5vw,4.3rem);max-width:850px;line-height:1.08}.page-hero>p{font-size:16px;color:var(--muted);max-width:640px;margin:22px 0;line-height:1.85}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:26px}.breadcrumb a{color:var(--blue)}.article-layout{display:grid;grid-template-columns:1fr 310px;gap:70px;align-items:start;padding-bottom:75px}.article-body{font-size:14px;line-height:1.85;min-width:0}.article-body h2{font-size:27px;margin:38px 0 17px;letter-spacing:-.6px}.article-body h3{font-size:20px;margin:25px 0 10px}.article-body p{margin:0 0 17px;color:#616776}.article-body li{padding:5px 0;color:#616776}.article-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.article-body .btn{color:white;text-decoration:none}.article-body table{border-collapse:collapse;width:100%;font-size:12px;margin:20px 0}.article-body td,.article-body th{border-bottom:1px solid var(--line);padding:13px 10px;text-align:left}.article-body th{background:#eeeff6}.article-aside{background:#eeeff8;border-radius:20px;padding:30px;position:sticky;top:35px;text-align:center}.article-aside .trading-card{width:210px;max-width:100%;margin:8px auto 28px;transform:rotate(-5deg);filter:drop-shadow(0 10px 10px #242d5625)}.article-aside h3{font-size:25px}.article-aside p{color:var(--muted);font-size:11px;margin:14px 0 20px}.article-aside .btn{font-size:11px}.article-aside .demo-image{width:100%;border-radius:10px;margin-bottom:16px}.callout{background:#eeeff8;border-left:3px solid var(--blue);padding:20px 22px;margin:24px 0;border-radius:0 10px 10px 0}.callout p:last-child{margin-bottom:0}.idea-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.idea-card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.idea-card h3{margin:0 0 9px;font-size:19px}.idea-card p{font-size:12px}.idea-card a{font-size:11px;font-weight:600}.print-options{display:flex;align-items:flex-end;flex-wrap:wrap;gap:15px;margin-bottom:20px}.print-options .field{margin:0;min-width:155px}.print-sheet{background:white;max-width:100%;width:670px;aspect-ratio:210/297;box-shadow:var(--shadow);border:1px solid var(--line);padding:4%;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5%;align-content:start}.print-sheet.letter{aspect-ratio:215.9/279.4}.print-slot{border:1px dashed #cacaca;aspect-ratio:63/88;display:flex;align-items:center;justify-content:center;text-align:center;background:#fcfcfc;padding:2px;font-size:9px;color:#aaa}.print-slot .trading-card{border-radius:9px}.print-slot.empty{padding:12px}.print-toolbar-note{font-size:11px;color:var(--muted);margin:16px 0}.ruler{width:100%;height:20px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:flex-end;font-size:8px;margin:25px 0}.battle-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.battle-stage{background:#eeeff8;border-radius:18px;padding:26px;text-align:center;margin-top:20px}.battle-versus{display:flex;align-items:center;justify-content:center;gap:30px}.battle-versus .trading-card{width:175px}.battle-versus>span{font-family:var(--display);font-size:24px;color:var(--blue)}.battle-result{min-height:32px;margin:20px 0;font-family:var(--display);font-size:24px}.battle-explanation{font-size:11px;color:var(--muted)}.not-found{padding:100px 25px;text-align:center;min-height:65vh}.not-found>span{font-family:var(--display);color:var(--blue);font-size:100px}.not-found h1{font-size:40px}.not-found p{margin:20px auto 28px;color:var(--muted)}.only-studio .section{padding-top:40px}.only-studio .section-heading h2{font-size:36px}.only-studio .site-footer{margin-top:20px}[hidden]{display:none!important}.no-js{background:#fff2c5;padding:14px 30px;font-size:12px;text-align:center}.print-root{display:none}
@media(min-width:1400px){.hero{min-height:670px}.hero-art{transform:scale(1.05)}.wrap{padding-inline:30px}}
@media(max-width:1100px){.wrap{padding-inline:28px}.main-nav{gap:20px}.header-actions{gap:14px}.hero h1{font-size:65px}.hero-card{width:207px}.hero-card-center{width:225px}.hero-orbit{width:360px;height:360px;left:25px;top:60px}.hero-sticker{right:0;width:88px;height:88px;font-size:17px}.hero-art{height:470px}.hero{min-height:590px}.hero-card-right{right:5px}.hero-card-left{left:0}.hero .eyebrow{font-size:10px}.studio-main{grid-template-columns:350px 1fr}.controls{padding:20px}.hero-desc{max-width:330px}.feature-strip{margin-inline:28px}.faq-section{gap:60px}.article-layout{grid-template-columns:1fr 265px;gap:40px}.article-aside{padding:23px}.header-actions .btn{display:none}}
@media(max-width:800px){.header-inner{gap:15px}.main-nav{gap:19px}.main-nav a{font-size:11px}.collection-link .collection-text{display:none}.hero{grid-template-columns:1fr;padding-top:40px;text-align:center;gap:6px;padding-bottom:33px}.hero-copy{padding:0}.hero .eyebrow{justify-content:center}.hero h1{font-size:65px;max-width:none}.hero-desc{max-width:430px;margin:24px auto;font-size:14px}.hero-cta,.hero-note{justify-content:center}.hero-art{height:460px;width:510px;max-width:100%;margin:15px auto 0}.hero-card{width:215px}.hero-card-center{width:236px}.hero-card-left{left:20px}.hero-card-right{right:20px}.hero-orbit{left:50%;transform:translateX(-50%);top:40px;width:360px;height:360px}.hero-sticker{right:15px;top:10px}.scribble{bottom:2px;right:36px}.hero-spark{left:43px}.feature-strip{flex-wrap:wrap;justify-content:center;gap:14px 29px;padding:20px}.feature-strip span{font-size:10px}.section{padding-block:60px}.studio-main{grid-template-columns:320px 1fr}.controls{padding:17px}.preview-area{padding:17px 12px;min-height:665px}.preview-card-wrap{width:95%}.preview-toolbar{gap:5px}.preview-label{font-size:9px}.segmented button{padding:6px 8px}.preview-actions .btn{padding:9px 10px;font-size:9px}.preview-actions{gap:5px}.preview-stage{padding:30px 0}.preview-stage:after{width:180px}.studio-bottom{padding:12px 18px;font-size:9px}.template-grid{gap:15px}.template-art{height:260px}.template-art .trading-card{width:142px}.template-info h3{font-size:16px}.template-info p{font-size:10px}.templates-section{padding-top:0}.play-banner{padding:30px;gap:30px}.play-banner h2{font-size:30px}.challenge-prompt{padding:20px}.challenge-prompt h3{font-size:21px}.how-grid{gap:26px}.faq-section{gap:35px;grid-template-columns:1fr 1.2fr}.guide-links{gap:0 25px}.closing-star{left:25px}.closing-star.right{right:25px}.closing h2{font-size:32px}.article-layout{grid-template-columns:1fr}.article-aside{position:static;display:none}.page-hero{padding-top:44px}.footer-bottom{font-size:8px;gap:20px}.footer-links{gap:15px}}
@media(max-width:620px){html{scroll-padding-top:20px}.wrap{padding-inline:20px}.site-header{height:70px}.brand-name{font-size:20px}.brand-symbol{width:28px;height:35px;font-size:25px}.brand{gap:9px}.main-nav{gap:16px}.main-nav a{font-size:10px}.main-nav .desktop-nav{display:none}.header-actions{gap:5px}.collection-link{gap:4px}.collection-link .icon{width:20px;height:20px}.hero{padding-top:33px}.hero h1{font-size:clamp(46px,12vw,65px);line-height:1.06;letter-spacing:-2px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:20px}.hero-desc{font-size:12px;max-width:295px;line-height:1.8;margin:22px auto}.hero-cta{gap:17px}.hero-cta .btn{font-size:11px;min-height:48px;padding:12px 19px}.hero-cta .text-btn{font-size:11px}.hero-note{font-size:8px;gap:11px;margin-top:15px}.hero-art{height:373px;width:370px;margin-top:15px}.hero-card{width:164px;top:89px}.hero-card-center{width:185px;top:44px}.hero-card-left{left:3px}.hero-card-right{right:3px;top:95px}.hero-orbit{width:290px;height:290px;top:35px}.hero-sticker{width:73px;height:73px;font-size:14px;border-width:3px;right:3px;top:0}.hero-sticker small{font-size:7px}.hero-spark{font-size:34px;left:13px;top:15px}.hero-spark.second{font-size:28px;left:25px;bottom:4px}.scribble{bottom:0;font-size:11px;right:13px}.scribble svg{width:40px}.feature-strip{margin-inline:20px;gap:13px 22px;padding:19px 0}.feature-strip span{font-size:9px;gap:6px}.feature-strip svg{width:15px;height:15px}.section{padding-block:49px}.section-heading{gap:15px;align-items:flex-start}.section-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:10px}.section-heading h2{font-size:30px}.section-heading p{font-size:11px;max-width:255px}.section-label{font-size:8px;padding:6px 8px;margin-top:25px;white-space:nowrap}.section-heading>.text-btn{font-size:10px;white-space:nowrap;align-self:flex-end}.studio-shell{border-radius:16px}.studio-topbar{padding:14px}.studio-title{font-size:14px}.draft-state{display:none}.studio-tools .icon-btn{width:30px;height:30px;border-radius:7px}.studio-tools .icon-btn svg{width:15px;height:15px}.studio-main{display:flex;flex-direction:column}.preview-area{order:-1;min-height:420px;padding:15px 18px 17px}.preview-stage{padding:23px 0 18px}.preview-card-wrap{width:195px;max-width:80%}.preview-stage:after{width:165px;bottom:8px;height:18px}.preview-hint{margin:5px 0 12px;font-size:9px}.preview-actions .btn{font-size:10px;padding:9px 13px}.preview-toolbar{max-width:400px}.controls{padding:22px;border-right:0;border-top:1px solid var(--line)}.mode-tabs{margin-bottom:23px}.mode-tab{font-size:11px;padding:12px 3px}.pal-option img{height:92px}.pal-option span{font-size:11px}.control-label{font-size:12px}.type-options{gap:8px}.type-option{flex:1;min-width:34px;padding:0 6px}.field input,.field select,.field textarea{font-size:16px;padding:11px}.choice{min-height:43px}.field-row{gap:10px}.preview-label{font-size:9px}.studio-bottom{padding:12px 17px;font-size:8px;gap:12px}.studio-bottom span svg{display:none}.studio-intro-note{font-size:9px;text-align:center;max-width:300px;margin:15px auto}.template-grid{grid-template-columns:1fr;gap:23px}.template-tile{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center}.template-art{height:178px;border-radius:14px}.template-art .trading-card{width:97px}.template-art:before{width:140px;height:140px}.template-badge{font-size:7px;left:9px;top:9px}.template-info{display:block;padding:0}.template-info h3{font-size:21px}.template-info p{font-size:11px;line-height:1.7;margin-top:9px}.template-info .round-arrow{margin-top:16px;width:30px;height:30px}.templates-section{padding-top:0}.play-banner{grid-template-columns:1fr;padding:30px;gap:27px;border-radius:17px}.play-banner h2{font-size:31px;max-width:270px}.play-banner .eyebrow{font-size:9px}.play-banner p{font-size:11px}.challenge-prompt{transform:rotate(2deg)}.challenge-prompt h3{font-size:23px}.how-grid{grid-template-columns:1fr;gap:26px;margin-top:30px}.how-step{padding:18px 0 0 35px}.step-number{position:absolute;left:0;top:20px}.how-step h3{font-size:20px;margin-bottom:10px;max-width:280px}.how-step p{max-width:none;font-size:11px}.how-step .icon{width:19px;height:19px;top:18px}.guide-links{grid-template-columns:1fr}.guide-link{padding:19px 0}.guide-link p{font-size:10px}.guide-link h3{font-size:16px}.guide-section{padding-top:0}.faq-section{grid-template-columns:1fr;gap:30px;padding-top:0;padding-bottom:40px}.faq-section>div>p{max-width:none;font-size:11px;margin-top:14px}.faq-item h3{font-size:16px}.faq-item p{font-size:11px}.faq-item:last-child{margin-bottom:0}.closing{padding:35px 23px;margin-bottom:40px;border-radius:17px}.closing h2{font-size:30px;max-width:280px;margin:auto}.closing p{font-size:11px;max-width:240px;margin:15px auto 20px}.closing-star{display:none}.closing .btn{font-size:11px;min-height:45px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:24px}.footer-links{gap:20px;flex-wrap:wrap;font-size:10px}.footer-bottom{display:block;padding-top:20px}.footer-bottom>span{display:block;margin-top:12px}.site-footer{padding-top:27px}.footer-tagline{font-size:9px}.dialog-header{padding:21px}.dialog-header h2{font-size:24px}.dialog-header p{font-size:10px}.dialog-content{padding:21px}.collection-grid{grid-template-columns:1fr 1fr;gap:18px 13px}.dialog-footer{padding:16px 20px;display:block}.dialog-footer .btn{margin-top:13px;font-size:10px}.dialog-footer p{font-size:9px}.collection-item-actions .btn{font-size:9px;padding:6px 9px}.collection-item-actions .icon-btn{width:27px;height:27px}.reveal-content{padding:37px 23px 28px}.reveal-content h2{font-size:29px}.reveal-stage{width:205px}.page-hero{padding:35px 0 28px}.page-hero h1{font-size:39px}.page-hero>p{font-size:13px;margin:19px 0}.page-hero .eyebrow{font-size:9px}.breadcrumb{font-size:10px;margin-bottom:23px}.article-body{font-size:13px}.article-body h2{font-size:26px}.article-body table{font-size:10px}.article-body td,.article-body th{padding:10px 6px}.article-layout{padding-bottom:40px}.idea-grid{grid-template-columns:1fr}.print-options{gap:12px}.print-options .field{min-width:0;flex:1}.print-options .btn{font-size:11px}.print-slot.empty{font-size:6px;padding:3px}.battle-controls{grid-template-columns:1fr;gap:0}.battle-versus{gap:14px}.battle-stage{padding:20px 13px}.battle-versus .trading-card{width:42%}.battle-result{font-size:20px}.battle-explanation{font-size:10px}.only-studio .section-heading h2{font-size:29px}.only-studio .section-label{display:none}.toast{bottom:16px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.card-rotator{transition:none}.hero-card:hover{transform:none}.preview-card-wrap{transform:none}}
@media print{@page{size:A4 portrait;margin:5mm}html,body{margin:0!important;padding:0!important;background:white!important}body>*:not(.print-root){display:none!important}.print-root{display:grid!important;grid-template-columns:repeat(3,63mm);gap:3mm;justify-content:center;align-content:start;padding:0!important}.print-card{width:63mm;height:88mm;outline:.15mm dashed #aaa;outline-offset:1mm;break-inside:avoid;page-break-inside:avoid}.print-card svg{width:63mm;height:88mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-note{grid-column:1/-1;font:8pt sans-serif;margin:3mm 0 0;color:#555}.print-measure{width:50mm;height:3mm;border-left:.2mm solid #333;border-right:.2mm solid #333;border-bottom:.2mm solid #333}.card-shine,.card-glare{display:none!important}}
@media print{.print-root{display:block!important}.print-page{position:relative;display:grid;grid-template-columns:repeat(3,63mm);grid-auto-rows:88mm;gap:2mm;width:198mm;break-after:page;page-break-after:always}.print-page:last-child{break-after:auto;page-break-after:auto}.print-calibration{position:absolute;right:0;top:0;height:50mm;width:2mm;border-left:.2mm solid #444;border-top:.2mm solid #444;border-bottom:.2mm solid #444}.print-calibration span{writing-mode:vertical-rl;font:6pt sans-serif;margin-top:3mm}}
@media(max-width:620px){.hero-card-left{left:28px}.hero-card-right{right:28px}.hero-deck{transform:scale(.97)}.type-option{min-height:44px}}
.only-studio .section-heading h1{font-size:36px;font-weight:600;line-height:1.12}.only-studio .section-heading h1 em{font-style:normal;color:var(--blue)}
@media(max-width:620px){.only-studio .section-heading h1{font-size:29px}}
@media(max-width:380px){.main-nav a:nth-child(2){display:none}.hero h1{font-size:40px;letter-spacing:-1.7px}.hero-card{width:147px}.hero-card-center{width:168px}.hero-card-left{left:22px}.hero-card-right{right:22px}.hero-art{height:347px}.hero-sticker{width:65px;height:65px;font-size:12px}.hero-note{font-size:7px;gap:8px}.hero-cta{gap:12px}.hero-cta .btn{padding-inline:15px}.section-label{display:none}.preview-actions .btn{padding-inline:9px;font-size:9px}.controls{padding:18px}.mode-tab{font-size:10px}.footer-links{gap:14px}}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{min-width:0}.hero-art{width:100%;max-width:510px}}
@media(max-width:620px){.hero-art{max-width:370px}.hero-cta{flex-wrap:wrap}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-card-left{left:22px}.hero-card-right{right:22px}}
@media(max-width:380px){.hero-cta{gap:10px}.hero-cta .btn{font-size:10px}.hero-cta .text-btn{font-size:10px}.hero-card-left{left:17px}.hero-card-right{right:17px}.hero-sticker{right:5px}.hero-orbit{width:260px;height:260px}.hero h1{font-size:38px}}