/* JobLinks Career Quest（quest.html 専用 / 2026-11-03）
   style.css のトークン（--ink / --gold / --wis / --f-disp …）をそのまま使い、cq- で始まる部品だけ足す。
   --tc＝クラスの色（キャラ診断と同じ） / --rc＝レア度の色 / --sc＝能力値の色。動きは prefers-reduced-motion で止める */

.cqp{--cq-line:rgba(217,182,111,.28);--cq-glass:rgba(14,12,22,.72)}
.cqp main{overflow-x:clip}

/* ---------- ボタン ---------- */
.cq-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:.8em 1.4em;border-radius:99px;border:1px solid var(--line-2);background:rgba(18,16,25,.7);color:var(--fg);font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),background .25s,border-color .25s,box-shadow .25s}
.cq-btn:hover{border-color:var(--gold);transform:translateY(-1px)}
.cq-btn--gold{background:linear-gradient(135deg,#F1D9A2,#D9B66F 55%,#B8913F);color:#1A1408;border-color:transparent;box-shadow:0 10px 34px -10px rgba(217,182,111,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.cq-btn--gold:hover{box-shadow:0 14px 40px -10px rgba(217,182,111,.9),inset 0 1px 0 rgba(255,255,255,.5)}
.cq-btn--lg{min-height:58px;padding:.9em 2em;font-size:1.05rem;position:relative;overflow:hidden}
.cq-btn--lg::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:cqShine 4.2s ease-in-out 1.2s infinite}
@keyframes cqShine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.cq-link{background:none;border:0;padding:.4em 0;color:var(--mute);font-size:.9rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cq-link:hover{color:var(--fg)}
.cq-pill{display:inline-flex;align-items:center;min-height:44px;padding:.5em 1.1em;border-radius:99px;border:1px solid var(--line-2);font-size:.88rem;text-decoration:none;color:var(--fg);background:rgba(18,16,25,.6)}
.cq-pill:hover{border-color:var(--tc,var(--gold))}

/* ---------- ファーストビュー ---------- */
.cqh{position:relative;isolation:isolate;overflow:hidden;min-height:min(100svh,880px);padding:clamp(104px,16vw,150px) 0 0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start}
.cqh__bg{position:absolute;inset:0;z-index:-2}
.cqh__bg img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;transform-origin:65% 45%;animation:cqKen 28s ease-in-out infinite alternate;filter:saturate(1.05)}
.cqh__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 20% 30%,rgba(9,8,13,.35),rgba(9,8,13,.86) 70%),linear-gradient(180deg,rgba(9,8,13,.55) 0%,rgba(9,8,13,.2) 35%,rgba(9,8,13,.92) 82%,var(--ink) 100%)}
@keyframes cqKen{from{transform:scale(1.04)}to{transform:scale(1.16) translate(-1.5%,1%)}}
.cqh__dust{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.cqh__in{position:relative;width:100%;min-width:0;display:grid;gap:18px;justify-items:start}
.cqh .bc{margin:0}
.cqh__eye{margin:0;font-family:var(--f-disp);font-size:.68rem;letter-spacing:.24em;color:var(--gold);display:flex;align-items:center;gap:.8em}
.cqh__eye::before{content:"";width:28px;height:1px;background:var(--gold)}
.cqh__title{margin:0;font-family:var(--f-jp-disp);font-weight:900;font-size:clamp(2.5rem,11vw,5.6rem);line-height:1.04;letter-spacing:-.02em;background:linear-gradient(180deg,#FFF8E6 0%,#F1D9A2 45%,#C79A4B 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 30px rgba(217,182,111,.25));text-wrap:balance}
html:not([lang="ja"]) .cqh__title{font-family:var(--f-disp);font-weight:800;font-size:clamp(2.1rem,8.6vw,5rem);letter-spacing:-.03em}
.cqh__lead{margin:0;max-width:34em;color:#DCD5E8;font-size:1rem;line-height:1.85}
.cqh__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:4px}
.cqh__count{display:flex;flex-wrap:wrap;gap:8px 18px;margin:6px 0 0}
.cqh__count div{display:grid;gap:0}
.cqh__count dt{font-family:var(--f-disp);font-size:.58rem;letter-spacing:.18em;color:var(--mute)}
.cqh__count dd{margin:0;font-family:var(--f-disp);font-weight:700;font-size:1.25rem;color:var(--fg)}
/* 8人の行進（横に流れるカード） */
.cqh__parade{position:relative;min-width:0;overflow:hidden;margin-top:clamp(26px,5vw,48px);padding:10px 0 34px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cqh__parade ul{display:flex;gap:14px;list-style:none;margin:0;padding:0;width:max-content;animation:cqMarch 46s linear infinite}
.cqh__parade li{width:clamp(118px,15vw,190px);aspect-ratio:600/796;border-radius:16px;overflow:hidden;border:1px solid var(--cq-line);box-shadow:0 20px 40px -18px rgba(0,0,0,.8)}
.cqh__parade li:nth-child(2n){margin-top:22px}
.cqh__parade img{width:100%;height:100%;object-fit:cover}
@keyframes cqMarch{to{transform:translateX(-50%)}}

/* ---------- ゲーム枠 ---------- */
.cq-sec-wrap{position:relative;padding:clamp(24px,6vw,64px) 0 clamp(56px,9vw,110px);scroll-margin-top:70px}
.cq{position:relative;border-radius:24px;padding:clamp(18px,4vw,40px);background:radial-gradient(120% 90% at 0% 0%,rgba(127,95,208,.16),transparent 55%),radial-gradient(100% 80% at 100% 100%,rgba(217,182,111,.10),transparent 60%),var(--cq-glass);border:1px solid var(--cq-line);box-shadow:0 40px 90px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04);min-height:420px}
.cq::before{content:"";position:absolute;inset:8px;border-radius:18px;border:1px solid rgba(217,182,111,.12);pointer-events:none}
.cq-in{animation:cqUp .6s var(--ease) both}
@keyframes cqUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* スタート */
.cq-start{display:grid;gap:22px;align-items:center}
@media (min-width:860px){.cq-start{grid-template-columns:1.2fr .8fr;gap:36px}}
.cq-start__guide{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:end}
.cq-start__guide figure{margin:0;filter:drop-shadow(0 16px 30px rgba(127,95,208,.45))}
.cq-start__guide img{width:100%;height:auto;animation:cqBob 4.5s ease-in-out infinite}
@media (min-width:860px){.cq-start__guide{grid-template-columns:150px 1fr}}
@keyframes cqBob{50%{transform:translateY(-6px)}}
.cq-say{border:1px solid var(--line-2);background:rgba(9,8,13,.75);border-radius:16px;padding:14px 16px}
.cq-say b{display:block;font-family:var(--f-disp);font-size:.62rem;letter-spacing:.2em;color:var(--wis);font-weight:500;margin-bottom:4px}
.cq-say p{margin:0;font-size:.95rem;line-height:1.75}.cq-say p+p{color:var(--mute);font-size:.88rem;margin-top:4px}
.cq-start__go{display:grid;gap:10px;justify-items:center;text-align:center}
.cq-start__go .cq-btn{width:100%;max-width:340px;min-height:58px;font-size:1.05rem}
.cq-meta{margin:0;color:var(--mute);font-size:.85rem}

/* 質問 */
.cq-q{display:grid;gap:18px}
.cq-hud{display:grid;gap:10px}
.cq-num{font-family:var(--f-disp);font-size:.72rem;letter-spacing:.2em;color:var(--mute)}
.cq-num b{color:var(--gold);font-size:1.1rem;letter-spacing:.05em}
.cq-prog{position:relative;height:10px;border-radius:99px;background:rgba(226,218,245,.1);overflow:visible}
.cq-prog>i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#B597EE,#D9B66F);box-shadow:0 0 14px rgba(217,182,111,.55);transition:width .55s var(--ease)}
.cq-prog s{position:absolute;top:50%;width:2px;height:10px;transform:translate(-1px,-50%);background:rgba(9,8,13,.7);text-decoration:none}
.cq-prog s:last-child{display:none}
.cq-stage{display:grid;gap:16px}
.cq-enter{animation:cqIn .5s var(--ease) both}
.cq-leave{animation:cqOut .26s ease-in both}
@keyframes cqIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes cqOut{to{opacity:0;transform:translateX(-26px)}}
.cq-npc{display:flex;align-items:center;gap:12px;min-height:56px}
.cq-npc img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--wis);box-shadow:0 0 18px rgba(181,151,238,.45);flex:0 0 auto}
.cq-bub{position:relative;margin:0;padding:.55em 1em;border-radius:14px;background:var(--ink-3);border:1px solid var(--line-2);font-size:.9rem}
.cq-bub::before{content:"";position:absolute;left:-6px;top:50%;width:10px;height:10px;background:var(--ink-3);border-left:1px solid var(--line-2);border-bottom:1px solid var(--line-2);transform:translateY(-50%) rotate(45deg)}
.cq-bub.pop{animation:cqPop .4s var(--ease)}
@keyframes cqPop{40%{transform:scale(1.06)}}
.cq-qt{margin:0;font-family:var(--f-jp-disp);font-weight:900;font-size:clamp(1.3rem,5.2vw,1.9rem);line-height:1.45;outline:none}
.cq-opts{display:grid;gap:10px}
@media (min-width:760px){.cq-opts{grid-template-columns:1fr 1fr}}
.cq-opt{position:relative;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;min-height:64px;padding:12px 16px 12px 12px;text-align:left;border-radius:16px;border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(27,24,37,.9),rgba(18,16,25,.9));cursor:pointer;font-size:1rem;line-height:1.5;transition:transform .2s var(--ease),border-color .2s,background .2s,opacity .3s;overflow:visible}
.cq-opt:hover:not(:disabled){border-color:var(--gold);transform:translateY(-2px)}
.cq-opt:active:not(:disabled){transform:scale(.985)}
.cq-opt .k{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-family:var(--f-disp);font-weight:700;font-size:.85rem;color:var(--gold);border:1px solid var(--cq-line);background:rgba(9,8,13,.6)}
.cq-opt.is-prev{border-color:rgba(181,151,238,.6)}
.cq-opt.is-pick{border-color:var(--gold);background:linear-gradient(180deg,rgba(217,182,111,.22),rgba(127,95,208,.16));box-shadow:0 0 0 1px var(--gold),0 0 30px -6px rgba(217,182,111,.7)}
.cq-opt.is-pick .k{background:var(--gold);color:#1A1408}
.cq-opt.is-pick::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:2px solid #F1D9A2;animation:cqRing .6s ease-out forwards;pointer-events:none}
@keyframes cqRing{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}
.cq-opt.is-off{opacity:.38}
.cq-opt:disabled{cursor:default}
.cq-gain{position:absolute;right:12px;top:-6px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;pointer-events:none}
.cq-gain em{font-style:normal;font-family:var(--f-disp);font-weight:700;font-size:.72rem;padding:.2em .6em;border-radius:99px;background:rgba(9,8,13,.92);color:var(--sc);border:1px solid var(--sc);animation:cqGain .9s var(--ease) both}
.cq-gain em+em{animation-delay:.08s}
@keyframes cqGain{0%{opacity:0;transform:translateY(8px)}25%{opacity:1;transform:translateY(-8px)}100%{opacity:0;transform:translateY(-26px)}}
.cq-live{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding-top:6px;border-top:1px solid var(--line)}
.cq-live__s{display:grid;gap:4px;font-size:.7rem;color:var(--mute);min-width:0}
.cq-live__s span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cq-live__s i{display:block;height:6px;border-radius:99px;background:rgba(226,218,245,.1);overflow:hidden}
.cq-live__s b{display:block;height:100%;border-radius:inherit;background:var(--sc);transition:width .5s var(--ease)}
.cq-live__s em{font-style:normal;font-family:var(--f-disp);font-weight:700;color:var(--fg);font-size:.8rem}
.cq-live__s.up em{animation:cqPop .45s var(--ease);color:var(--sc)}
.cq-back{justify-self:start}

/* 鑑定中 */
.cq-reading{display:grid;justify-items:center;gap:10px;padding:40px 0;text-align:center}
.cq-sigil{width:min(220px,56vw);aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 0 40px rgba(217,182,111,.45))}
.cq-sigil img{width:100%;height:100%;border-radius:50%;animation:cqSpin 6s linear infinite,cqGlow 1.6s ease-in-out infinite alternate;-webkit-mask-image:radial-gradient(circle,#000 55%,transparent 71%);mask-image:radial-gradient(circle,#000 55%,transparent 71%)}
@keyframes cqSpin{to{transform:rotate(360deg)}}
@keyframes cqGlow{from{filter:brightness(.9)}to{filter:brightness(1.3)}}
.cq-reading__t{margin:8px 0 0;font-family:var(--f-jp-disp);font-weight:900;font-size:1.5rem;color:var(--gold)}
.cq-reading__s{margin:0;color:var(--mute);font-size:.9rem}

/* ---------- 結果 ---------- */
.cq-res{display:grid;gap:26px}
.cq-shared{margin:0;padding:10px 14px;border-radius:12px;background:rgba(127,95,208,.14);border:1px solid rgba(181,151,238,.35);font-size:.9rem}
.cq-res__top{display:grid;gap:22px;align-items:start}
@media (min-width:880px){.cq-res__top{grid-template-columns:minmax(0,400px) 1fr;gap:40px;align-items:center}}
/* キャラクターカード（裏→表にめくれる） */
.cq-card{--mx:50%;--my:30%;perspective:1200px;width:100%;max-width:400px;justify-self:center}
.cq-card__in{position:relative;aspect-ratio:600/870;transform-style:preserve-3d;transition:transform .5s var(--ease)}
.cq-card--flip .cq-card__in{transform:rotateY(180deg)}
.cq-card--flip.is-open .cq-card__in{transform:rotateY(0);transition:transform 1.1s cubic-bezier(.2,.9,.25,1.05)}
.cq-card__back,.cq-card__front{position:absolute;inset:0;border-radius:22px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cq-card__back{transform:rotateY(180deg);background:radial-gradient(circle,#1b1530,#09080D 70%);border:2px solid var(--gold);display:grid;place-items:center}
.cq-card__back img{width:78%;height:auto}
.cq-card__front{background:#0d0b14;border:2px solid var(--tc);box-shadow:0 30px 70px -26px color-mix(in srgb,var(--tc) 60%,transparent),0 0 0 6px rgba(9,8,13,.85),0 0 0 7px var(--cq-line)}
.cq-card__front figure{position:absolute;inset:0 0 auto;height:72%;margin:0}
.cq-card__front figure img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.cq-card__front figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(13,11,20,.6) 75%,#0d0b14 100%)}
.cq-card__front::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.16),transparent 45%);mix-blend-mode:screen;opacity:0;transition:opacity .3s}
.cq-card:hover .cq-card__front::after{opacity:1}
.cq-card[data-rare="UR"] .cq-card__front::before,.cq-card[data-rare="SSR"] .cq-card__front::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,240,200,.28) 48%,rgba(181,151,238,.22) 52%,transparent 65%);background-size:250% 100%;animation:cqHolo 4.5s ease-in-out 1.2s infinite}
@keyframes cqHolo{0%{background-position:120% 0}60%,100%{background-position:-60% 0}}
.cq-rare{position:absolute;top:12px;left:12px;z-index:3;display:grid;justify-items:center;padding:6px 12px 5px;border-radius:12px;background:rgba(9,8,13,.85);border:2px solid var(--rc);box-shadow:0 0 20px -4px var(--rc)}
.cq-rare b{font-family:var(--f-disp);font-weight:800;font-size:1.35rem;line-height:1;color:var(--rc);letter-spacing:.02em}
.cq-rare small{font-size:.58rem;letter-spacing:.06em;color:var(--fg)}
.cq-card.is-open .cq-rare{animation:cqStamp .55s cubic-bezier(.2,1.4,.4,1) 1s both}
@keyframes cqStamp{from{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}
.cq-card[data-rare="UR"] .cq-rare b{background:linear-gradient(90deg,#F1D9A2,#B597EE,#5EC4E0,#F1D9A2);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cqRain 4s linear infinite}
@keyframes cqRain{to{background-position:300% 0}}
.cq-card__txt{position:absolute;left:0;right:0;bottom:0;padding:0 18px 16px;z-index:2}
.cq-card__en{margin:0;font-family:var(--f-disp);font-size:.6rem;letter-spacing:.2em;color:var(--tc)}
.cq-card__name{margin:2px 0 2px;font-family:var(--f-jp-disp);font-weight:900;font-size:clamp(1.35rem,6vw,1.7rem);line-height:1.25;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.8)}
.cq-card__catch{margin:0 0 10px;font-size:.8rem;color:#DCD5E8;line-height:1.5}
.cq-card__st{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.cq-card__st li{display:grid;grid-template-columns:4.6em 1fr 1.6em;align-items:center;gap:8px;font-size:.68rem;color:var(--mute)}
html:not([lang="ja"]) .cq-card__st li{grid-template-columns:6.4em 1fr 1.6em}
.cq-card__st i{height:5px;border-radius:99px;background:rgba(226,218,245,.1);overflow:hidden}
.cq-card__st b{display:block;height:100%;width:0;border-radius:inherit;background:var(--sc);transition:width 1s var(--ease) 1.1s}
.cq-card.is-open .cq-card__st b,.cq-card:not(.cq-card--flip) .cq-card__st b{width:var(--w)}
.cq-card__st em{font-style:normal;font-family:var(--f-disp);font-weight:700;color:var(--fg);text-align:right}
.cq-res__head{display:grid;gap:12px;min-width:0}
.cq-kicker{margin:0;font-family:var(--f-disp);font-size:.66rem;letter-spacing:.22em;color:var(--mute)}
.cq-res__name{margin:0;font-family:var(--f-jp-disp);font-weight:900;font-size:clamp(1.9rem,8vw,3.2rem);line-height:1.15;color:var(--tc);text-shadow:0 0 40px color-mix(in srgb,var(--tc) 35%,transparent)}
.cq-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.cq-facts div{padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(9,8,13,.5);min-width:0}
.cq-facts dt{font-size:.7rem;color:var(--mute);letter-spacing:.06em}
.cq-facts dd{margin:2px 0 0;font-weight:700;font-size:.98rem;line-height:1.4}
.cq-facts dd small{display:block;font-weight:400;font-size:.72rem;color:var(--mute)}
.cq-facts a{color:var(--fg);text-decoration-color:var(--tc)}
.cq-rtag{display:inline-block;font-family:var(--f-disp);font-weight:800;font-size:.8rem;padding:.12em .55em;border-radius:6px;color:#09080D;background:var(--rc)}
.cq-res__tip{margin:0;color:#DCD5E8;font-size:.95rem;line-height:1.85}
.cq-grid{display:grid;gap:14px}
@media (min-width:760px){.cq-grid{grid-template-columns:1fr 1fr}.cq-sec--stats{grid-row:span 2}}
.cq-sec{padding:18px;border-radius:18px;border:1px solid var(--line);background:rgba(9,8,13,.5);min-width:0}
.cq-sec h4{margin:0 0 10px;font-family:var(--f-jp-disp);font-size:1.02rem;display:flex;align-items:center;gap:.6em}
.cq-sec h4::before{content:"";width:8px;height:8px;transform:rotate(45deg);background:var(--tc);box-shadow:0 0 10px var(--tc)}
.cq-sec--cau h4::before{background:var(--warn);box-shadow:0 0 10px var(--warn)}
.cq-list{margin:0;padding-left:1.2em;display:grid;gap:6px;font-size:.95rem;line-height:1.7}
.cq-list--num{padding-left:1.4em}
.cq-list li::marker{color:var(--tc)}
.cq-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cq-chips li{padding:.45em .95em;border-radius:99px;border:1px solid color-mix(in srgb,var(--tc) 55%,transparent);font-size:.9rem;background:color-mix(in srgb,var(--tc) 10%,transparent)}
.cq-chips__top{border-color:var(--sc)!important;color:var(--sc)}
.cq-chips__top::before{content:"★ "}
.cq-radar{width:100%;max-width:300px;margin:0 auto 6px;overflow:visible}
.cq-radar .g polygon,.cq-radar .g line{fill:none;stroke:rgba(226,218,245,.14);stroke-width:1}
.cq-radar .p{fill:color-mix(in srgb,var(--tc) 30%,transparent);stroke:var(--tc);stroke-width:2.2;stroke-linejoin:round;transform-origin:130px 122px;animation:cqRadar 1s var(--ease) .3s both}
@keyframes cqRadar{from{transform:scale(.1);opacity:0}to{transform:none;opacity:1}}
.cq-radar text{fill:var(--mute);font-size:11px;font-family:var(--f-body)}
.cq-bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cq-bars li{display:grid;grid-template-columns:5em 1fr 2em;align-items:center;gap:10px;font-size:.88rem}
html:not([lang="ja"]) .cq-bars li{grid-template-columns:7em 1fr 2em}
.cq-bars i{height:8px;border-radius:99px;background:rgba(226,218,245,.1);overflow:hidden}
.cq-bars b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--sc) 55%,transparent),var(--sc));width:0;transition:width 1.1s var(--ease) .35s}
.cq-rv.in .cq-bars b,.cq-bars.static b{width:var(--w)}
.cq-bars em{font-style:normal;font-family:var(--f-disp);font-weight:700;text-align:right;color:var(--sc)}
.cq-small{margin:8px 0 0;font-size:.82rem;color:var(--mute);line-height:1.7}
.cq-gap{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.cq-gap span{padding:.35em .8em;border-radius:99px;border:1px solid var(--line-2);font-size:.82rem}
.cq-gap b{font-family:var(--f-disp);color:var(--gold)}

/* 求人 */
.cq-jobs{padding:20px;border-radius:20px;border:1px solid var(--cq-line);background:linear-gradient(180deg,rgba(217,182,111,.06),rgba(9,8,13,.5))}
.cq-jobs__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.cq-jobs h3{margin:0;font-family:var(--f-jp-disp);font-size:1.3rem}
.cq-pref{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--mute)}
.cq-pref select{min-height:44px;padding:0 2.2em 0 .9em;border-radius:12px;border:1px solid var(--line-2);background:var(--ink-3);color:var(--fg);font:inherit;font-size:.95rem}
.cq-joblist{margin-top:12px}
.cq-jl{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media (min-width:760px){.cq-jl{grid-template-columns:1fr 1fr}}
.cq-jl li{animation:cqUp .5s var(--ease) both;animation-delay:calc(var(--i) * 70ms)}
.cq-job{display:grid;gap:6px;height:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line-2);background:rgba(18,16,25,.85);text-decoration:none;color:var(--fg);transition:border-color .2s,transform .2s var(--ease)}
.cq-job:hover{border-color:var(--tc);transform:translateY(-2px)}
.cq-job h3{margin:0;font-size:.98rem;line-height:1.55;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cq-job__m{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.8rem;color:var(--mute)}
.cq-job__m .own{color:var(--gold)}
.cq-job__s{margin:0;font-size:.85rem;color:#E9E1C9}
.cq-job__hit{margin:2px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.74rem;color:var(--mute)}
.cq-job__hit em{font-style:normal;padding:.15em .6em;border-radius:99px;border:1px solid color-mix(in srgb,var(--tc) 50%,transparent);color:var(--fg);background:color-mix(in srgb,var(--tc) 12%,transparent)}
.cq-empty{margin:0;padding:16px;border-radius:14px;border:1px dashed var(--line-2);color:var(--mute);font-size:.92rem}
.cq-wide{margin:0 0 10px}
.cq-skel{display:grid;gap:10px}
.cq-skel i{display:block;height:84px;border-radius:16px;background:linear-gradient(90deg,rgba(226,218,245,.05),rgba(226,218,245,.11),rgba(226,218,245,.05));background-size:200% 100%;animation:cqSk 1.2s linear infinite}
@keyframes cqSk{to{background-position:-200% 0}}
.cq-more{margin-top:18px;display:grid;gap:10px}
.cq-more__h{margin:0;font-size:.85rem;color:var(--mute)}
.cq-jt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media (min-width:760px){.cq-jt{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}}
.cq-jt a{position:relative;display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line-2);aspect-ratio:4/3;text-decoration:none;color:#fff}
.cq-jt img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.cq-jt a:hover img{transform:scale(1.06)}
.cq-jt b{position:absolute;left:0;right:0;bottom:0;padding:18px 8px 6px;font-size:.74rem;line-height:1.35;background:linear-gradient(180deg,transparent,rgba(9,8,13,.92))}
.cq-more__links{display:flex;flex-wrap:wrap;gap:8px}

/* 共有・おわり */
.cq-share{padding:20px;border-radius:20px;border:1px solid var(--line);background:rgba(9,8,13,.5);text-align:center}
.cq-share h3{margin:0;font-family:var(--f-jp-disp);font-size:1.2rem}
.cq-share__b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.cq-share__b .cq-btn{padding:.7em .6em;font-size:.86rem;white-space:nowrap}
@media (min-width:760px){.cq-share__b{grid-template-columns:repeat(4,auto);justify-content:center}}
.cq-share__b .cq-btn--gold{grid-column:1/-1}
@media (min-width:760px){.cq-share__b .cq-btn--gold{grid-column:auto}}
.cq-end{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.cq-note{margin:0;font-size:.8rem;color:var(--dim);line-height:1.8}

/* 共有画像のモーダル */
.cq-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:16px;background:rgba(5,4,9,.82);backdrop-filter:blur(6px)}
.cq-modal__in{width:min(440px,100%);max-height:calc(100svh - 32px);overflow:auto;display:grid;gap:10px;padding:18px;border-radius:20px;background:#121019;border:1px solid var(--cq-line);text-align:center}
.cq-modal__t{margin:0;font-weight:700}
.cq-modal__img img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line-2)}
.cq-modal__b{display:grid;gap:8px}

/* ---------- 説明セクション ---------- */
.cq-info{padding:clamp(56px,9vw,110px) 0}
.cq-info--dark{background:linear-gradient(180deg,transparent,rgba(127,95,208,.07) 30%,rgba(127,95,208,.07) 70%,transparent)}
.cq-head{display:grid;gap:8px;margin-bottom:22px}
.cq-eye{margin:0;font-family:var(--f-disp);font-size:.68rem;letter-spacing:.24em;color:var(--gold)}
.cq-h2{margin:0;font-family:var(--f-jp-disp);font-weight:900;font-size:clamp(1.6rem,6vw,2.4rem);line-height:1.25}
.cq-sub{margin:0;color:var(--mute);font-size:.92rem;max-width:44em}
.cq-two{display:grid;gap:48px}
@media (min-width:960px){.cq-two{grid-template-columns:1fr 1fr;gap:56px}}
.cq-classes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:760px){.cq-classes{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.cq-cls a{display:block;height:100%;border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--tc,#D9B66F) 40%,transparent);background:#0e0c15;text-decoration:none;color:var(--fg);transition:transform .35s var(--ease),box-shadow .35s}
.cq-cls a:hover{transform:translateY(-4px);box-shadow:0 22px 40px -20px var(--tc)}
.cq-cls figure{margin:0;aspect-ratio:600/700;overflow:hidden}
.cq-cls figure img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;transition:transform .6s var(--ease)}
.cq-cls a:hover figure img{transform:scale(1.05)}
.cq-cls__en{margin:10px 12px 0;font-family:var(--f-disp);font-size:.56rem;letter-spacing:.16em;color:var(--tc)}
.cq-cls h3{margin:2px 12px 0;font-family:var(--f-jp-disp);font-size:1.05rem}
.cq-cls__tg{margin:0 12px 12px;font-size:.78rem;color:var(--mute)}
.cq-statlist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cq-statlist li{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);border-left:3px solid var(--sc,var(--gold));background:rgba(9,8,13,.5)}
.cq-statlist b{color:var(--sc,var(--gold));font-size:1rem}
.cq-statlist span{font-size:.88rem;color:#DCD5E8}
.cq-statlist em{grid-column:1/-1;font-style:normal;font-size:.76rem;color:var(--mute)}
.cq-statlist small{font-family:var(--f-disp);font-size:.7rem}
.cq-rates{width:100%;border-collapse:collapse;font-size:.88rem}
.cq-rates th{font-size:.72rem;font-weight:500;color:var(--mute);text-align:left;padding:8px 6px;border-bottom:1px solid var(--line-2)}
.cq-rates td{padding:12px 6px;border-bottom:1px solid var(--line);vertical-align:middle}
.cq-rates td:last-child{width:34%}
.cq-rates td:last-child b{font-family:var(--f-disp)}
.cq-rbar{display:block;height:5px;margin-top:6px;border-radius:99px;background:var(--rc);width:var(--w);max-width:100%;box-shadow:0 0 10px -2px var(--rc)}

/* スクロールで現れる */
.cq-rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0) * 60ms)}
.cq-rv.in{opacity:1;transform:none}
.no-js .cq-rv{opacity:1;transform:none}

/* ---------- 動きを減らす設定 ---------- */
@media (prefers-reduced-motion:reduce){
  .cqh__bg img,.cqh__parade ul,.cq-btn--lg::after,.cq-start__guide img,.cq-sigil img,.cq-card[data-rare] .cq-card__front::before,.cq-card[data-rare="UR"] .cq-rare b,.cq-skel i{animation:none!important}
  .cq-in,.cq-enter,.cq-leave,.cq-bub.pop,.cq-opt.is-pick::after,.cq-gain em,.cq-jl li,.cq-radar .p,.cq-card.is-open .cq-rare,.cq-live__s.up em{animation:none!important}
  .cq-gain{display:none}
  .cq-rv{opacity:1;transform:none;transition:none}
  .cq-bars b,.cq-card__st b{transition:none;width:var(--w)}
  .cqh__parade ul{flex-wrap:wrap;width:auto;justify-content:center}
  .cqh__parade li:nth-child(n+5){display:none}
  *{scroll-behavior:auto!important}
}