.card-synthesis-page{background:radial-gradient(circle at 50% 0,rgba(143,111,57,.12),transparent 34%),#0a0d12;color:#e7e1d6}.cs-hero{border-bottom:1px solid rgba(214,175,92,.22);background:linear-gradient(135deg,#10151d,#0b0e14 58%,#17120d)}.cs-hero__inner{min-height:330px;display:flex;align-items:center;justify-content:space-between;gap:50px;padding-top:64px;padding-bottom:64px}.cs-hero h1{font-size:clamp(38px,5vw,66px);margin:10px 0 18px;color:#f2d28d}.cs-hero p{max-width:700px;font-size:18px;line-height:1.9;color:#b8c0cb}.cs-hero__sigil{width:190px;height:190px;border:1px solid rgba(224,184,94,.45);transform:rotate(45deg);display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(12,14,19,.76);box-shadow:0 0 55px rgba(194,142,47,.14)}.cs-hero__sigil>*{transform:rotate(-45deg)}.cs-hero__sigil span,.cs-hero__sigil small{font-size:11px;letter-spacing:.28em;color:#a98a50}.cs-hero__sigil strong{font-size:34px;color:#f0cf85;margin:5px 0}.cs-section{padding-top:70px;padding-bottom:90px}.cs-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.cs-heading h2{font-size:30px;margin:6px 0 0;color:#f0d59b}.cs-heading>p{max-width:560px;color:#9da8b6;line-height:1.8;margin:0}.cs-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;padding:0;margin:0 0 54px}.cs-flow li{min-height:190px;padding:24px;border:1px solid rgba(211,172,91,.22);background:linear-gradient(180deg,#151a21,#10141a);position:relative}.cs-flow li>span{font:700 38px/1 Georgia,serif;color:rgba(234,193,107,.28)}.cs-flow strong{display:block;font-size:19px;color:#f0d28d;margin:25px 0 10px}.cs-flow p,.cs-synthesis-steps p{color:#aeb7c3;line-height:1.75;margin:0}.cs-showcase{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);border:1px solid rgba(211,172,91,.23);background:#11161d;margin-bottom:60px}.cs-showcase figure{margin:0;min-height:300px;background:#080b0f;display:flex;flex-direction:column}.cs-showcase img{width:100%;height:100%;min-height:300px;object-fit:cover}.cs-showcase figcaption{font-size:12px;color:#788392;padding:9px 14px}.cs-showcase__copy{padding:38px;display:flex;flex-direction:column;justify-content:center}.cs-showcase__copy h2{font-size:30px;color:#f0d59b;margin:8px 0 16px}.cs-showcase__copy p{color:#aeb7c3;line-height:1.9}.cs-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.cs-links a{padding:12px 18px;border:1px solid rgba(224,184,94,.42);color:#f0d28d;text-decoration:none;background:rgba(213,165,72,.06)}.cs-links a:hover{border-color:#e4bd69;background:rgba(213,165,72,.13)}.cs-links .cs-links__primary{border-color:#d5a94f;background:linear-gradient(135deg,rgba(213,169,79,.24),rgba(213,169,79,.08));box-shadow:inset 0 0 18px rgba(214,171,82,.08)}.cs-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cs-source-grid article{padding:20px;border:1px solid rgba(190,156,87,.22);background:#12171e;display:flex;align-items:center;gap:12px}.cs-source-grid span{color:#e1b95f}.cs-source-grid strong{font-size:17px}.cs-boss-note{margin:18px 0 62px;padding:16px 20px;border-left:3px solid #c89845;background:rgba(200,152,69,.08);color:#d8c39b}.cs-synthesis{padding:34px;border:1px solid rgba(211,172,91,.24);background:linear-gradient(145deg,#131820,#0e1218)}.cs-synthesis__layout{display:grid;grid-template-columns:1fr 1fr;gap:32px}.cs-synthesis-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}.cs-synthesis-steps li{display:flex;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)}.cs-synthesis-steps li>span{flex:0 0 34px;height:34px;border:1px solid #8f6f39;color:#e7c77e;display:grid;place-items:center}.cs-synthesis-steps strong{display:block;color:#ead099;margin-bottom:5px}.cs-planner{padding:26px;background:#0b0f14;border:1px solid rgba(219,177,88,.24)}.cs-planner__top{display:flex;align-items:center;justify-content:space-between;gap:20px}.cs-planner__top span{display:block;color:#929dac;font-size:13px}.cs-planner__top strong{font-size:24px;color:#f2d28d}.cs-planner__status{padding:7px 10px;border:1px solid rgba(224,184,94,.38);color:#dbb968!important}.cs-planner input[type=range]{width:100%;margin:28px 0 22px;accent-color:#c99b49}.cs-card-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.cs-card-slots span{aspect-ratio:1;border:1px dashed #3c4654;display:grid;place-items:center;color:#596575;background:#11161c;transition:.2s}.cs-card-slots span.is-active{border-style:solid;border-color:#c99b49;color:#f3d58f;background:linear-gradient(145deg,rgba(207,159,71,.25),rgba(207,159,71,.06));box-shadow:inset 0 0 18px rgba(220,170,73,.1)}.cs-chance{margin-top:24px}.cs-chance>span{font-size:13px;color:#8e99a8}.cs-chance>div{height:8px;background:#252b34;margin:9px 0 11px;overflow:hidden}.cs-chance i{display:block;height:100%;width:20%;background:linear-gradient(90deg,#80612f,#e0b85d);transition:width .2s}.cs-chance strong{font-size:15px;color:#d8bd83}.cs-planner>p{font-size:12px;color:#707c8b;line-height:1.6;margin:16px 0 0}.cs-notice{margin-top:32px;padding:28px 30px;border:1px solid rgba(202,91,74,.34);background:rgba(115,35,29,.12);display:grid;grid-template-columns:260px 1fr;gap:30px}.cs-notice span{font-size:11px;letter-spacing:.24em;color:#d97d6d}.cs-notice h2{font-size:24px;color:#f0c0b6;margin:7px 0}.cs-notice ul{margin:0;padding-left:20px;color:#c5b9b5;line-height:2}.eyebrow{letter-spacing:.2em;font-size:11px;color:#b8924c}
@media(max-width:900px){.cs-hero__sigil{display:none}.cs-flow{grid-template-columns:repeat(2,1fr)}.cs-showcase,.cs-synthesis__layout{grid-template-columns:1fr}.cs-source-grid{grid-template-columns:repeat(2,1fr)}.cs-notice{grid-template-columns:1fr}.cs-heading{align-items:start;flex-direction:column}}
@media(max-width:600px){.cs-hero__inner{min-height:260px;padding-top:45px;padding-bottom:45px}.cs-section{padding-top:42px}.cs-flow,.cs-source-grid{grid-template-columns:1fr}.cs-flow li{min-height:0}.cs-showcase__copy,.cs-synthesis{padding:22px}.cs-showcase img{min-height:210px}.cs-heading h2{font-size:25px}.cs-card-slots{gap:5px}.cs-notice{padding:22px}}

.cs-spirit{margin:0 0 60px;padding:34px;border:1px solid rgba(104,196,166,.24);background:linear-gradient(145deg,#111a1a,#0d1317)}
.cs-spirit__npc{display:flex;align-items:center;gap:24px;padding:22px 24px;margin-bottom:22px;border:1px solid rgba(111,210,174,.24);background:rgba(51,126,105,.08)}
.cs-spirit__seal{flex:0 0 116px;height:116px;border:1px solid rgba(121,219,184,.42);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(45deg);background:#0b1516;box-shadow:0 0 32px rgba(56,167,130,.12)}
.cs-spirit__seal>*{transform:rotate(-45deg)}.cs-spirit__seal span{font-size:10px;letter-spacing:.22em;color:#75ad9a}.cs-spirit__seal strong{font-size:20px;color:#a9e0c9;margin-top:4px}
.cs-spirit__label{font-size:11px;letter-spacing:.18em;color:#72b69d}.cs-spirit__npc h3{font-size:30px;color:#b9ead5;margin:6px 0 8px}.cs-spirit__npc p{margin:0;color:#aab9b4}
.cs-spirit-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cs-spirit-flow li{padding:20px;border:1px solid rgba(255,255,255,.07);background:rgba(8,14,17,.64)}.cs-spirit-flow li>span{font:700 28px/1 Georgia,serif;color:rgba(124,216,183,.35)}.cs-spirit-flow strong{display:block;color:#b9e1d2;font-size:17px;margin:18px 0 8px}.cs-spirit-flow p{margin:0;color:#aab7b4;line-height:1.7}
.cs-spirit__example{margin-top:18px;padding:18px 20px;border-left:3px solid #63b99b;background:rgba(72,151,124,.1)}.cs-spirit__example span{display:block;font-size:10px;letter-spacing:.2em;color:#72b99f;margin-bottom:7px}.cs-spirit__example strong{color:#d1eadf;line-height:1.7}
.cs-spirit__notes{margin:16px 0 0;padding-left:20px;color:#95aaa3;line-height:1.9}
.cs-synthesis-steps--wide{grid-template-columns:repeat(2,1fr)}.cs-synthesis__rule{margin-top:18px;padding:18px 20px;border:1px solid rgba(224,184,94,.2);background:rgba(207,159,71,.06)}.cs-synthesis__rule strong{display:block;color:#edcf8c;margin-bottom:7px}.cs-synthesis__rule p{margin:0;color:#aeb7c3;line-height:1.75}
@media(max-width:900px){.cs-spirit-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cs-spirit{padding:22px}.cs-spirit__npc{align-items:flex-start;flex-direction:column}.cs-spirit__seal{display:none}.cs-spirit-flow,.cs-synthesis-steps--wide{grid-template-columns:1fr}}