@import url('ranking.css');
:root{--ink:#30251f;--coral:#ff6959;--line:#eee5da;--muted:#857970}
.series-wrap{max-width:620px;padding-bottom:105px}
.series-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.series-header .brand{font-size:26px}.series-header>a:last-child{font-size:13px;color:#81756b;padding:10px}
.series-title{white-space:pre-line;margin:20px 0 16px;font-size:clamp(32px,8vw,47px);line-height:1.28;letter-spacing:-1px;overflow-wrap:anywhere}.series-title:focus{outline:none}
.series-copy{white-space:pre-line;line-height:1.85;font-size:15px;color:#766b62;margin:11px 0;word-break:keep-all;overflow-wrap:anywhere}
.series-emblem{height:110px;background:linear-gradient(125deg,#ffe5df,#fff1d7);border:1px solid #f9dfd5;border-radius:28px;display:grid;place-items:center;font-size:66px;margin:22px 0;transform:rotate(-1deg)}
.section-heading{font-size:25px;margin:24px 0 13px}.episode-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.episode{border:1px solid var(--line);background:#fffdf8;color:var(--ink);border-radius:18px;padding:16px 13px;text-align:left;min-height:70px;font-weight:600;word-break:keep-all}.episode[aria-pressed=true]{background:#ffe7e1;border:2px solid var(--coral);padding:15px 12px;color:#a83c30}
.series-note{background:#f5eee4;border-radius:16px;padding:14px 16px;font-size:13px;color:#7b6c60;line-height:1.8;margin:20px 0}
.series-options{display:grid;gap:11px;margin:20px 0}.series-option{display:block;width:100%;border:1.5px solid var(--line);background:#fffefb;border-radius:18px;text-align:left;padding:18px 16px;min-height:67px;line-height:1.65;color:var(--ink);font:inherit;margin:9px 0;word-break:keep-all}.series-option[aria-pressed=true]{border-color:var(--coral);background:#fff0ec;box-shadow:0 0 0 1px var(--coral)}.series-option[aria-pressed=true]::before{content:'✓ ';color:#bd4436;font-weight:bold}.series-option:disabled{opacity:.8;cursor:default}
.series-progress{height:7px;border-radius:99px;background:#eee8df;overflow:hidden;margin:24px 0 8px}.series-progress i{height:100%;display:block;background:var(--coral);border-radius:99px}.progress-caption{font-size:12px;color:var(--muted);margin:8px 0 20px}
.series-sheet{background:#fffefa;border:1px solid var(--line);border-radius:24px;padding:23px 21px;margin:18px 0;overflow-wrap:anywhere}.series-sheet h2{font-size:26px;line-height:1.4}.series-sheet h3{font-size:13px;color:#b64b3d;margin:20px 0 5px}.series-sheet small{font-size:12px;line-height:1.7;color:var(--muted)}.result-animal{font-size:68px;margin:12px 0}.important-scene{background:#fff2e7;border-color:#efc8ae}
.series-details{border:1px solid var(--line);border-radius:18px;padding:16px;margin:20px 0;background:#fffdf8}.series-details summary{cursor:pointer;line-height:1.65;font-size:14px;font-weight:600;color:#785c46}.series-details .series-sheet{padding:17px}.series-details .series-sheet h2{font-size:22px}
.series-status{font-size:13px;line-height:1.8;color:#765c47;margin:12px 0;overflow-wrap:anywhere}.series-share{border-top:1px solid var(--line);padding-top:10px;margin-top:24px}
textarea{display:block;width:100%;max-width:100%;min-width:0;resize:vertical;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fffefa;color:var(--ink);font:16px/1.85 'Malgun Gothic',sans-serif}textarea:focus-visible,summary:focus-visible{outline:3px solid #bc6553;outline-offset:3px}
.series-fan{display:flex;gap:12px;overflow-x:auto;padding:20px 5px 24px;scroll-snap-type:x proximity;scrollbar-color:#b8a5c5 #f4edf7;margin-top:18px}.series-card-back{flex:0 0 94px;height:143px;background:linear-gradient(145deg,#9b83b4,#665179);border:4px double #dac5e6;color:#ffeed0;border-radius:15px;font-size:43px;scroll-snap-align:center}.series-card-back small{display:block;font:12px sans-serif;color:#fff1df}.series-card-back[aria-pressed=true]{border-color:#ffc992;transform:translateY(-9px);box-shadow:0 5px 15px #80648533}
.series-trio{display:grid;gap:13px;margin:22px 0}.series-tarot-face{border:1px solid #ddd0e8;background:linear-gradient(150deg,#f4edf9,#fffaf4);border-radius:23px;text-align:center;padding:21px 16px;min-width:0}.series-tarot-face .tarot-symbol{font-size:56px;margin:15px 0 8px}.series-tarot-face h2{font-size:30px}.series-tarot-face .series-details{text-align:left;margin-bottom:0}.series-tarot-face .eyebrow{max-width:100%;overflow-wrap:anywhere}
.lucky-draw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0 30px}.lucky-back{aspect-ratio:.67;border:5px double #fff3ce;border-radius:21px;background:linear-gradient(135deg,#eab776,#cb815c);color:#fff4d1;font-size:47px;box-shadow:0 8px 15px #9b643018}.lucky-back:nth-child(2){transform:translateY(-8px);background:linear-gradient(135deg,#dd9c97,#b67984)}.lucky-back:nth-child(3){background:linear-gradient(135deg,#8ea896,#628872)}.lucky-result{background:linear-gradient(150deg,#fff0d6,#fffaf2);border-color:#edd7ad}
.reaction-row{display:flex;gap:10px}.reaction{flex:1;padding:13px;border-radius:99px;border:1px solid var(--line);background:#fffdfa;font:inherit;color:#77695b}.reaction[aria-pressed=true]{background:#ffe4dc;border-color:#ec9787;color:#a63d30}
.saved-card{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);color:#78604f;padding:15px 3px;font:14px/1.65 'Malgun Gothic',sans-serif}.series-footer{margin:32px 0 5px;text-align:center;font-size:12px;color:var(--muted)}
.series-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:620px;width:100%;display:flex;justify-content:space-around;padding:14px 8px max(14px,env(safe-area-inset-bottom));background:#fffefaee;backdrop-filter:blur(12px);border:1px solid var(--line);border-bottom:0;border-radius:25px 25px 0 0;z-index:10;font-size:12px}.series-nav a{padding:4px 8px}.series-nav [aria-current]{color:#d84d3b;font-weight:700}
.episode-picker{border:1px solid #eecfc4;background:#fff1e9;border-radius:18px;padding:14px 16px}.episode-picker summary{cursor:pointer;font-size:14px;font-weight:600;color:#a74837}.episode-picker .episode-list{margin-top:16px}.psy-card h2{word-break:keep-all}
.psy-hero{background:linear-gradient(120deg,#fff0df,#ffe4df);border-color:#f2ddd1}.psy-hero p{color:#89736a}.psy-tabs [aria-pressed=true]{background:var(--coral);border-color:var(--coral)}.psy-nav [aria-current]{color:#d84d3b}.psy-card:nth-child(5n+1) .icon{background:#ffeadc}.psy-card:nth-child(5n+2) .icon{background:#ece4f7}.psy-card:nth-child(5n+3) .icon{background:#fff0ce}.psy-card:nth-child(5n+4) .icon{background:#ffe5e1}.psy-card:nth-child(5n+5) .icon{background:#e4efe7}
@media(min-width:520px){.series-trio{grid-template-columns:repeat(3,minmax(0,1fr))}.series-tarot-face{padding:18px 10px}.series-tarot-face h2{font-size:25px}.series-tarot-face .eyebrow{font-size:10px}.series-tarot-face .series-copy{font-size:13px}.series-tarot-face .series-details{padding:10px}}
@media(max-width:360px){.episode-list{gap:8px}.episode{font-size:13px;padding:14px 10px}.episode[aria-pressed=true]{padding:13px 9px}.series-sheet{padding:20px 16px}.series-nav{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.series-card-back[aria-pressed=true]{transform:none}}

/* 서로 보는 말 — 낱말 고르기 */
.word-grid{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.word-chip{border:1px solid var(--line,#e7ded2);background:#fff;border-radius:999px;padding:9px 14px;min-height:40px;font-size:14px;color:#5c5147}
.word-chip[aria-pressed=true]{background:#ff6959;border-color:#ff6959;color:#fff;font-weight:700}