.potion-page{padding-top:38px;padding-bottom:80px}.potion-hero{position:relative;min-height:470px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:#160d0b;box-shadow:var(--shadow)}.potion-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.potion-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,9,.97),rgba(10,8,9,.78) 38%,rgba(10,8,9,.08) 70%)}.potion-hero-copy{position:relative;z-index:1;width:min(570px,58%);padding:52px}.potion-page .eyebrow{margin:0;color:#d998f2;font-size:.68rem;font-weight:900;letter-spacing:.15em}
:root[data-theme="light"] .potion-page .potion-section .eyebrow{color:#7a3aa0}.potion-hero h1{margin:10px 0 16px;color:#fff;font-size:clamp(2.7rem,5.8vw,5.2rem);line-height:1}.potion-hero-copy>p:not(.eyebrow){color:#ddd4df;line-height:1.75}.potion-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.potion-tags span{padding:8px 11px;border:1px solid rgba(217,152,242,.42);border-radius:999px;color:#edc4fb;background:rgba(18,10,22,.7);font-size:.74rem;font-weight:800}.potion-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.potion-summary article{display:flex;gap:13px;align-items:center;padding:17px;border:1px solid var(--border);border-radius:15px;background:var(--bg-elevated)}.potion-summary b{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;color:#210d2a;background:#d998f2}.potion-summary strong,.potion-summary small{display:block}.potion-summary small{margin-top:3px;color:var(--text-dim)}.potion-section{margin-top:46px}.section-head{max-width:820px;margin-bottom:18px}.section-head h2,.strategy-card h2{margin:5px 0 8px;font-size:clamp(1.7rem,3.5vw,2.6rem)}.section-head>p:last-child{margin:0;color:var(--text-dim);line-height:1.7}.potion-board{display:grid;grid-template-columns:repeat(3,110px) auto 130px;gap:20px;align-items:end;justify-content:center;padding:30px;border:1px solid var(--border);border-radius:19px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,#8d42af 13%,transparent),transparent 55%),var(--bg-elevated)}.potion-board em{align-self:center;color:#d998f2;font-size:2rem;font-style:normal}.potion-bottle{display:grid;place-items:center;gap:8px}.potion-bottle i{position:relative;display:block;width:70px;height:96px;border:3px solid color-mix(in srgb,var(--text) 40%,transparent);border-radius:14px 14px 30px 30px;background:linear-gradient(to top,var(--liquid) 0 55%,rgba(255,255,255,.05) 55%)}.potion-bottle i:before{position:absolute;top:-20px;left:17px;width:31px;height:22px;border:3px solid color-mix(in srgb,var(--text) 40%,transparent);border-bottom:0;border-radius:7px 7px 0 0;content:""}.potion-bottle span{color:var(--text-dim);font-size:.72rem;font-weight:800}.is-red{--liquid:#c5414d}.is-amber{--liquid:#d89a35}.is-violet{--liquid:#9148ba}.is-clear{--liquid:rgba(255,255,255,.06)}.potion-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0 0;padding:0;counter-reset:pstep;list-style:none}.potion-steps li{position:relative;padding:20px 20px 20px 64px;border:1px solid var(--border);border-radius:15px;background:var(--bg-elevated)}.potion-steps li:before{position:absolute;top:19px;left:19px;display:grid;place-items:center;width:31px;height:31px;border-radius:9px;counter-increment:pstep;content:counter(pstep);color:#210d2a;background:#d998f2;font-weight:900}.potion-steps b,.potion-steps span{display:block}.potion-steps span{margin-top:5px;color:var(--text-dim);font-size:.78rem;line-height:1.6}.potion-warning,.manual-tip,.reward-note{display:flex;gap:10px;margin-top:14px;padding:14px 16px;border-left:3px solid #d998f2;border-radius:9px;background:var(--bg-elevated);color:var(--text-dim);line-height:1.6}.potion-warning strong,.manual-tip strong{color:#d998f2;white-space:nowrap}.manual-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.manual-grid article{display:grid;gap:5px;padding:19px;border:1px solid var(--border);border-radius:15px;background:var(--bg-elevated)}.manual-grid article>span{font-size:1.6rem}.manual-grid small{color:var(--text-dim);line-height:1.5}.reward-seasons{display:grid;grid-template-columns:1fr 1fr;gap:15px}.reward-seasons article{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--bg-elevated)}.reward-seasons header{padding:20px;background:linear-gradient(135deg,color-mix(in srgb,#d998f2 17%,var(--bg-elevated-2)),var(--bg-elevated-2))}.reward-seasons header span{color:#d998f2;font-size:.7rem;font-weight:900;letter-spacing:.13em}.reward-seasons h3{margin:5px 0 0;font-size:1.35rem}.reward-seasons ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.reward-seasons li{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:14px 20px;border-top:1px solid var(--border)}.reward-seasons li span{color:var(--text-dim);font-size:.77rem;line-height:1.5}.strategy-card{display:grid;grid-template-columns:.65fr 1.35fr;gap:28px;margin-top:32px;padding:28px;border:1px solid color-mix(in srgb,#d998f2 50%,var(--border));border-radius:19px;background:linear-gradient(135deg,color-mix(in srgb,#d998f2 9%,var(--bg-elevated)),var(--bg-elevated))}.strategy-card ol{margin:0;padding-left:22px}.strategy-card li{margin:8px 0;color:var(--text-dim);line-height:1.55}@media(max-width:900px){.potion-hero-copy{width:72%;padding:36px}.potion-summary,.manual-grid{grid-template-columns:repeat(2,1fr)}.reward-seasons,.strategy-card{grid-template-columns:1fr}.potion-board{grid-template-columns:repeat(3,90px) auto 105px;gap:12px}}@media(max-width:620px){.potion-page{padding-top:22px}.potion-hero{min-height:520px;align-items:end}.potion-hero>img{object-position:63% center}.potion-hero-shade{background:linear-gradient(0deg,rgba(10,8,9,.98),rgba(10,8,9,.72) 55%,rgba(10,8,9,.08))}.potion-hero-copy{width:100%;padding:25px}.potion-hero h1{font-size:2.7rem}.potion-summary,.manual-grid,.potion-steps{grid-template-columns:1fr}.potion-board{grid-template-columns:repeat(3,1fr);padding:22px 10px}.potion-board em{grid-column:1/4;transform:rotate(90deg);text-align:center}.potion-bottle:last-child{grid-column:1/4}.reward-seasons li{grid-template-columns:1fr;gap:4px}}

/* 실제 포션 위치 맞추기 방식 */
.potion-board{grid-template-columns:1fr;justify-items:center}
.potion-board>em{color:#d998f2;font-size:.85rem;font-style:normal;font-weight:900;letter-spacing:.08em}
.potion-targets,.potion-sources{display:flex;gap:24px;align-items:end;justify-content:center;flex-wrap:wrap}
.potion-targets{position:relative;padding-bottom:28px}
.potion-targets>small{position:absolute;bottom:0;color:var(--text-dim);font-size:.68rem;font-weight:800}
.potion-count-note{display:flex;gap:14px;align-items:center;margin-top:14px;padding:15px 17px;border:1px solid color-mix(in srgb,#d998f2 38%,var(--border));border-radius:13px;background:var(--bg-elevated)}
.potion-count-note strong{color:#d998f2;white-space:nowrap}.potion-count-note span{color:var(--text-dim);font-size:.78rem;line-height:1.6}
.reward-seasons figure{margin:0;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--bg-elevated)}
.reward-seasons figcaption{display:flex;gap:10px;align-items:center;padding:15px 17px;background:linear-gradient(135deg,color-mix(in srgb,#d998f2 17%,var(--bg-elevated-2)),var(--bg-elevated-2))}
.reward-seasons figcaption span{color:#d998f2;font-size:.7rem;font-weight:900;letter-spacing:.13em}.reward-seasons figcaption strong{font-size:.94rem}
.reward-seasons figure a,.reward-seasons figure img{display:block;width:100%}.reward-seasons figure img{height:auto}
@media(max-width:620px){.potion-targets,.potion-sources{gap:12px}.potion-count-note{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:620px){.potion-board>em{grid-column:auto;transform:none}}

/* 마법 카드 모험과 함께 준비하는 자원 채집 */
.gather-preload{padding:27px;border:1px solid color-mix(in srgb,#d998f2 50%,var(--border));border-radius:19px;background:linear-gradient(135deg,color-mix(in srgb,#d998f2 9%,var(--bg-elevated)),var(--bg-elevated))}
.gather-preload ol{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 14px;padding:0;list-style:none}.gather-preload li{padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--bg-elevated-2)}.gather-preload b,.gather-preload span{display:block}.gather-preload span{margin-top:5px;color:var(--text-dim);font-size:.75rem;line-height:1.55}.gather-preload>p{margin:0;color:var(--text-dim);line-height:1.65}
@media(max-width:620px){.gather-preload ol{grid-template-columns:1fr}}