/* Callings Awakened — First Match Guidance
   Visual/onboarding layer only. No gameplay state or engine rules are changed. */
:root{--ca-guide:#e4b65a;--ca-guide-ink:#fff4d2;--ca-guide-panel:#0f1720;--ca-guide-panel2:#18232e}
.caGuideShade{position:fixed;z-index:1190;background:rgba(0,0,0,.62);pointer-events:auto;transition:all .18s ease}
.caGuideRing{position:fixed;z-index:1192;border:2px solid var(--ca-guide);border-radius:12px;box-shadow:0 0 0 1px rgba(255,231,167,.26),0 0 24px rgba(228,182,90,.48),inset 0 0 18px rgba(228,182,90,.10);pointer-events:none;transition:all .18s ease}
.caGuidePointer{position:fixed;inset:0;z-index:1193;width:100vw;height:100vh;pointer-events:none;overflow:visible}
.caGuidePointer path{stroke:var(--ca-guide);stroke-width:2.25;fill:none;filter:drop-shadow(0 1px 4px rgba(0,0,0,.8))}
.caGuidePointer circle{fill:var(--ca-guide);filter:drop-shadow(0 1px 4px rgba(0,0,0,.8))}
.caGuideCard{position:fixed;z-index:1195;width:min(390px,calc(100vw - 28px));max-height:min(76vh,620px);overflow:auto;border:1px solid rgba(228,182,90,.72);border-top:4px solid var(--ca-guide);border-radius:14px;background:linear-gradient(180deg,rgba(24,35,46,.985),rgba(11,18,25,.99));box-shadow:0 24px 70px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.025);color:#edf2f7;padding:16px 17px 15px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}
.caGuideKicker{font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:var(--ca-guide);margin-bottom:5px}
.caGuideTitle{font-family:"Source Serif 4",Georgia,serif;font-size:24px;line-height:1.05;font-weight:800;color:#fff7e5;margin:0 0 10px}
.caGuideBody{font-size:13px;line-height:1.48;color:#d7e0e9}
.caGuideBody p{margin:0 0 9px}.caGuideBody p:last-child{margin-bottom:0}
.caGuideBody strong{color:#fff1c6;font-weight:850}.caGuideBody em{color:#d8bd7c;font-style:normal;font-weight:800}
.caGuideBody .caGuideRule{margin:10px 0;padding:9px 10px;border-left:3px solid var(--ca-guide);border-radius:0 8px 8px 0;background:rgba(228,182,90,.075);color:#f1e8d1}
.caGuideBody .caGuideMini{font-size:11px;color:#9eabb8}
.caGuideActions{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}
.caGuidePrimary,.caGuideOff{border-radius:10px;min-height:39px;padding:8px 12px;font:inherit;font-weight:850;cursor:pointer}
.caGuidePrimary{border:1px solid #d9a944;background:linear-gradient(180deg,#7a571b,#573d14);color:#fff6dd;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.caGuideOff{border:1px solid rgba(176,190,204,.24);background:#111b24;color:#aebbc8;font-size:11px}
.caGuidePrimary:hover,.caGuidePrimary:focus-visible{outline:none;border-color:#f2ca78;box-shadow:0 0 0 2px rgba(228,182,90,.18)}
.caGuideOff:hover,.caGuideOff:focus-visible{outline:none;color:#eef4f8;border-color:rgba(228,182,90,.42)}
.caGuideSetup{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(228,182,90,.30);border-radius:11px;background:rgba(228,182,90,.055)}
.caGuideSetupText{min-width:0}.caGuideSetupText b{display:block;color:#f0d69a;font-size:12px;letter-spacing:.02em}.caGuideSetupText span{display:block;color:#9caaba;font-size:10px;line-height:1.35;margin-top:2px}
.caGuideToggle{flex:0 0 auto;min-height:36px;border-radius:9px;border:1px solid rgba(228,182,90,.45);background:#18212b;color:#f2dca7;font-weight:900;padding:7px 10px;cursor:pointer}
.caGuideToggle.isOff{border-color:rgba(151,166,180,.24);color:#9cabb9;background:#111820}
.caGuideCooldownDemo{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:5px;margin:10px 0 8px}.caGuideCooldownDemo span{display:grid;place-items:center;min-height:35px;border-radius:8px;border:1px solid rgba(228,182,90,.35);background:rgba(228,182,90,.075);font-size:10px;font-weight:900;color:#f4e1b3;text-align:center;padding:5px}.caGuideCooldownDemo i{font-style:normal;color:var(--ca-guide);font-weight:950}
@media(max-width:760px){.caGuideCard{width:min(94vw,430px);max-height:68vh;padding:14px}.caGuideTitle{font-size:21px}.caGuideBody{font-size:12.5px}.caGuideSetup{align-items:flex-start}.caGuideSetupText span{font-size:9.5px}.caGuideCooldownDemo{grid-template-columns:1fr auto 1fr;}.caGuideCooldownDemo span:last-of-type{grid-column:1/-1}.caGuideCooldownDemo i:last-of-type{display:none}}
@media(prefers-reduced-motion:reduce){.caGuideShade,.caGuideRing{transition:none}}