@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@import url('detail-polish.css');

.fan-letter{position:relative;overflow:hidden;margin:0;border-bottom:1px solid var(--line);padding:92px 4vw 104px;background:radial-gradient(circle at 14% 20%,rgba(126,111,255,.18),transparent 30%),radial-gradient(circle at 86% 18%,rgba(255,92,168,.12),transparent 28%),linear-gradient(180deg,#0c0e12 0%,#101018 48%,#0c0e12 100%)}
.fan-letter:before,.fan-letter:after{content:"";position:absolute;pointer-events:none;z-index:0}
.fan-letter:before{width:118px;height:148px;left:max(20px,calc(50% - 660px));top:76px;border:8px solid #f3eee4;background:linear-gradient(145deg,#a89df8,#6d72c7 48%,#292d4a);box-shadow:0 18px 44px rgba(0,0,0,.34);transform:rotate(-7deg);opacity:.86}
.fan-letter:after{width:92px;height:92px;right:max(24px,calc(50% - 635px));bottom:68px;border-radius:50%;border:1px solid rgba(183,167,255,.42);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.38),transparent 18%),linear-gradient(145deg,rgba(159,136,255,.34),rgba(255,134,198,.18));box-shadow:inset 0 0 30px rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.28);transform:rotate(8deg)}
.fan-letter-inner{position:relative;z-index:1;max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7vw;align-items:start;padding:68px 72px 62px;color:#2b2730;background:radial-gradient(circle at 18% 4%,rgba(180,165,255,.13),transparent 22%),radial-gradient(circle at 92% 88%,rgba(255,164,207,.1),transparent 25%),linear-gradient(0deg,rgba(255,255,255,.5),rgba(255,255,255,.5)),#eee6da;border:1px solid rgba(255,255,255,.58);box-shadow:0 30px 80px rgba(0,0,0,.38),0 3px 0 rgba(255,255,255,.35) inset;clip-path:polygon(1% 0,15% .7%,30% .1%,48% .6%,66% .2%,84% .8%,99% .1%,100% 14%,99.4% 31%,100% 50%,99.2% 69%,100% 87%,99% 100%,83% 99.3%,68% 100%,50% 99.2%,32% 100%,16% 99.4%,.5% 100%,1% 83%,.3% 67%,.8% 50%,.2% 31%,1% 15%)}
.fan-letter-inner:before{content:"";position:absolute;top:-6px;left:50%;width:168px;height:28px;transform:translateX(-50%) rotate(-1.5deg);background:repeating-linear-gradient(45deg,rgba(172,151,255,.42) 0 10px,rgba(218,205,255,.5) 10px 20px);border:1px solid rgba(96,83,146,.12);box-shadow:0 3px 7px rgba(0,0,0,.12);opacity:.92}
.fan-letter-inner:after{content:"☆  ♡";position:absolute;right:28px;top:26px;font-family:"Nanum Pen Script","Segoe Print",cursive;font-size:28px;letter-spacing:10px;color:#8b7ad0;transform:rotate(5deg);opacity:.72}
.fan-letter-inner>div:first-child{position:relative;padding-top:9px}
.fan-letter-inner>div:first-child:after{content:"small teams · big tomorrows";display:block;margin-top:32px;width:max-content;max-width:100%;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#8e8692;border-top:1px solid rgba(58,47,66,.16);padding-top:12px}
.fan-letter .kicker{color:#716590;font-size:9px;letter-spacing:.24em}
.fan-letter h2{font-family:"Nanum Pen Script","Segoe Print","Bradley Hand",cursive;font-size:clamp(46px,5vw,72px);font-weight:400;line-height:1.02;letter-spacing:-.035em;margin:18px 0 0;color:#241f2b;word-break:keep-all;text-wrap:balance}
.fan-letter h2:after{content:"";display:block;width:min(86%,420px);height:9px;margin:10px 0 0 8%;background:linear-gradient(90deg,transparent,rgba(139,122,208,.34) 7%,rgba(139,122,208,.38) 86%,transparent);transform:rotate(-1.5deg);border-radius:50%}
.fan-letter-copy{position:relative;display:grid;gap:15px;color:#4e4853;font-size:14px;line-height:1.82;word-break:keep-all}
.fan-letter-copy:before{content:"";position:absolute;left:-26px;top:4px;bottom:12px;width:1px;background:linear-gradient(transparent,rgba(83,70,92,.12) 12%,rgba(83,70,92,.12) 88%,transparent)}
.fan-letter-copy p{margin:0}
.fan-letter-copy p:nth-child(3){position:relative}
.fan-letter-copy p:nth-child(3):after{content:"♡";position:absolute;right:-18px;top:-7px;font-family:"Nanum Pen Script",cursive;font-size:26px;color:#a68cde;transform:rotate(12deg)}
.fan-letter-copy strong{display:block;margin-top:6px;color:#2f2934;font-size:15px;line-height:1.75;font-weight:800}
.fan-letter-sign{display:inline-flex;align-items:center;width:max-content;max-width:100%;gap:8px;margin-top:5px;color:#6c5ca6;font-family:"Nanum Pen Script","Segoe Print",cursive;font-size:25px;font-weight:400;line-height:1.1;letter-spacing:.01em;text-transform:none;border-bottom:2px solid rgba(139,122,208,.35);transform:rotate(-1deg)}
.fan-letter-sign:after{content:"♡";font-size:22px;color:#c379ae}

.monster-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0c0e12,#090a0c)}.monster-explain{max-width:720px}.monster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.monster-card{position:relative;min-height:270px;border:1px solid #332733;border-radius:18px;overflow:hidden;background:#111216;cursor:pointer}.monster-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82)}.monster-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,9,.97),rgba(7,7,9,.12) 74%)}.monster-card-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:16px}.monster-card-copy h3{margin:10px 0 4px;font-size:24px;letter-spacing:-.04em}.monster-card-copy p{margin:0;color:#d7d9dd;font-size:11px;font-weight:800}.monster-card-copy small{display:block;margin-top:7px;color:#8c919a;font-size:9px}.monster-badge{display:inline-flex;align-items:center;white-space:nowrap;width:max-content;border-radius:999px;padding:5px 8px;font-size:8px;line-height:1;font-weight:950;letter-spacing:.08em;border:1px solid rgba(255,255,255,.16);margin-right:6px}.monster-lv1{background:rgba(255,211,132,.12);color:#ffd384;border-color:rgba(255,211,132,.3)}.monster-lv2{background:rgba(255,142,90,.13);color:#ffab7d;border-color:rgba(255,142,90,.32)}.monster-lv3{background:rgba(255,92,168,.15);color:#ff85bd;border-color:rgba(255,92,168,.38);box-shadow:0 0 20px rgba(255,92,168,.12)}.monster-pressure{height:4px;margin-top:14px;border-radius:999px;overflow:hidden;background:#28232a}.monster-pressure span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd384,#ff5ca8)}.monster-empty{grid-column:1/-1;min-height:150px;border:1px dashed #30343b;border-radius:18px;display:grid;place-items:center;align-content:center;gap:7px;color:#848a94}.monster-empty b{color:#d9dce1}.monster-empty span{font-size:11px}.card-rankline .monster-badge,.breakout-copy>div .monster-badge{margin-bottom:6px}.proof-name{gap:8px;flex-wrap:wrap}.proof-name .monster-badge{margin-left:auto}
@media(max-width:1100px){.fan-letter:before{left:18px;opacity:.48}.fan-letter:after{right:18px;opacity:.58}.fan-letter-inner{padding:58px 52px;gap:5vw}}
@media(max-width:960px){.fan-letter{padding:74px 28px 84px}.fan-letter:before,.fan-letter:after{display:none}.fan-letter-inner{grid-template-columns:1fr;gap:30px;padding:54px 48px}.fan-letter-copy:before{display:none}.monster-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.fan-letter{padding:54px 14px 62px}.fan-letter-inner{padding:44px 24px 40px;clip-path:polygon(1% 0,50% .5%,99% 0,100% 100%,50% 99.5%,0 100%)}.fan-letter-inner:before{width:118px;height:22px}.fan-letter-inner:after{right:12px;top:18px;font-size:21px;letter-spacing:5px}.fan-letter h2{font-size:43px;line-height:1}.fan-letter-copy{font-size:13px;line-height:1.72;gap:13px}.fan-letter-copy p:nth-child(3):after{display:none}.fan-letter-copy strong{font-size:14px}.fan-letter-sign{font-size:21px}.monster-grid{grid-template-columns:1fr 1fr;gap:8px}.monster-card{min-height:230px}.monster-card-copy{left:13px;right:13px;bottom:13px}.monster-card-copy h3{font-size:18px}.monster-card-copy p{font-size:10px}.monster-card-copy small{font-size:8px}}