/* 큐코인 · 금융 지도(빙고) · 아바타 · 레벨업 연출 · 커뮤니티 · 공유 — 블로그 공통 (qc.js 와 짝) */
:root{--qc-gold:#D4AF37;--qc-deep:#1E3932;--qc-green:#00704A;--qc-cream:#F2F0EB;--qc-line:#E3E1DA}
.qc-hide{display:none!important}
/* 오늘의 소식 */
.qc-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.qc-chip{border:1px solid var(--qc-line);background:#fff;border-radius:999px;padding:6px 14px;font:700 14px/1.4 var(--font,sans-serif);color:var(--qc-deep);cursor:pointer}
.qc-chip.on{background:var(--qc-deep);color:#fff;border-color:var(--qc-deep)}
.qc-news{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.qc-news .nw a{display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;align-items:baseline;padding:14px 16px;border:1px solid var(--qc-line);border-radius:14px;background:#fff;text-decoration:none;color:inherit}
.qc-news .nw a:hover{border-color:var(--qc-gold);box-shadow:0 8px 22px -14px rgba(30,57,50,.4)}
.qc-news .nw-chip{font-size:12px;font-weight:800;color:var(--qc-green);background:#EEF5F2;border-radius:999px;padding:2px 10px;white-space:nowrap}
.qc-news .nw b{font-size:16px;color:var(--qc-deep);line-height:1.5}
.qc-news .nw-sum{grid-column:2/4;font-size:14px;color:#4F5854}
.qc-news time{font-size:12.5px;color:#66706B;white-space:nowrap}
@media(max-width:600px){.qc-news .nw a{grid-template-columns:1fr}.qc-news .nw-sum{grid-column:1}}

/* HUD 알약 */
#qc-hud{position:fixed;top:72px;right:12px;z-index:900;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:999px;background:#fff;border:1.5px solid var(--qc-gold);box-shadow:0 6px 20px -8px rgba(30,57,50,.45);font:800 13px/1 var(--font,sans-serif);color:var(--qc-deep);cursor:pointer}
#qc-hud:hover{transform:translateY(-1px)}
#qc-hud .av{width:30px;height:30px;border-radius:50%;background:#EEF5F2;overflow:hidden;display:grid;place-items:center}
#qc-hud .av svg{width:30px;height:30px}
#qc-hud .lb{display:flex;flex-direction:column;gap:3px}
#qc-hud .lb small{font-weight:700;font-size:11px;color:#66706B}
#qc-hud .cn{display:flex;align-items:center;gap:4px;color:#7C5F16}
.qc-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF4C2,#D4AF37 55%,#8C6A1C);box-shadow:inset 0 0 0 1.5px rgba(124,95,22,.55)}
#qc-hud.guest{padding:8px 14px;background:linear-gradient(135deg,#1E3932,#00704A);color:#fff;border-color:var(--qc-gold)}
#qc-hud.guest .qc-dot{animation:qcTw 1.6s ease-in-out infinite}
@keyframes qcTw{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.25) rotate(18deg)}}
@media(max-width:759px){#qc-hud{top:64px}}

/* 모달 공통 */
.qcm{position:fixed;inset:0;z-index:2147483000;background:rgba(15,32,27,.62);display:grid;place-items:center;padding:14px;overflow:auto}
.qcm-box{width:min(560px,100%);max-height:calc(100vh - 28px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 80px -20px rgba(0,0,0,.55);padding:24px 22px 22px;position:relative}
.qcm-box h2{margin:0 0 6px;font-size:23px;letter-spacing:-.03em;color:var(--qc-deep)}
.qcm-box .sub{margin:0 0 14px;color:#4F5854;font-size:15px}
.qcm-x{position:absolute;right:12px;top:10px;border:0;background:#EEF5F2;width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer;color:var(--qc-deep)}
.qcm label{display:block;font-weight:800;font-size:14px;margin:14px 0 6px;color:var(--qc-deep)}
.qcm input[type=text],.qcm input[type=password],.qcm textarea{width:100%;font:600 16px/1.5 var(--font,sans-serif);padding:11px 14px;border:1.5px solid var(--qc-line);border-radius:12px;background:#fff}
.qcm input:focus,.qcm textarea:focus{outline:none;border-color:var(--qc-green);box-shadow:0 0 0 3px rgba(0,112,74,.15)}
.qcm .row{display:flex;gap:10px;flex-wrap:wrap}
.qcm .btn2{border:0;border-radius:999px;padding:12px 22px;font:800 16px/1 var(--font,sans-serif);cursor:pointer;background:var(--qc-deep);color:#fff}
.qcm .btn2.gold{background:linear-gradient(135deg,#C9A23F,#F3E2A0 50%,#C9A23F);color:#1E3932}
.qcm .btn2.ghost{background:#fff;color:var(--qc-deep);border:1.5px solid var(--qc-deep)}
.qcm .btn2[disabled]{opacity:.45;cursor:not-allowed}
.qcm .err{color:#B3261E;font-weight:700;font-size:14px;margin-top:10px;min-height:18px}
.qcm .ok{color:#00704A;font-weight:700}
.qcm details{margin:12px 0;border:1px solid var(--qc-line);border-radius:12px;padding:10px 14px;background:#FAFAF7}
.qcm summary{font-weight:800;cursor:pointer;color:var(--qc-deep)}
.qcm table{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:8px}
.qcm th,.qcm td{border-bottom:1px solid var(--qc-line);padding:6px 8px;text-align:left;vertical-align:top}
.qcm th{background:#EEF5F2;color:var(--qc-deep)}
.qcm ul.rules{margin:8px 0 0;padding-left:18px;font-size:13.5px;color:#262B29}
.qcm .pick{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.qcm .pick button{border:2px solid var(--qc-line);background:#fff;border-radius:16px;padding:6px;cursor:pointer}
.qcm .pick button.on{border-color:var(--qc-gold);box-shadow:0 0 0 3px rgba(212,175,55,.3)}
.qcm .pick svg{width:64px;height:64px;display:block}
.qcm .dots{display:flex;gap:8px;margin-top:4px}
.qcm .dots button{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--qc-line);cursor:pointer}
.qcm .dots button.on{box-shadow:0 0 0 3px var(--qc-deep)}
.qcm .chk{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:14px;font-weight:600}
.qcm .chk input{width:20px;height:20px;margin-top:2px}
.qcm .bar{height:12px;border-radius:99px;background:#EEF5F2;overflow:hidden}
.qcm .bar i{display:block;height:100%;background:linear-gradient(90deg,#00704A,#D4AF37);border-radius:99px;transition:width .6s}
.qcm .big-av{display:grid;place-items:center;margin:6px 0 10px}
.qcm .big-av svg{width:150px;height:150px}

/* 읽기 인증 위젯 */
.qc-reader{margin:34px 0 18px;padding:20px 18px;border:2px solid var(--qc-gold);border-radius:20px;background:linear-gradient(180deg,#FFFDF6,#F7F0DC);box-shadow:var(--shadow,0 10px 30px -12px rgba(30,57,50,.18))}
.qc-reader h3{margin:0 0 4px;font-size:19px;color:var(--qc-deep);display:flex;align-items:center;gap:8px}
.qc-reader p.sm{margin:0 0 12px;font-size:14px;color:#4F5854}
.qc-reader .steps2{display:grid;gap:8px;margin:10px 0 14px;padding:0;list-style:none}
.qc-reader .steps2 li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#fff;border:1px solid var(--qc-line);font-weight:700;font-size:14.5px;color:#4F5854}
.qc-reader .steps2 li .ck{width:22px;height:22px;border-radius:50%;border:2px solid #C9CDC9;display:grid;place-items:center;font-size:13px;color:#fff;flex:none}
.qc-reader .steps2 li.ok{border-color:#00704A;background:#EEF8F3;color:#00704A}
.qc-reader .steps2 li.ok .ck{background:#00704A;border-color:#00704A}
.qc-reader .heart{border:2px solid #E0728F;background:#fff;color:#E0728F;border-radius:999px;padding:8px 16px;font:800 15px/1 var(--font,sans-serif);cursor:pointer}
.qc-reader .heart.on{background:#E0728F;color:#fff}
.qc-reader textarea{width:100%;min-height:64px;font:600 15px/1.5 var(--font,sans-serif);padding:10px 12px;border:1.5px solid var(--qc-line);border-radius:12px;margin-top:8px}
.qc-reader .acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}
.qc-reader .go{border:0;border-radius:999px;padding:13px 24px;font:800 16px/1 var(--font,sans-serif);cursor:pointer;background:linear-gradient(135deg,#8C6A1C,#C9A23F 28%,#F3E2A0 50%,#C9A23F 72%,#8C6A1C);color:#1E3932}
.qc-reader .go[disabled]{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}
.qc-reader .msg{margin-top:10px;font-weight:700;font-size:14px;min-height:18px}
.qc-reader .msg.err{color:#B3261E}.qc-reader .msg.ok{color:#00704A}
.qc-cmts{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.qc-cmts li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:#fff;border:1px solid var(--qc-line);border-radius:12px;font-size:14.5px}
.qc-cmts .a{width:34px;height:34px;flex:none;border-radius:50%;background:#EEF5F2;overflow:hidden}
.qc-cmts .a svg{width:34px;height:34px}
.qc-cmts b{color:var(--qc-deep)}.qc-cmts small{color:#66706B;margin-left:6px}

/* 금융 지도 빙고판 (3D 퍼즐) */
#qc-board{margin:8px auto 8px}
.qcb-head{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;margin:0 0 14px}
.qcb-head h2{margin:0;font-size:24px;letter-spacing:-.03em;color:var(--qc-deep)}
.qcb-head .meta{display:flex;gap:8px;flex-wrap:wrap;font-weight:800;font-size:13.5px}
.qcb-head .meta span{background:#fff;border:1px solid var(--qc-line);border-radius:999px;padding:6px 12px;color:var(--qc-deep)}
.qcb-head .meta .gold{border-color:var(--qc-gold);color:#7C5F16;background:#FFF9E6}
.qcb-stage{perspective:1100px;perspective-origin:50% 30%;padding:26px 8px 34px;border-radius:26px;background:radial-gradient(120% 90% at 50% 0%,#FFFDF3,#EEF5F2 60%,#DCEBE4);border:1px solid var(--qc-line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.qcb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:560px;margin:0 auto;transform-style:preserve-3d;transform:rotateX(14deg);transition:transform .4s}
.qcb-tile{position:relative;aspect-ratio:1/1;border:0;padding:10px;border-radius:16px;cursor:pointer;font:800 16px/1.25 var(--font,sans-serif);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  background:linear-gradient(145deg,#2E7D5B,#1E3932);transform-style:preserve-3d;transform:translateZ(0);transition:transform .22s cubic-bezier(.2,.9,.3,1.2),box-shadow .22s,filter .22s;
  box-shadow:0 8px 0 #12251F,0 16px 22px -10px rgba(0,0,0,.45);will-change:transform;-webkit-tap-highlight-color:transparent}
.qcb-tile .nm{font-size:clamp(14px,2.6vw,18px);text-shadow:0 1px 2px rgba(0,0,0,.35)}
.qcb-tile .st{font-size:12px;font-weight:700;opacity:.9;background:rgba(255,255,255,.18);border-radius:999px;padding:2px 9px}
.qcb-tile .ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#FFF4C2,#D4AF37 60%,#8C6A1C);color:#5a430c;font-weight:900;font-size:15px;box-shadow:inset 0 0 0 2px rgba(124,95,22,.4)}
/* 퍼즐 조각 돌기 */
.qcb-tile::before,.qcb-tile::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:inherit;z-index:-1}
.qcb-tile::before{right:-12px;top:50%;margin-top:-10px}
.qcb-tile::after{bottom:-14px;left:50%;margin-left:-10px;box-shadow:none}
.qcb-tile:nth-child(3n)::before{display:none}.qcb-tile:nth-child(n+7)::after{display:none}
.qcb-tile:hover,.qcb-tile:focus-visible{transform:translateZ(46px) scale(1.09) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 16px 0 #12251F,0 34px 34px -12px rgba(0,0,0,.55),0 0 0 3px rgba(212,175,55,.85);filter:brightness(1.12);z-index:3;outline:none}
.qcb-tile:active{transform:translateZ(14px) scale(1.02);box-shadow:0 4px 0 #12251F,0 8px 14px -8px rgba(0,0,0,.5)}
.qcb-tile.done{background-image:var(--piece,none),linear-gradient(145deg,#F3E2A0,#C9A23F);background-size:300% 300%,100% 100%;background-position:var(--px,0) var(--py,0),0 0;color:#1E3932;box-shadow:0 3px 0 #8C6A1C,0 6px 10px -6px rgba(0,0,0,.35),0 0 0 2px rgba(212,175,55,.9);transform:translateZ(-6px)}
.qcb-tile.done .nm{text-shadow:0 1px 2px rgba(255,255,255,.8)}
.qcb-tile.done .st{background:rgba(255,255,255,.7);color:#1E3932}
.qcb-tile.done:hover{transform:translateZ(8px) scale(1.04);filter:none}
.qcb-tile.empty{background:linear-gradient(145deg,#8FA39B,#6C807A);box-shadow:0 8px 0 #4C5E58,0 16px 22px -10px rgba(0,0,0,.35)}
.qcb-tile.flash{animation:qcbFlash .9s ease-in-out 2}
@keyframes qcbFlash{0%,100%{filter:brightness(1)}40%{filter:brightness(2.2) saturate(1.5);box-shadow:0 0 0 4px #FFF4C2,0 0 40px 14px rgba(255,224,120,.95)}}
@media (prefers-reduced-motion:reduce){.qcb-grid{transform:none}.qcb-tile,.qcb-tile:hover{transition:none}.qcb-tile.flash{animation:none}}
.qcb-note{max-width:560px;margin:14px auto 0;text-align:center;font-size:13.5px;color:#4F5854}
.qcb-panel{max-width:560px;margin:16px auto 0;background:#fff;border:1.5px solid var(--qc-line);border-radius:18px;padding:16px 16px 12px;box-shadow:var(--shadow)}
.qcb-panel h3{margin:0 0 8px;font-size:18px;color:var(--qc-deep)}
.qcb-panel a.pl{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;margin:6px 0;border:1px solid var(--qc-line);border-radius:12px;color:inherit;text-decoration:none;font-weight:700;font-size:15px}
.qcb-panel a.pl:hover{border-color:var(--qc-gold);background:#FFFDF3}
.qcb-panel a.pl small{color:#7C5F16;font-weight:800;white-space:nowrap}
.qcb-panel a.pl.read{opacity:.55}
.qcb-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}

/* 레벨업·빙고 축하 연출 */
.qcx{position:fixed;inset:0;z-index:2147483200;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(30,57,50,.82),rgba(8,18,15,.92));display:grid;place-items:center;animation:qcxIn .35s ease}
@keyframes qcxIn{from{opacity:0}to{opacity:1}}
.qcx canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.qcx-card{position:relative;z-index:3;text-align:center;color:#fff;padding:20px 18px;max-width:560px}
.qcx-title{font:900 clamp(34px,9vw,68px)/1.05 var(--en,'Outfit',sans-serif);letter-spacing:.02em;background:linear-gradient(100deg,#8C6A1C,#F3E2A0 30%,#fff 50%,#F3E2A0 70%,#8C6A1C);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(212,175,55,.65));animation:qcxShine 2.2s linear infinite,qcxPop .8s cubic-bezier(.2,1.6,.4,1) both}
@keyframes qcxShine{to{background-position:-220% 0}}
@keyframes qcxPop{0%{transform:scale(.2) rotate(-8deg);opacity:0}100%{transform:none;opacity:1}}
.qcx-sub{margin-top:8px;font-size:clamp(16px,4.2vw,22px);font-weight:800;color:#FFF4C2;animation:qcxUp .6s .5s both}
.qcx-lv{margin-top:6px;font-size:clamp(22px,6vw,34px);font-weight:900;color:#fff;animation:qcxUp .6s .8s both}
.qcx-lv b{color:#F3E2A0}
@keyframes qcxUp{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.qcx-av{width:170px;height:170px;margin:14px auto 0;border-radius:50%;background:radial-gradient(circle,#fff,#EEF5F2 70%);box-shadow:0 0 0 6px rgba(212,175,55,.85),0 0 60px 14px rgba(255,224,120,.7);animation:qcxGrow 1s .2s cubic-bezier(.2,1.6,.4,1) both;display:grid;place-items:center}
.qcx-av svg{width:150px;height:150px}
@keyframes qcxGrow{0%{transform:scale(.2) rotate(-30deg)}100%{transform:none}}
.qcx-earn{margin-top:10px;font-weight:800;color:#FFF4C2;animation:qcxUp .6s 1s both}
.qcx-btn{margin-top:18px;border:0;border-radius:999px;padding:14px 30px;font:900 17px/1 var(--font,sans-serif);cursor:pointer;background:linear-gradient(135deg,#C9A23F,#F3E2A0 50%,#C9A23F);color:#1E3932;animation:qcxUp .6s 1.2s both}
.qcx-coins{position:absolute;inset:0;pointer-events:none;perspective:900px}
.coin3d{position:absolute;top:-70px;width:var(--s,44px);height:var(--s,44px);transform-style:preserve-3d;animation:qcCoinFall var(--d,3s) cubic-bezier(.3,.1,.6,1) var(--delay,0s) forwards,qcCoinSpin var(--sp,.9s) linear var(--delay,0s) infinite}
.coin3d i{position:absolute;inset:0;border-radius:50%;background:#B8891E}
.coin3d i:nth-child(1){transform:translateZ(-3px)}.coin3d i:nth-child(2){transform:translateZ(-1.5px);background:#C9A23F}.coin3d i:nth-child(3){transform:translateZ(0);background:#D4AF37}.coin3d i:nth-child(4){transform:translateZ(1.5px);background:#C9A23F}
.coin3d i.f,.coin3d i.b{display:grid;place-items:center;font:900 calc(var(--s,44px)*.5)/1 var(--en,'Outfit',sans-serif);color:#7C5F16;background:radial-gradient(circle at 35% 30%,#FFF4C2,#E9CF7A 45%,#C9A23F 80%);box-shadow:inset 0 0 0 calc(var(--s,44px)*.06) #B8891E,inset 0 0 0 calc(var(--s,44px)*.1) rgba(255,244,194,.6)}
.coin3d i.f{transform:translateZ(3px)}.coin3d i.b{transform:rotateY(180deg) translateZ(3px)}
@keyframes qcCoinFall{0%{top:-80px;opacity:1}85%{opacity:1}100%{top:calc(100% + 80px);opacity:.95}}
@keyframes qcCoinSpin{from{rotate:y 0deg}to{rotate:y 360deg}}
.qcx.light{background:rgba(8,18,15,.45)}
.qcx.light .qcx-card{background:rgba(30,57,50,.88);border-radius:22px;box-shadow:0 20px 60px -10px rgba(0,0,0,.6)}

/* 공유 버튼(우측 하단, 반짝이는 코인) */
.qc-share{position:fixed;right:14px;bottom:calc(196px + env(safe-area-inset-bottom,0px));z-index:899;display:flex;align-items:center;gap:8px;border:0;cursor:pointer;border-radius:999px;padding:8px 16px 8px 8px;font:900 13.5px/1.1 var(--font,sans-serif);color:#1E3932;background:linear-gradient(135deg,#FFF4C2,#F3E2A0 50%,#E9CF7A);box-shadow:0 10px 26px -8px rgba(124,95,22,.65),0 0 0 2px rgba(212,175,55,.8)}
.qc-share .qcn{position:relative;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF9DC,#D4AF37 60%,#8C6A1C);box-shadow:inset 0 0 0 2px rgba(124,95,22,.5);display:grid;place-items:center;font:900 15px var(--en,sans-serif);color:#5a430c;animation:qcCoinWob 2.4s ease-in-out infinite}
.qc-share .tw{position:absolute;width:9px;height:9px;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:qcSpark 1.7s ease-in-out infinite}
.qc-share .tw:nth-child(1){left:-6px;top:-4px}.qc-share .tw:nth-child(2){right:-7px;top:2px;animation-delay:.5s;width:7px;height:7px}.qc-share .tw:nth-child(3){left:12px;bottom:-8px;animation-delay:1s;width:6px;height:6px}
@keyframes qcSpark{0%,100%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.25) rotate(90deg);opacity:1}}
@keyframes qcCoinWob{0%,100%{transform:rotateY(0)}50%{transform:rotateY(180deg)}}
.qc-share small{display:block;font-weight:700;color:#7C5F16;font-size:11px;margin-top:2px}
@media(max-width:759px){.qc-share{bottom:calc(188px + env(safe-area-inset-bottom,0px));right:10px}}
@media (prefers-reduced-motion:reduce){.qc-share .qcn,.qc-share .tw{animation:none}}
.qc-toast{position:fixed;left:50%;bottom:calc(30px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:2147483300;background:#1E3932;color:#fff;font-weight:800;padding:12px 20px;border-radius:999px;box-shadow:0 14px 34px -10px rgba(0,0,0,.6);max-width:90vw;text-align:center;font-size:14.5px;animation:qcxUp .3s both}

/* 커뮤니티 */
.qcc-tabs{display:flex;gap:8px;margin:0 0 16px}
.qcc-tabs button{flex:1;border:2px solid var(--qc-line);background:#fff;border-radius:14px;padding:12px;font:900 16px/1.2 var(--font,sans-serif);color:var(--qc-deep);cursor:pointer}
.qcc-tabs button.on{background:var(--qc-deep);color:#fff;border-color:var(--qc-deep)}
.qcc-form{background:#fff;border:1.5px solid var(--qc-line);border-radius:18px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}
.qcc-form textarea{width:100%;min-height:76px;font:600 15.5px/1.5 var(--font,sans-serif);padding:11px 13px;border:1.5px solid var(--qc-line);border-radius:12px}
.qcc-form .row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.qcc-form .hint{font-size:13px;color:#66706B}
.qcc-form button.go{border:0;border-radius:999px;padding:11px 22px;font:900 15px/1 var(--font,sans-serif);cursor:pointer;background:var(--qc-deep);color:#fff}
.qcc-form button.go[disabled]{opacity:.45}
.qcc-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.qcc-item{background:#fff;border:1px solid var(--qc-line);border-radius:16px;padding:12px 14px}
.qcc-item .top{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.qcc-item .a{width:36px;height:36px;border-radius:50%;background:#EEF5F2;overflow:hidden;flex:none}
.qcc-item .a svg{width:36px;height:36px}
.qcc-item b{color:var(--qc-deep)}.qcc-item small{color:#66706B}
.qcc-item p{margin:0;font-size:15.5px;color:#262B29;white-space:pre-wrap}
.qcc-item .ans{margin-top:10px;padding:10px 12px;border-left:4px solid var(--qc-gold);background:#FFF9E6;border-radius:0 12px 12px 0;font-size:15px}
.qcc-item .ans b{color:#7C5F16}
.qcc-note{background:#EEF5F2;border-radius:12px;padding:10px 14px;font-size:14px;margin:0 0 14px;color:#262B29}

/* 링크 모음 */
.qcl-wrap{max-width:560px;margin:0 auto;display:grid;gap:12px}
.qcl-link{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;border:1.5px solid var(--qc-line);background:#fff;text-decoration:none;color:inherit;box-shadow:var(--shadow)}
.qcl-link:hover{border-color:var(--qc-gold);transform:translateY(-2px)}
.qcl-link b{display:block;font-size:17px;color:var(--qc-deep)}.qcl-link span{font-size:13.5px;color:#4F5854}
.qcl-link.soon{opacity:.6;pointer-events:none}

/* 레벨업 컬렉션(프로필) */
.qc-lvtable{width:100%;font-size:13px;border-collapse:collapse}
.qc-lvtable td,.qc-lvtable th{border-bottom:1px solid var(--qc-line);padding:5px 7px;text-align:left}
.qc-lvtable tr.me td{background:#FFF9E6;font-weight:800}

/* 이코노미 맵 */
.qcb-grid.cols4{grid-template-columns:repeat(4,1fr);max-width:760px}
@media(max-width:620px){.qcb-grid.cols4{grid-template-columns:repeat(3,1fr);gap:12px}}
.emap-card{position:relative;border-radius:26px;overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,#14465a,#0a1f2e 55%,#06121c);border:1px solid #1d4a5a;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.emap-card #qc-globe{width:100%;height:min(68vh,560px);min-height:360px;cursor:grab}
.emap-card .legend{position:absolute;left:14px;bottom:12px;display:flex;gap:12px;flex-wrap:wrap;font:700 12.5px/1 var(--font,sans-serif);color:#cfe6dc;background:rgba(6,18,28,.6);padding:8px 12px;border-radius:999px}
.emap-card .legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.emap-card .hintbar{position:absolute;right:14px;top:12px;font:700 12.5px/1 var(--font,sans-serif);color:#cfe6dc;background:rgba(6,18,28,.6);padding:8px 12px;border-radius:999px}
/* HUD: 스크롤하면 작게, 빙고판 머리와 겹치지 않게 */
#qc-hud.compact .lb{display:none}
@media(min-width:760px){.qcb-head{padding-right:130px}}
.qcx-card{max-width:min(94vw,860px)}
.qcx-title{white-space:nowrap;font-size:clamp(26px,7.2vw,64px)}

/* 코인 디자인: 반짝이는 금색 + Q + 새싹 잎, 빛이 훑고 지나가요 */
.coin3d i.f::before,.coin3d i.b::before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.85) 50%,transparent 68%);background-size:260% 100%;animation:qcShine2 1.5s linear infinite}
.coin3d i.f::after,.coin3d i.b::after{content:"";position:absolute;right:calc(var(--s,44px)*.15);top:calc(var(--s,44px)*.11);width:calc(var(--s,44px)*.24);height:calc(var(--s,44px)*.24);background:linear-gradient(135deg,#7BE0A4,#1E8A52);border-radius:0 100% 0 100%;transform:rotate(-6deg);box-shadow:0 0 0 1px rgba(30,57,50,.35)}
@keyframes qcShine2{from{background-position:130% 0}to{background-position:-130% 0}}
.qc-dot{position:relative;overflow:hidden}
.qc-dot::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.9) 50%,transparent 70%);background-size:260% 100%;animation:qcShine2 2.2s linear infinite}
.qc-share .qcn{position:relative;overflow:visible}
.qc-share .qcn::after{content:"";position:absolute;right:-3px;top:-4px;width:12px;height:12px;background:linear-gradient(135deg,#7BE0A4,#1E8A52);border-radius:0 100% 0 100%;transform:rotate(-8deg);box-shadow:0 0 0 1px rgba(30,57,50,.4)}
/* 공유 버튼: 둥둥 떠다니고, 위로 작은 코인들이 반짝이며 "나 좀 봐줘" */
.qc-share{animation:qcBob 3.4s ease-in-out infinite}
@keyframes qcBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.qc-share .mc{position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF9DC,#F0C94A 55%,#B8891E);box-shadow:inset 0 0 0 1px rgba(124,95,22,.5),0 0 8px rgba(255,214,90,.9);animation:qcMini 2.6s ease-in-out infinite;pointer-events:none}
.qc-share .mc.m1{left:14px;top:-16px}.qc-share .mc.m2{left:62px;top:-24px;width:9px;height:9px;animation-delay:.8s}.qc-share .mc.m3{right:30px;top:-14px;width:13px;height:13px;animation-delay:1.5s}.qc-share .mc.m4{right:6px;top:-26px;width:8px;height:8px;animation-delay:2s}
@keyframes qcMini{0%{transform:translateY(8px) scale(.4) rotate(0);opacity:0}30%{opacity:1;transform:translateY(-2px) scale(1.15) rotate(120deg)}60%{transform:translateY(-8px) scale(.9) rotate(240deg);opacity:1}100%{transform:translateY(-16px) scale(.3) rotate(360deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.qc-share,.qc-share .mc,.coin3d i.f::before,.coin3d i.b::before,.qc-dot::after{animation:none}.qc-share .mc{opacity:.9}}

/* 우측 하단 버튼 15% 축소 */
.fab-consult,.qc-share{zoom:.85}