/* Prize synthesis shares the white benefit surfaces and readable purple accents. */
#synthesis-page{color:#303247;padding-bottom:20px}.synthesis-benefit-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 24px}.synthesis-benefit-nav>a{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 8px;border:1px solid #dbd1e5;border-radius:8px;background:#fff;font-size:12px;color:#766185;white-space:nowrap}.synthesis-benefit-nav>a>span{font-size:20px;color:#9374ac}.synthesis-benefit-nav>a.active{background:#f0e6fb;border-color:#ae87cb;color:#683892;font-weight:600}.synthesis-benefit-nav>a.active>span{color:#8050a8}.synth-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #d7c9e7;border-radius:14px;padding:30px 35px;background:radial-gradient(ellipse at 88% 20%,#e4f1fc99,transparent 55%),linear-gradient(115deg,#faf4ff,#f6f5fe);overflow:hidden;margin-bottom:23px}.synth-hero>div>p:first-child{font-size:9px;letter-spacing:1.8px;color:#826496;margin:0 0 12px;font-weight:600}.synth-hero h1{font-size:32px;line-height:1.5;color:#3e2d4f;margin:0 0 10px;letter-spacing:1px}.synth-hero h1>span{color:#8051a6}.synth-hero>div>p:last-child{font-size:12px;line-height:1.8;color:#766481;margin:0}.synth-hero-art{position:relative;display:flex;align-items:center;justify-content:center;width:250px;height:135px;flex:none}.synth-hero-art>img{width:85px;height:115px;filter:drop-shadow(0 8px 9px #7e5caa20)}.synth-hero-art>img:first-child{transform:rotate(-18deg) translateX(14px);opacity:.8}.synth-hero-art>img:nth-child(2){width:105px;height:145px;z-index:1}.synth-hero-art>img:nth-child(3){transform:rotate(17deg) translateX(-14px);opacity:.8}.synth-hero-art>i{position:absolute;right:0;top:8px;font-style:normal;font-size:22px;color:#baa3d6}.synth-summary{display:flex;align-items:center;gap:15px;margin:0 0 25px;padding:17px 21px;border:1px solid #e1d6eb;border-radius:10px;background:#fdfbff}.synth-summary>div{display:flex;align-items:center;gap:20px;margin-right:auto}.synth-summary>div>span:first-child{font-size:11px;color:#796486}.synth-summary>.ghost{font-size:11px;padding:8px 14px;white-space:nowrap}.synth-fee{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-variant-numeric:tabular-nums}.synth-coin{display:inline-grid;place-items:center;flex:none;width:25px;height:27px;font-size:16px;font-weight:800;font-style:normal;line-height:1;background:linear-gradient(140deg,#ffd976,#edaf39);clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);color:#a77022;box-shadow:inset 0 0 0 2px #fff4c2}.synth-fee>b{font-size:23px;line-height:1.3;letter-spacing:-.3px;color:#744496}.synth-fee>small{font-size:10px;color:#80698e}.synth-list-tools{display:flex;align-items:center;gap:16px;margin-bottom:14px;flex-wrap:wrap}.synth-filters{display:flex;flex-wrap:wrap;gap:6px}.synth-filters>button{font-size:12px;color:#766185;border:1px solid transparent;border-radius:5px;padding:7px 12px}.synth-filters>button.active{background:#f0e4fb;color:#75469b;border-color:#d8bfe9}.synth-list-tools form{margin-left:auto;display:flex;align-items:center;gap:7px;border:1px solid #d9cbe5;border-radius:6px;background:#fff;padding:5px 6px 5px 12px;max-width:300px;flex:1}.synth-list-tools form input{width:100%;min-width:0;background:none;border:0;outline:none;font-size:11px;color:#6d527f}.synth-list-tools form button{font-size:10px;white-space:nowrap;padding:6px 12px;background:#f4edfa;border-radius:4px;color:#7c5399}.synth-list-tools select{border:1px solid #d9cbe5;background:#fff;border-radius:5px;color:#765c88;padding:9px 12px;font-size:11px;max-width:100%}.synth-list-count{font-size:10px;color:#786185;margin:0 0 18px}.synth-list-count>b{color:#8057a3}.synth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.synth-card{display:block;min-width:0;border:1px solid #dfd3e9;border-radius:11px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}.synth-card:hover{border-color:#b08bcd;box-shadow:0 7px 21px #77548e17;transform:translateY(-2px)}.synth-card-art{height:225px;padding:20px;position:relative;border-bottom:1px solid #ede5f4;background:linear-gradient(150deg,#faf7fd,#fff)}.synth-card-art>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.synth-card-badge{position:absolute;right:13px;top:12px;font-size:10px;padding:4px 9px;background:#f3edf9d9;border:1px solid #deceed;border-radius:5px;color:#80618f}.synth-card-badge.ready{background:#eaf4df;border-color:#d1e1b4;color:#688044}.synth-card-body{padding:18px}.synth-series{font-size:10px;color:#876999;letter-spacing:.5px}.synth-card h2{font-size:14px;font-weight:600;line-height:1.8;color:#493553;margin:7px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:50px}.synth-card-stock{font-size:10px;color:#7e668e}.synth-card-stock>b{color:#8a57b1}.synth-materials{display:flex;align-items:flex-start;flex-wrap:wrap;gap:17px;margin:12px 0 18px}.synth-material{width:114px;text-align:center;flex:none}.synth-material>div{position:relative;height:135px;border:1px solid #d9c9e7;border-radius:9px;background:linear-gradient(160deg,#f9f3ff,#eee6f6);overflow:hidden}.synth-material>div>img{width:100%;height:100%;object-fit:contain;padding:10px 17px 20px;filter:drop-shadow(0 4px 5px #77519c15)}.synth-material>div>span{position:absolute;bottom:0;left:0;width:100%;background:#8b73a6;display:block;padding:4px;font-size:11px;line-height:1.4;color:#fff;font-weight:600;letter-spacing:.5px}.synth-material.complete>div{border-color:#a7bf7d;background:#f0f7e8}.synth-material.complete>div>span{background:#85a65b}.synth-material>b{display:block;font-size:11px;line-height:1.6;color:#785789;font-weight:500;margin-top:8px}.synth-material>small{display:block;font-size:10px;color:#7f6b8c;margin-top:4px}.synth-material>small>strong{color:#9b63be;font-weight:600}.synth-materials-small{gap:12px;margin:17px 0}.synth-materials-small>.synth-material{width:65px}.synth-materials-small .synth-material>div{height:73px;border-radius:6px}.synth-materials-small .synth-material>div>img{padding:3px 9px 14px}.synth-materials-small .synth-material>div>span{padding:2px;font-size:9px}.synth-materials-small .synth-material>b{font-size:9px;margin-top:5px}.synth-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:15px;border-top:1px solid #e9dff0}.synth-card-bottom .synth-fee>b{font-size:22px}.synth-card-bottom .synth-fee>small{font-size:9px}.synth-card-bottom>span:last-child{font-size:11px;color:#875b9f;white-space:nowrap}.synth-demo-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;line-height:1.9;color:#7d6888;margin:19px 0}.synth-demo-note>span:first-child{border:1px solid #d9c8e6;border-radius:4px;padding:2px 7px;font-size:9px;color:#7b5993;background:#faf5ff;white-space:nowrap}.synth-demo-note>span:last-child{min-width:180px;flex:1}.synth-empty{grid-column:1/-1;text-align:center;border:1px dashed #d8c7e5;border-radius:10px;background:#fcfaff;padding:45px 20px;color:#7c6489}.synth-empty>span{font-size:37px;color:#b898ce}.synth-empty h2{font-size:18px;line-height:1.6;color:#735183;margin:12px 0}.synth-empty p{font-size:12px;line-height:1.9;margin:12px 0 18px}.synth-empty>.primary{display:inline-flex;font-size:12px;padding:11px 20px}.synth-grid>button[data-synth-reset]{grid-column:1/-1;justify-self:center;font-size:12px;padding:10px 20px}.synth-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.synth-section-heading h2{font-size:20px;font-weight:600;color:#5f3f73;margin:0}.synth-section-heading button,.synth-section-heading a{font-size:11px;color:#825f9b;white-space:nowrap}.synth-section-heading p{font-size:8px;letter-spacing:1.7px;color:#897197;margin:0 0 6px}.synth-history{border-top:1px solid #e3d8ed;padding-top:28px;margin-top:35px;scroll-margin-top:25px}.synth-history>.synth-section-heading{margin-bottom:22px}.synth-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.synth-records>article{display:flex;gap:14px;align-items:center;min-width:0;padding:16px;border:1px solid #e2d5ec;border-radius:9px;background:#fff}.synth-records>article>img{width:78px;height:85px;object-fit:contain;flex:none;background:#f8f4fc;border-radius:5px;padding:6px}.synth-records>article>div{flex:1;min-width:0}.synth-records>article>div>span{font-size:9px;display:inline-block;background:#edf5e5;color:#688148;padding:2px 6px;border-radius:3px}.synth-records h3{font-size:12px;color:#694b79;line-height:1.7;font-weight:500;margin:6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.synth-records time{font-size:10px;color:#836c91}.synth-records p{font-size:10px;line-height:1.8;color:#8a6d9a;margin:5px 0 0}.synth-records>article>a{font-size:18px;color:#a080b7}
.synth-detail-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:23px 0 22px;font-size:11px;color:#805b96}.synth-detail-top>div{display:flex;align-items:center;gap:21px}.synth-detail-top button{font-size:11px;color:#805b96;padding:0}.synth-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:stretch}.synth-target{min-width:0}.synth-target-art{position:relative;display:flex;align-items:center;justify-content:center;height:455px;background:radial-gradient(ellipse at center,#fff 15%,#f7f2fc 85%);border:1px solid #e2d8ed;border-radius:12px;padding:37px;overflow:hidden}.synth-target-art>img{max-height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;z-index:1}.synth-target-art>span{position:absolute;left:22px;top:15px;letter-spacing:2.4px;font-size:8px;color:#a58bb7}.synth-target-art>i{position:absolute;right:15px;bottom:-30px;color:#ece0f5;font-size:160px;line-height:1;font-style:normal;transform:rotate(13deg)}.synth-target-caption{display:flex;justify-content:space-between;font-size:10px;color:#846591;margin-top:13px}.synth-target-caption>b{font-weight:500;color:#86639c}.synth-recipe{display:flex;flex-direction:column;min-width:0;padding-top:6px}.synth-recipe h1{font-size:25px;line-height:1.7;color:#50345e;font-weight:600;margin:8px 0 20px}.synth-recipe-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.synth-recipe-meta dl{margin:0;font-size:11px;color:#765e84;line-height:1.8;flex:1}.synth-recipe-meta dl>div{display:flex;align-items:baseline;gap:17px;margin:5px 0}.synth-recipe-meta dt{color:#896e99;flex:none}.synth-recipe-meta dd{margin:0;color:#604773}.synth-recipe-meta>div>span{display:block;font-size:10px;color:#856b95;margin:0 0 3px}.synth-recipe-meta .synth-fee{display:flex;gap:9px}.synth-recipe-meta .synth-fee>b{font-size:34px;color:#8450ad}.synth-recipe-meta .synth-fee>small{display:none}.synth-recipe-meta .synth-coin{width:32px;height:35px;font-size:21px}.synth-stock{padding:7px 11px;background:#f0e9fc;color:#8a56b5;border:1px solid #e4d6f4;border-radius:5px;font-size:11px;margin:0 0 21px;display:flex;gap:5px;align-items:baseline}.synth-stock small{margin-left:auto;font-size:9px;color:#87689a}.synth-recipe>.synth-section-heading h2{font-size:14px}.synth-recipe>.synth-section-heading button{font-size:10px}.synth-recipe-balance{display:flex;align-items:center;gap:10px;font-size:11px;color:#80628f;padding:11px 0 16px;margin-top:4px}.synth-recipe-balance>b{color:#815198}.synth-recipe-balance>span:last-child{margin-left:auto;font-size:10px;color:#a06d82}.synth-recipe-balance>span.enough{color:#75934d}.synth-main-action{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:25px;font-size:16px;padding:16px 20px;width:100%;min-height:55px}.synth-action-note{font-size:10px;line-height:1.9;color:#806b8a;margin:10px 0 0}.synth-kit-callout{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #ded0ea;border-radius:9px;background:#fbf7ff;padding:20px 24px;margin-top:27px}.synth-kit-callout h2{font-size:14px;color:#725083;font-weight:600;line-height:1.7;margin:0 0 6px}.synth-kit-callout p{font-size:11px;color:#856c94;line-height:1.9;margin:0}.synth-kit-callout>.ghost{flex:none;font-size:11px;padding:10px 17px}
.synth-modal-content h2{font-size:24px;line-height:1.6;color:#634574;margin:10px 0 20px}.synth-modal-content>p:not(.eyebrow):not(.synth-demo-note):not(.synth-form-error){font-size:12px;line-height:1.9;color:#80678e}.synth-modal-content>.primary{width:100%;font-size:13px;display:flex;justify-content:center;padding:13px 20px;margin-top:20px}.synth-modal-content>.ghost{display:block;font-size:12px;padding:11px 20px;margin:20px auto 0}.synth-modal-content .info-actions .primary,.synth-modal-content .info-actions .ghost{font-size:12px;padding:11px 18px}.synth-cost-list{list-style:none;padding:0;margin:20px 0;border:1px solid #e2d6eb;border-radius:8px;overflow:hidden;background:#fdfaff}.synth-cost-list>li{display:flex;align-items:center;gap:13px;padding:11px 16px;color:#80618e;font-size:12px}.synth-cost-list>li+li{border-top:1px solid #eae0f1}.synth-cost-list img{width:30px;height:36px;object-fit:contain}.synth-cost-list>li>b{margin-left:auto;color:#805294}.synth-cost-list .synth-coin{width:30px;height:32px}.synth-confirm-target{display:flex;align-items:center;gap:20px;padding:17px;border-radius:8px;background:#f8f3fc;border:1px solid #e7dced}.synth-confirm-target>img{width:90px;height:95px;object-fit:contain;flex:none}.synth-confirm-target>strong{font-size:13px;color:#70517f;line-height:1.9;font-weight:500}.synth-form-error{font-size:12px;color:#a84f73;line-height:1.8}.synth-form-error:empty{display:none}.synth-token-link{display:block;text-align:center;margin-top:20px;font-size:11px;color:#8a64a1;text-decoration:underline}.synth-bag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:23px 0}.synth-bag-grid>div{min-width:0;display:flex;align-items:center;flex-direction:column;border:1px solid #ded0e8;border-radius:8px;background:#f9f4fd;padding:14px}.synth-bag-grid img{width:90px;max-width:100%;height:100px;object-fit:contain}.synth-bag-grid strong{font-size:12px;color:#7d5d8b;font-weight:500;line-height:1.8;margin-top:7px}.synth-bag-grid b{font-size:25px;color:#8558a7;margin-top:6px}#modal:has(.synth-modal-content){width:min(640px,calc(100% - 32px))}
html.synth-modal-open{overflow:hidden;scrollbar-gutter:stable}#synthesis-result-dialog{width:calc(100% - 32px);max-width:570px;max-height:calc(100dvh - 40px);padding:35px 30px;border:1px solid #d4bfe5;border-radius:17px;background:radial-gradient(ellipse at 50% 40%,#f3e5ff,#fff 75%);color:#76558b;text-align:center;overflow:auto;box-shadow:0 25px 100px #36204650}#synthesis-result-dialog::backdrop{background:#2a173c9c;backdrop-filter:blur(5px)}.synth-result-close{position:absolute;right:16px;top:12px;width:30px;height:30px;display:grid;place-items:center;color:#9f7db3;font-size:26px;padding:0;line-height:1}.synth-reveal-stage{padding:25px 0 20px}.synth-reveal-stage>p:first-child{font-size:8px;letter-spacing:1.8px;color:#9979b4;margin:0 0 15px}.synth-orbit{position:relative;width:280px;height:260px;max-width:100%;margin:0 auto;display:grid;place-items:center;perspective:650px}.synth-orb{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;border:1px solid #d5b7ef;background:radial-gradient(circle at 35% 30%,#fff,#e7ccfb 55%,#b589d8);font-size:52px;color:#fff;box-shadow:0 0 30px #bb83e850,inset -9px -10px 25px #9162bb55;animation:synth-orb-pulse 1.2s ease-in-out infinite}.synth-orbit>img{position:absolute;left:calc(50% - 24px);top:calc(50% - 30px);width:48px;height:60px;filter:drop-shadow(0 5px 8px #9461c44a);animation:synth-gather 2.4s cubic-bezier(.25,.3,.3,1) both;animation-delay:var(--delay)}.synth-reveal-stage h2{font-size:23px;color:#7c4a9b;margin:5px 0 10px}.synth-reveal-stage>p:last-child{font-size:12px;color:#9675a8}.synth-result-skip{font-size:11px;color:#9771ad;margin:12px auto 0;padding:8px}.synth-reveal-result h2{font-size:30px;color:#8150a1;line-height:1.5;margin:10px 0 15px}.synth-result-art{height:265px;padding:15px;border-radius:13px;border:1px solid #e4d2f1;background:#ffffffbd;animation:synth-reward-enter .45s ease-out}.synth-result-art>img{height:100%;width:100%;object-fit:contain}.synth-reveal-result h3{font-size:16px;line-height:1.8;font-weight:500;color:#6e477e;margin:17px 0 12px}.synth-reveal-result>p:not(.eyebrow){font-size:11px;color:#8c6c9d}.synth-reveal-result>div:last-child{display:flex;gap:12px;justify-content:center;margin-top:23px}.synth-reveal-result :is(.primary,.ghost){font-size:12px;padding:12px 20px;display:flex;justify-content:center}.synth-reveal-result .eyebrow{font-size:8px;letter-spacing:1.5px}
@keyframes synth-gather{0%{opacity:0;transform:rotate(var(--angle)) translateY(-120px) rotate(calc(-1 * var(--angle))) rotateY(0)}20%{opacity:1}60%{opacity:1;transform:rotate(calc(var(--angle) + 170deg)) translateY(-90px) rotate(calc(-1 * var(--angle) - 170deg)) rotateY(180deg)}100%{opacity:0;transform:rotate(calc(var(--angle) + 360deg)) translateY(0) scale(.2) rotateY(360deg)}}@keyframes synth-orb-pulse{50%{transform:scale(1.1);box-shadow:0 0 55px #b77de86b,inset -9px -10px 25px #9162bb55}}@keyframes synth-reward-enter{from{opacity:0;transform:translateY(13px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
/* Six benefits remain even on the home preview and the shared benefits page. */
@media(min-width:681px){.benefit-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.benefits-preview-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:681px) and (max-width:1150px){.synthesis-benefit-nav{gap:7px}.synthesis-benefit-nav>a{font-size:11px;gap:6px;padding:10px 5px}.synth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.synth-detail{gap:25px}.synth-target-art{height:400px;padding:25px}.synth-recipe h1{font-size:21px}.synth-recipe-meta .synth-fee>b{font-size:29px}.synth-hero h1{font-size:28px}.synth-hero-art{width:200px}.synth-list-tools form{max-width:none}.synth-filters{flex-basis:100%}.synth-records{grid-template-columns:1fr}.benefits-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-tabs{gap:7px}}
@media(max-width:680px){.synthesis-benefit-nav{display:flex;overflow-x:auto;gap:7px;margin-bottom:18px;scrollbar-width:none}.synthesis-benefit-nav>a{flex:none;padding:9px 11px;font-size:11px;gap:7px}.synthesis-benefit-nav>a>span{font-size:17px}.synth-hero{padding:22px 18px;position:relative;gap:0;border-radius:10px;margin-bottom:18px}.synth-hero>div:first-child{position:relative;z-index:1;min-width:0}.synth-hero>div>p:first-child{font-size:7px;letter-spacing:1px;margin-bottom:10px}.synth-hero h1{font-size:24px;line-height:1.5;letter-spacing:.2px;margin-bottom:10px}.synth-hero h1>span{display:block}.synth-hero>div>p:last-child{font-size:11px}.synth-hero-art{position:absolute;right:-26px;top:28px;transform:scale(.7);transform-origin:right center;opacity:.25}.synth-summary{padding:13px 12px;gap:9px;flex-wrap:wrap;margin-bottom:20px}.synth-summary>div{flex:1 1 100%;gap:15px;margin-bottom:2px}.synth-summary>div>span:first-child{font-size:10px}.synth-summary>div>.synth-fee{margin-left:auto}.synth-summary .synth-fee>b{font-size:23px}.synth-summary>.ghost{font-size:10px;padding:7px 13px;flex:1;text-align:center}.synth-summary>div .synth-fee>small{font-size:9px}.synth-list-tools{gap:11px;margin-bottom:12px}.synth-filters{flex-basis:100%;gap:4px;justify-content:space-between}.synth-filters>button{font-size:11px;padding:6px 8px}.synth-list-tools form{margin:0;min-width:0;max-width:none}.synth-list-tools form input{font-size:10px}.synth-list-tools form button{padding:5px 9px;font-size:9px}.synth-list-tools select{font-size:10px;padding:8px;max-width:115px}.synth-list-count{font-size:10px}.synth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.synth-card{border-radius:8px}.synth-card-art{height:153px;padding:12px 10px}.synth-card-badge{right:7px;top:7px;font-size:8px;padding:3px 6px}.synth-card-body{padding:12px 10px}.synth-series{font-size:9px}.synth-card h2{font-size:11px;line-height:1.8;margin:7px 0;min-height:40px}.synth-card-stock{font-size:9px}.synth-materials-small{gap:8px;margin:12px 0}.synth-materials-small>.synth-material{width:46px}.synth-materials-small .synth-material>div{height:55px;border-radius:5px}.synth-materials-small .synth-material>div>img{padding:2px 6px 12px}.synth-materials-small .synth-material>div>span{font-size:8px;padding:2px}.synth-materials-small .synth-material>b{font-size:8px;margin-top:4px}.synth-card-bottom{display:block;padding-top:11px}.synth-card-bottom>.synth-fee{gap:4px}.synth-card-bottom .synth-fee>b{font-size:20px}.synth-card-bottom .synth-coin{width:19px;height:21px;font-size:12px}.synth-card-bottom .synth-fee>small{font-size:8px}.synth-card-bottom>span:last-child{display:block;margin-top:9px;text-align:right;font-size:10px}.synth-demo-note{font-size:9px;gap:6px;margin:16px 0}.synth-demo-note>span:first-child{font-size:8px}.synth-demo-note>span:last-child{min-width:155px}.synth-empty{padding:32px 14px}.synth-empty h2{font-size:15px}.synth-empty p{font-size:11px}.synth-detail-top{font-size:10px;margin:16px 0;gap:10px;align-items:flex-start}.synth-detail-top>div{gap:10px;flex-direction:column;align-items:flex-end}.synth-detail-top button{font-size:10px}.synth-detail{grid-template-columns:1fr;gap:22px}.synth-target-art{height:320px;padding:25px;border-radius:10px}.synth-target-art>span{font-size:7px;letter-spacing:1.6px;top:13px;left:16px}.synth-target-caption{font-size:9px;margin-top:10px}.synth-recipe{padding-top:0}.synth-recipe h1{font-size:21px;line-height:1.7;margin:7px 0 18px}.synth-recipe-meta{gap:13px;margin-bottom:14px}.synth-recipe-meta dl{font-size:10px}.synth-recipe-meta dl>div{gap:13px}.synth-recipe-meta .synth-fee>b{font-size:30px}.synth-recipe-meta .synth-coin{width:27px;height:30px;font-size:18px}.synth-recipe-meta>div>span{font-size:9px}.synth-stock{font-size:11px;padding:6px 10px;margin-bottom:19px}.synth-stock small{font-size:9px}.synth-recipe>.synth-section-heading h2{font-size:14px}.synth-recipe>.synth-section-heading button{font-size:10px}.synth-materials:not(.synth-materials-small){gap:15px;margin:13px 0 17px}.synth-materials:not(.synth-materials-small)>.synth-material{width:101px}.synth-materials:not(.synth-materials-small) .synth-material>div{height:120px}.synth-material>b{font-size:11px}.synth-material>small{font-size:10px}.synth-recipe-balance{font-size:11px;padding-bottom:15px}.synth-main-action{font-size:15px;padding:14px 18px;min-height:51px}.synth-action-note{font-size:10px}.synth-kit-callout{padding:17px 16px;margin-top:21px;display:block}.synth-kit-callout h2{font-size:13px}.synth-kit-callout p{font-size:11px}.synth-kit-callout>.ghost{font-size:11px;width:100%;padding:10px 17px;margin-top:15px}.synth-history{margin-top:26px;padding-top:24px}.synth-section-heading h2{font-size:17px}.synth-section-heading p{font-size:6px;letter-spacing:1px}.synth-section-heading a{font-size:10px}.synth-history>.synth-section-heading{margin-bottom:16px;gap:10px}.synth-records{grid-template-columns:1fr;gap:12px}.synth-records>article{padding:13px;gap:11px}.synth-records>article>img{width:62px;height:74px}.synth-records h3{font-size:11px}.synth-records time,.synth-records p{font-size:9px}.synth-modal-content h2{font-size:21px;margin-bottom:17px}.synth-modal-content>p:not(.eyebrow):not(.synth-demo-note):not(.synth-form-error){font-size:11px}.synth-modal-content>.primary{font-size:12px}.synth-cost-list>li{padding:10px 12px;font-size:11px}.synth-bag-grid{gap:9px}.synth-bag-grid>div{padding:10px 7px}.synth-bag-grid img{height:85px}.synth-bag-grid strong{font-size:10px}.synth-bag-grid b{font-size:22px}.synth-confirm-target{padding:12px;gap:13px}.synth-confirm-target>img{width:68px;height:85px}.synth-confirm-target>strong{font-size:11px}.synth-modal-content .info-actions{gap:10px}.synth-modal-content .info-actions :is(.primary,.ghost){font-size:11px;padding:10px 14px}#synthesis-result-dialog{padding:30px 19px;border-radius:13px;max-height:calc(100dvh - 32px)}.synth-orbit{width:250px;height:250px}.synth-reveal-result h2{font-size:27px}.synth-result-art{height:230px;padding:12px}.synth-reveal-result h3{font-size:14px}.synth-reveal-result :is(.primary,.ghost){padding:11px 14px;font-size:11px}.synth-reveal-result>div:last-child{gap:10px}.synth-result-close{right:11px;top:10px}.benefit-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-tab{min-width:0}}
@media(prefers-reduced-motion:reduce){.synth-card{transition:none}.synth-card:hover{transform:none}.synth-orbit>img,.synth-orb,.synth-result-art{animation:none}#synthesis-result-dialog::backdrop{backdrop-filter:none}}
@media(min-width:681px){#synthesis-page[data-synthesis-view="detail"] .synthesis-benefit-nav{margin-bottom:17px}#synthesis-page[data-synthesis-view="detail"] .synthesis-benefit-nav>a{padding-block:9px}.synth-detail-top{margin:16px 0 18px}.synth-recipe h1{font-size:23px;line-height:1.55;margin:7px 0 15px}.synth-recipe-meta{margin-bottom:12px}.synth-stock{padding-block:6px;margin-bottom:16px}.synth-recipe>.synth-materials{margin:10px 0 12px}.synth-recipe>.synth-materials .synth-material>div{height:120px}.synth-recipe-balance{margin-top:0;padding:8px 0 12px}}
@media(min-width:681px) and (max-width:1150px){.benefit-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}