/* Toolssok Design V3 — Daily Tarot golden-reference visual layer.
   Presentation only: existing draw/result/share logic and SEO markup stay authoritative. */
body[data-tsk-tool="tarot-card"]{background:
  radial-gradient(circle at 18% 12%,rgba(75,137,255,.11),transparent 28%),
  radial-gradient(circle at 82% 20%,rgba(212,176,105,.09),transparent 24%),
  linear-gradient(180deg,#f9fbff 0%,#f5f8fe 54%,#fbfdff 100%)!important;color:var(--v3-ink,#0f1b35)!important}
body[data-tsk-tool="tarot-card"] main{max-width:1120px!important;padding:28px 22px 64px!important}
body[data-tsk-tool="tarot-card"] .p66-tarot-hero{position:relative;overflow:hidden;margin:0 0 22px!important;padding:52px 42px 38px!important;border:1px solid #e6ecf6!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,247,255,.92))!important;box-shadow:0 20px 58px rgba(31,61,110,.09)!important;text-align:center!important}
body[data-tsk-tool="tarot-card"] .p66-tarot-hero::before{content:"";position:absolute;inset:-22% 18% 22%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.98) 0%,rgba(235,243,255,.88) 58%,rgba(235,243,255,0) 75%);pointer-events:none}
body[data-tsk-tool="tarot-card"] .p66-tarot-hero::after{content:"✦"!important;position:absolute!important;right:7%!important;top:22%!important;width:auto!important;height:auto!important;border:0!important;background:none!important;color:#d8ac5a!important;font-size:32px!important;opacity:.8!important;transform:none!important}
body[data-tsk-tool="tarot-card"] .p66-tarot-hero>*{position:relative;z-index:1}
body[data-tsk-tool="tarot-card"] .p66-tarot-kicker{margin:0 0 12px!important;color:#9b8053!important;font-size:11px!important;font-weight:750!important;letter-spacing:.34em!important;text-transform:uppercase!important}
body[data-tsk-tool="tarot-card"] .p66-tarot-hero h1{margin:0!important;color:#101b33!important;font-size:clamp(46px,6vw,72px)!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:900!important}
body[data-tsk-tool="tarot-card"] .p66-tarot-hero h1 span{color:#101b33!important}
body[data-tsk-tool="tarot-card"] .p66-tarot-hero .subtitle{max-width:760px!important;margin:14px auto 0!important;color:#66748f!important;font-size:16px!important;line-height:1.75!important}
body[data-tsk-tool="tarot-card"] .p66-tarot-chips{justify-content:center!important;margin-top:20px!important;gap:8px!important}
body[data-tsk-tool="tarot-card"] .p66-tarot-chips span{padding:8px 13px!important;border:1px solid #dfe7f4!important;border-radius:999px!important;background:rgba(255,255,255,.84)!important;color:#50607d!important;font-size:12px!important;box-shadow:0 4px 14px rgba(34,62,105,.04)!important}
body[data-tsk-tool="tarot-card"] .tool-card{padding:30px!important;border:1px solid #e2e9f4!important;border-radius:26px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 18px 48px rgba(31,61,110,.08)!important}
body[data-tsk-tool="tarot-card"] .badge-refonly{border-color:#e6dfcf!important;background:#fffaf0!important;color:#95764a!important}
body[data-tsk-tool="tarot-card"] .mode-seg{max-width:700px!important;margin:0 auto 18px!important;padding:5px!important;border:1px solid #dfe7f3!important;border-radius:16px!important;background:#f6f9fe!important;box-shadow:none!important}
body[data-tsk-tool="tarot-card"] .mode-btn{min-height:48px!important;border-radius:12px!important;color:#5e6c84!important;font-weight:750!important}
body[data-tsk-tool="tarot-card"] .mode-btn.is-active{background:linear-gradient(135deg,#317df3,#1668e8)!important;color:#fff!important;box-shadow:0 8px 18px rgba(47,125,244,.21)!important}
body[data-tsk-tool="tarot-card"] .topic-pick{max-width:820px!important;margin:0 auto 24px!important;text-align:center!important}
body[data-tsk-tool="tarot-card"] .topic-pick-label{color:#7a879d!important;font-size:12px!important}
body[data-tsk-tool="tarot-card"] .topic-row{justify-content:center!important;gap:10px!important}
body[data-tsk-tool="tarot-card"] .topic-btn{min-height:44px!important;padding:0 18px!important;border:1px solid #d9e3f1!important;border-radius:999px!important;background:#fff!important;color:#41516e!important;font-weight:750!important}
body[data-tsk-tool="tarot-card"] .topic-btn.is-active{border-color:#2f7df4!important;background:linear-gradient(135deg,#317df3,#1668e8)!important;color:#fff!important;box-shadow:0 8px 18px rgba(47,125,244,.17)!important}
body[data-tsk-tool="tarot-card"] .card-stage{position:relative;min-height:330px!important;max-width:900px!important;margin:10px auto 14px!important;padding:34px 26px 26px!important;gap:24px!important;border:1px solid #dfe7f4!important;border-radius:28px!important;background:radial-gradient(circle at 50% 45%,rgba(255,250,231,.96),rgba(238,245,255,.98) 52%,#f7faff 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 18px 38px rgba(31,61,110,.07)!important;align-items:center!important}
body[data-tsk-tool="tarot-card"] .card-stage::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,235,177,.35),rgba(255,235,177,0) 70%);pointer-events:none}
body[data-tsk-tool="tarot-card"] .stage-slot{width:150px!important;position:relative;z-index:1}
body[data-tsk-tool="tarot-card"] .card{width:150px!important;filter:drop-shadow(0 18px 22px rgba(22,46,84,.15))}
body[data-tsk-tool="tarot-card"] .card-face{border-radius:18px!important;border:1px solid rgba(214,175,93,.52)!important;box-shadow:0 14px 30px rgba(18,43,80,.16)!important}
body[data-tsk-tool="tarot-card"] .card-face.back{background:radial-gradient(circle at 50% 50%,transparent 0 18%,rgba(216,177,94,.8) 18.6% 19.4%,transparent 20%),repeating-radial-gradient(circle at 50% 50%,rgba(216,177,94,.24) 0 1px,transparent 1px 14px),linear-gradient(145deg,#13294d,#0b1d3c)!important;box-shadow:inset 0 0 0 2px #d8ae61,inset 0 0 0 7px #10264a,0 18px 32px rgba(17,39,76,.22)!important}
body[data-tsk-tool="tarot-card"] .stage-pos{margin-top:10px!important;color:#687894!important;font-size:12px!important;font-weight:700!important}
body[data-tsk-tool="tarot-card"] .stage-note{margin:0 0 18px!important;color:#77859b!important;font-size:13px!important}
body[data-tsk-tool="tarot-card"] .draw-btn{max-width:520px!important;min-height:58px!important;margin:14px auto 0!important;border-radius:16px!important;background:linear-gradient(135deg,#317df3,#1767e7)!important;box-shadow:0 13px 28px rgba(47,125,244,.24)!important;font-size:17px!important;letter-spacing:-.01em!important}
body[data-tsk-tool="tarot-card"] .draw-btn:hover{background:linear-gradient(135deg,#256fdf,#0f5ed7)!important}
body[data-tsk-tool="tarot-card"] .redraw-btn{max-width:520px!important;margin:12px auto 0!important;border:1px solid #bed1ef!important;border-radius:14px!important;background:#fff!important;color:#2468ce!important}
body[data-tsk-tool="tarot-card"] .result-area{max-width:940px!important;margin:26px auto 0!important}
body[data-tsk-tool="tarot-card"] .result-card,body[data-tsk-tool="tarot-card"] .spread-item{border:1px solid #e2e9f4!important;border-radius:22px!important;background:#fff!important;box-shadow:0 16px 38px rgba(31,61,110,.08)!important}
body[data-tsk-tool="tarot-card"] .result-card{padding:28px!important;text-align:left!important}
body[data-tsk-tool="tarot-card"] .result-name{color:#15213a!important;font-size:22px!important}
body[data-tsk-tool="tarot-card"] .dir-badge{background:#edf4ff!important;color:#286bcf!important}
body[data-tsk-tool="tarot-card"] .kw-chip{background:#f1f6ff!important;color:#3a69ae!important}
body[data-tsk-tool="tarot-card"] .result-text{color:#46536b!important;font-size:15px!important;line-height:1.8!important}
body[data-tsk-tool="tarot-card"] .result-illust{width:122px!important}
body[data-tsk-tool="tarot-card"] .spread-grid{gap:16px!important}
body[data-tsk-tool="tarot-card"] .tsk-revisit,body[data-tsk-tool="tarot-card"] .ladder-related,body[data-tsk-tool="tarot-card"] .related-tools{border-color:#e2e9f4!important;background:#fff!important;box-shadow:0 14px 34px rgba(31,61,110,.06)!important}
@media(max-width:760px){
  body[data-tsk-tool="tarot-card"] main{padding:18px 14px 48px!important}
  body[data-tsk-tool="tarot-card"] .p66-tarot-hero{padding:38px 20px 28px!important;border-radius:22px!important}
  body[data-tsk-tool="tarot-card"] .p66-tarot-hero h1{font-size:44px!important}
  body[data-tsk-tool="tarot-card"] .tool-card{padding:20px 14px!important;border-radius:20px!important}
  body[data-tsk-tool="tarot-card"] .mode-seg{overflow-x:auto!important}
  body[data-tsk-tool="tarot-card"] .mode-btn{min-width:96px!important}
  body[data-tsk-tool="tarot-card"] .card-stage{min-height:260px!important;padding:24px 10px 18px!important;gap:12px!important;border-radius:20px!important}
  body[data-tsk-tool="tarot-card"] .stage-slot,body[data-tsk-tool="tarot-card"] .card{width:105px!important}
  body[data-tsk-tool="tarot-card"] .result-card{padding:20px!important}
}
@media(max-width:430px){
  body[data-tsk-tool="tarot-card"] main{padding:12px 8px 40px!important;max-width:none!important;width:100%!important}
  body[data-tsk-tool="tarot-card"] .tool-card{padding:14px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  body[data-tsk-tool="tarot-card"] .card-stage{width:100%!important;max-width:none!important;padding:20px 6px 16px!important;border-radius:16px!important}
  body[data-tsk-tool="tarot-card"] .draw-btn,body[data-tsk-tool="tarot-card"] .redraw-btn{max-width:none!important;width:100%!important}
  body[data-tsk-tool="tarot-card"] .result-area{width:100%!important;max-width:none!important;margin-top:20px!important}
  body[data-tsk-tool="tarot-card"] .result-card{width:100%!important;padding:16px!important;border-radius:16px!important;box-shadow:0 10px 24px rgba(31,61,110,.07)!important}
  body[data-tsk-tool="tarot-card"] .spread-grid{gap:10px!important}
  body[data-tsk-tool="tarot-card"] .spread-item{border-radius:16px!important}
  body[data-tsk-tool="tarot-card"] .tsk-revisit,body[data-tsk-tool="tarot-card"] .related-tools{border-radius:16px!important}
}
@media(max-width:390px){
  body[data-tsk-tool="tarot-card"] .p66-tarot-hero h1{font-size:38px!important}
  body[data-tsk-tool="tarot-card"] .p66-tarot-hero .subtitle{font-size:14px!important}
  body[data-tsk-tool="tarot-card"] .topic-row{gap:7px!important}
  body[data-tsk-tool="tarot-card"] .topic-btn{padding:0 13px!important}
  body[data-tsk-tool="tarot-card"] .stage-slot,body[data-tsk-tool="tarot-card"] .card{width:92px!important}
}
@media(prefers-reduced-motion:reduce){body[data-tsk-tool="tarot-card"] .card{filter:none!important}}