/* mind-cards.css — 6 MINDS 마음 카드 뷰어와 컬렉션 (diagnosis result ⑩ · /minds/#cards) */
.mc{margin-top:14px;}
.mc-title{font-family:var(--hand);font-size:26px;line-height:1.3;color:var(--ink);text-align:center;}
.mc-stage{position:relative;margin-top:16px;display:flex;justify-content:center;perspective:1600px;}
.mc-flip{position:relative;width:min(330px,80vw);aspect-ratio:9/16;border:0;background:none;padding:0;cursor:pointer;font:inherit;}
.mc-flip__in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);}
.mc-flip.is-back .mc-flip__in{transform:rotateY(180deg);}
.mc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(20,16,12,.22),0 0 0 2px var(--ink);}
.mc-face img{display:block;width:100%;height:100%;object-fit:cover;}
.mc-face--back{transform:rotateY(180deg);}
.mc-new{position:absolute;top:-10px;left:calc(50% + min(150px,36vw));transform:translateX(-50%) rotate(8deg);padding:5px 12px;border-radius:999px;background:var(--mc,var(--cobalt));color:#fff;font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.12em;box-shadow:0 6px 16px rgba(20,16,12,.25);}
.mc-hint{margin-top:10px;text-align:center;font-size:12px;color:var(--text-3);}
.mc-acts{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.mc-act{font-size:13px;}
.mc-note{margin-top:12px;font-size:13px;line-height:1.7;color:var(--text-3);text-align:center;max-width:520px;margin-left:auto;margin-right:auto;}
.mc-note b{color:var(--ink);}
.mc-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);padding:10px 18px;border-radius:999px;background:var(--ink);color:#f1ede5;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:60;max-width:calc(100vw - 32px);text-align:center;}
.mc-toast.is-on{opacity:1;transform:translate(-50%,0);}
/* collection */
.mc-col{margin-top:26px;padding:20px 18px 18px;border:2px solid var(--ink);border-radius:20px;background:var(--card);}
.mc-col__h{display:flex;justify-content:space-between;align-items:baseline;}
.mc-col__h b{font-family:var(--hand);font-size:24px;color:var(--ink);}
.mc-col__h span{font-family:var(--display);font-weight:800;font-size:15px;color:var(--text-3);}
.mc-col__bar{margin-top:10px;height:8px;border-radius:999px;background:var(--line);overflow:hidden;}
.mc-col__bar i{display:block;height:100%;background:linear-gradient(90deg,#FF6B3D,#FFC857,#3B82F6,#10B981,#8B5CF6,#F472B6);transition:width .5s;}
.mc-col__g{margin-top:14px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;}
.mc-col__c{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;font:inherit;color:var(--ink);cursor:pointer;}
.mc-col__img{display:block;width:100%;border-radius:10px;overflow:hidden;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--mc);transition:transform .15s;}
.mc-col__img img{display:block;width:100%;height:auto;}
.mc-col__c b{font-size:12px;margin-top:4px;}
.mc-col__c small{font-size:11px;color:var(--text-3);}
.mc-col__c.is-locked .mc-col__img{filter:grayscale(1) contrast(.6) brightness(1.1);opacity:.55;box-shadow:3px 3px 0 var(--line);}
.mc-col__c.is-locked b{color:var(--text-3);}
.mc-col__c.is-got:hover .mc-col__img{transform:translate(-2px,-2px);}
.mc-col__c.is-cur .mc-col__img{outline:3px solid var(--mc);outline-offset:2px;}
.mc-col__f{margin-top:14px;font-size:13px;line-height:1.7;color:var(--text-3);}
.mc-col__f b{color:var(--ink);}
@media (max-width:760px){.mc-col__g{grid-template-columns:repeat(3,1fr);}.mc-col__c b{font-size:11px;}}
@media (prefers-reduced-motion:reduce){.mc-flip__in{transition:none;}}
.mc-keep{margin-top:16px;padding:14px 16px;border-radius:14px;background:var(--bg-2);border:1px dashed var(--line);font-size:13px;line-height:1.7;color:var(--text-3);}
.mc-keep b{display:block;color:var(--ink);font-size:14px;margin-bottom:4px;}
.mc-keep__row{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;}
.mc-sample{position:absolute;top:-10px;right:calc(50% + min(120px,30vw));transform:rotate(-6deg);padding:5px 12px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;font-size:12px;letter-spacing:.04em;box-shadow:0 6px 16px rgba(20,16,12,.25);}
/* diagnosis: card first, then the team bridge */
.dg-mycard{margin-top:22px;padding:24px 20px 22px;border:2px solid var(--ink);border-radius:24px;background:var(--card);box-shadow:8px 8px 0 var(--mc);}
.dg-mycard__k{font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);text-align:center;}
.dg-mycard__t{margin-top:8px;font-size:clamp(18px,2.2vw,22px);line-height:1.5;font-weight:700;color:var(--ink);text-align:center;}
.dg-mycard__t b{padding:0 .2em;border-radius:6px;background:color-mix(in srgb,var(--mc) 28%,transparent);}
.dg-team{margin-top:22px;padding:18px 18px 16px;border-radius:18px;background:var(--ink);color:#f1ede5;}
.dg-team__t{font-weight:800;font-size:17px;}
.dg-team__d{margin-top:6px;font-size:14px;line-height:1.7;color:rgba(241,237,229,.82);}
.dg-team__d b{color:#FFC857;}
.dg-team__cta{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;}
.dg-team .btn-dark{background:#f1ede5;color:var(--ink);}
.dg-team .btn-link{color:#f1ede5;}
.dg-sample{margin-top:18px;}
@media (max-width:560px){.dg-mycard{padding:18px 12px 16px;box-shadow:5px 5px 0 var(--mc);}.dg-team{padding:16px 14px 14px;}}
/* locked cards: the back already holds my result, blurred until opened */
.mc-stage.is-locked .mc-face--back img{filter:blur(9px) saturate(.7);transform:scale(1.06);}
.mc-lock{position:absolute;inset:auto 12% 42% 12%;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:16px;background:rgba(27,27,27,.86);color:#fff;text-align:center;}
.mc-lock b{font-size:16px;}
.mc-lock small{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.85);}
.mc-col__img{position:relative;}
.mc-col__lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ink);}
.mc-col__lock svg{padding:7px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.2);}
/* card box */
.mc-box{margin-top:18px;}
.mc-box__h b{font-family:var(--hand);font-size:24px;color:var(--ink);}
.mc-box__h span{margin-left:10px;font-family:var(--display);font-weight:800;font-size:15px;color:var(--text-3);}
.mc-box__h p{margin-top:6px;font-size:14px;line-height:1.7;color:var(--text-2);}
.mc-box__h em{font-style:normal;font-weight:700;color:var(--ink);}
.mc-box__g{margin-top:14px;}
.mc-box__view{margin-top:6px;}
.mc-invite{margin-top:20px;padding:18px;border:2px solid var(--ink);border-radius:18px;background:var(--card);}
.mc-invite__t{font-weight:800;font-size:18px;color:var(--ink);}
.mc-invite__d{margin-top:6px;font-size:13.5px;line-height:1.7;color:var(--text-3);}
.mc-invite__row{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;}
.mc-invite__n{margin-top:10px;font-size:14px;color:var(--text-2);}
.mc-invite__n span{font-weight:800;color:var(--ink);}
/* one mind, read in depth (diagnosis result) */
.mr-list{margin-top:14px;display:grid;gap:14px;}
.mr{padding:18px 18px 16px;border:2px solid var(--ink);border-radius:18px;background:var(--card);box-shadow:5px 5px 0 var(--mc);}
.mr__h{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;}
.mr__h img{width:54px;height:auto;border-radius:8px;border:2px solid var(--ink);}
.mr__k{font-size:12px;font-weight:700;color:var(--text-3);}
.mr__t{margin-top:2px;font-size:20px;font-weight:800;color:var(--ink);}
.mr__st{margin-top:2px;font-size:14px;color:var(--text-2);}
.mr__st b{padding:1px 8px;border-radius:999px;background:var(--sc);color:#fff;font-size:13px;}
.mr__nums{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.mr__nums div{padding:8px 10px;border-radius:12px;background:var(--bg-2,#ece7dc);}
.mr__nums dt{font-size:11.5px;color:var(--text-3);}
.mr__nums dd{margin:2px 0 0;font-size:20px;font-weight:800;color:var(--ink);}
.mr__nums small{font-size:11px;font-weight:700;color:var(--text-3);}
.mr__now{margin-top:12px;font-size:15.5px;line-height:1.75;font-weight:600;color:var(--ink);}
.mr__num,.mr__role{margin-top:8px;font-size:13.5px;line-height:1.7;color:var(--text-3);}
.mr__role b{color:var(--ink);}
.mr__deep{margin-top:10px;border-top:1px dashed var(--line);padding-top:10px;}
.mr__deep summary{cursor:pointer;font-weight:800;color:var(--cobalt);font-size:14.5px;}
.mr__tam{margin-top:10px;display:grid;gap:8px;list-style:none;padding:0;}
.mr__tam li{display:grid;grid-template-columns:44px 1fr;gap:10px;font-size:14px;line-height:1.7;color:var(--text-2);}
.mr__tam b{align-self:start;padding:2px 0;border-radius:8px;background:var(--bg-2,#ece7dc);text-align:center;font-size:12.5px;color:var(--ink);}
.mr__insight{margin-top:10px;font-size:14.5px;line-height:1.75;color:var(--ink);}
.mr__pair{margin-top:8px;font-size:13.5px;line-height:1.7;color:var(--text-3);}
.mr__try{margin-top:12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--sc) 12%,transparent);font-size:14.5px;line-height:1.7;color:var(--ink);}
.mr__try b{display:block;font-size:12.5px;color:var(--sc);}
@media (max-width:560px){.mr__nums{grid-template-columns:repeat(2,1fr);}}
.dg-invited{margin-bottom:14px;padding:12px 14px;border-radius:14px;background:#FFF1F7;border:2px solid #F472B6;font-size:14.5px;line-height:1.7;color:var(--ink);}
.mc-box .mc-title{font-size:20px;}
/* unlock sheet: looks like a premium unlock, but no payment — one share opens all five */
.mc-sheet{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:26px 22px 20px;border:2px solid var(--ink);border-radius:24px;background:var(--card);color:var(--ink);box-shadow:0 30px 80px rgba(20,16,12,.35);}
.mc-sheet::backdrop{background:rgba(20,16,12,.55);backdrop-filter:blur(3px);}
.mc-sheet__x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:var(--bg-2,#ece7dc);font-size:22px;line-height:1;cursor:pointer;color:var(--ink);}
.mc-sheet__pill{display:inline-block;padding:4px 12px;border-radius:999px;background:linear-gradient(90deg,#FF6B3D,#F472B6,#8B5CF6);color:#fff;font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.08em;}
.mc-sheet__t{margin-top:10px;font-size:22px;line-height:1.35;font-weight:800;}
.mc-sheet__row{margin-top:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;}
.mc-sheet__row span{display:flex;flex-direction:column;align-items:center;gap:4px;}
.mc-sheet__row img{width:100%;height:auto;border-radius:6px;border:2px solid var(--ink);filter:blur(1.5px) saturate(.8);}
.mc-sheet__row b{font-size:10.5px;line-height:1.3;text-align:center;word-break:keep-all;}
.mc-sheet__l{margin-top:14px;padding-left:18px;font-size:14px;line-height:1.75;color:var(--text-2);}
.mc-sheet__l b{color:var(--ink);}
.mc-sheet__price{margin-top:14px;display:grid;gap:4px;padding:14px 16px;border:2px dashed var(--ink);border-radius:16px;background:#FFF7E6;}
.mc-sheet__price span{font-size:12px;font-weight:700;color:var(--text-3);}
.mc-sheet__price b{font-size:20px;}
.mc-sheet__price small{font-size:13px;line-height:1.6;color:var(--text-2);}
.mc-sheet__steps{margin-top:12px;padding-left:20px;font-size:13.5px;line-height:1.75;color:var(--text-2);}
.mc-sheet__go{margin-top:14px;width:100%;}
.mc-sheet__fb{margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--bg-2,#ece7dc);font-size:13.5px;line-height:1.65;}
.mc-sheet__fb .btn-dark{margin-top:10px;width:100%;}
.mc-sheet__msg{margin-top:8px;font-size:13.5px;font-weight:700;color:#B45309;min-height:1em;}
.mc-sheet__n{margin-top:4px;font-size:12.5px;color:var(--text-3);}
.mc-sheet__later{display:block;margin:10px auto 0;background:none;border:0;cursor:pointer;}
@keyframes mcUnlock{0%{transform:scale(.9) rotate(-2deg);filter:brightness(1.6);}60%{transform:scale(1.06) rotate(1deg);}100%{transform:none;filter:none;}}
.mc-col__c.is-unlock .mc-col__img{animation:mcUnlock .7s cubic-bezier(.2,.8,.2,1) both;}
.mc-col__c.is-unlock:nth-child(2) .mc-col__img{animation-delay:.08s}.mc-col__c.is-unlock:nth-child(3) .mc-col__img{animation-delay:.16s}.mc-col__c.is-unlock:nth-child(4) .mc-col__img{animation-delay:.24s}.mc-col__c.is-unlock:nth-child(5) .mc-col__img{animation-delay:.32s}.mc-col__c.is-unlock:nth-child(6) .mc-col__img{animation-delay:.4s}
@media (prefers-reduced-motion:reduce){.mc-col__c.is-unlock .mc-col__img{animation:none;}}

/* energy total reading (10-point bands) */
.er{margin-top:14px;padding:20px 22px;border-radius:20px;background:var(--bg-2,#ece7dc);}
.er__top{display:flex;gap:18px;align-items:center;}
.er__top svg{flex:none;}
.er__k{font-size:13px;font-weight:700;color:var(--text-3);}
.er__t{margin-top:4px;font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.25;}
.er__split{margin-top:6px;font-size:13.5px;color:var(--text-2);}
.er__feel{margin-top:16px;font-size:17px;font-weight:600;line-height:1.7;}
.er__know,.er__why{margin-top:10px;font-size:15.5px;line-height:1.75;color:var(--text-2);}
.er__first{margin-top:14px;padding:14px 16px;border-radius:14px;background:#fff;border-left:6px solid #1D4ED8;font-size:15.5px;font-weight:600;line-height:1.65;}
.er__first b{display:block;font-size:12.5px;color:#1D4ED8;margin-bottom:4px;}
.er__help{margin-top:12px;font-size:14.5px;line-height:1.7;color:var(--text-2);}
.mr__lv{margin-top:12px;font-size:15.5px;line-height:1.75;color:var(--text-2);}
@media (max-width:560px){.er{padding:16px;}.er__top{gap:12px;}.er__top svg{width:92px;height:92px;}}