/* v63 — Ярина-проводник: помощь, тур и мягкие подсказки */
:root{
  --yarina-gold:#e2b46b;
  --yarina-warm:#a96b35;
  --yarina-ink:#070706;
  --yarina-panel:rgba(9,10,10,.92);
  --yarina-line:rgba(226,180,107,.34);
  --yarina-text:#f5dfb8;
  --yarina-muted:#c7b28b;
}
.yarina-help-button,
.yarina-nav-help,
.yarina-companion,
.yarina-help-panel,
.yarina-tour-layer{display:none}
.portal-unlocked .yarina-help-button{display:flex}
.yarina-help-button{
  position:fixed;right:22px;bottom:22px;z-index:2500;
  width:74px;height:74px;border-radius:50%;border:1px solid var(--yarina-line);
  background:radial-gradient(circle at 40% 25%,rgba(226,180,107,.33),rgba(20,12,6,.96) 55%,rgba(2,2,2,.98));
  box-shadow:0 18px 45px rgba(0,0,0,.55),0 0 28px rgba(226,180,107,.22),inset 0 0 22px rgba(226,180,107,.18);
  align-items:center;justify-content:center;cursor:pointer;color:var(--yarina-text);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.yarina-help-button:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 20px 54px rgba(0,0,0,.62),0 0 36px rgba(226,180,107,.38);border-color:rgba(226,180,107,.72)}
.yarina-help-button img{width:62px;height:62px;border-radius:50%;object-fit:cover;object-position:50% 0;filter:drop-shadow(0 5px 14px rgba(0,0,0,.55))}
.yarina-help-button small{position:absolute;right:0;top:-5px;min-width:22px;height:22px;border-radius:999px;background:#160d07;border:1px solid rgba(226,180,107,.55);display:grid;place-items:center;font-weight:900;font-size:14px;color:var(--yarina-gold)}
.yarina-nav-help{align-items:center;gap:6px}
.portal-unlocked .yarina-nav-help{display:inline-flex}
.yarina-companion{
  position:fixed;right:-22px;bottom:-4px;z-index:2390;
  height:min(76vh,790px);max-height:calc(100vh - 88px);pointer-events:none;
  opacity:0;transform:translateX(58px) scale(.96);filter:drop-shadow(-18px 16px 34px rgba(0,0,0,.68));
  transition:opacity .28s ease,transform .34s ease;
}
body.yarina-guide-open .yarina-companion,
body.yarina-tour-active .yarina-companion{display:block;opacity:.98;transform:translateX(0) scale(1)}
.yarina-help-panel{
  position:fixed;right:28px;bottom:112px;z-index:2510;width:min(405px,calc(100vw - 36px));
  color:var(--yarina-text);background:linear-gradient(145deg,rgba(10,10,9,.96),rgba(19,12,7,.94));
  border:1px solid var(--yarina-line);border-radius:20px;padding:18px 18px 16px;
  box-shadow:0 28px 80px rgba(0,0,0,.72),inset 0 0 0 1px rgba(255,224,164,.05);
  backdrop-filter:blur(12px);
}
body.yarina-guide-open .yarina-help-panel{display:block;animation:yarinaPanelIn .24s ease both}
@keyframes yarinaPanelIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.yarina-help-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.yarina-help-head img{width:58px;height:58px;border-radius:16px;object-fit:cover;object-position:50% 0;background:#080807;border:1px solid rgba(226,180,107,.28);box-shadow:0 0 18px rgba(226,180,107,.14)}
.yarina-help-head h3{margin:0 0 4px;font-size:22px;line-height:1;color:#ffe2a0;text-transform:uppercase;letter-spacing:.04em}
.yarina-help-head p{margin:0;color:var(--yarina-muted);font-size:14px;line-height:1.45}
.yarina-help-list{display:grid;gap:8px;margin:12px 0}
.yarina-help-list button,
.yarina-help-actions button{
  width:100%;text-align:left;border:1px solid rgba(226,180,107,.22);border-radius:13px;
  background:linear-gradient(90deg,rgba(226,180,107,.11),rgba(255,255,255,.02));
  color:var(--yarina-text);padding:11px 12px;cursor:pointer;font:inherit;line-height:1.3;
}
.yarina-help-list button:hover,
.yarina-help-actions button:hover{border-color:rgba(226,180,107,.55);background:linear-gradient(90deg,rgba(226,180,107,.18),rgba(255,255,255,.035))}
.yarina-help-list b{color:#ffe2a0}
.yarina-help-list small{display:block;color:var(--yarina-muted);margin-top:2px}
.yarina-help-actions{display:flex;gap:8px;margin-top:12px}
.yarina-help-actions button{width:auto;text-align:center;flex:1}
.yarina-help-close{position:absolute;right:12px;top:10px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(226,180,107,.25);background:rgba(0,0,0,.26);color:#ffe2a0;cursor:pointer}
.yarina-tour-layer{position:fixed;inset:0;z-index:2480;pointer-events:none}
body.yarina-tour-active .yarina-tour-layer{display:block}
.yarina-tour-dim{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(1px)}
.yarina-tour-card{
  position:fixed;z-index:2520;left:50%;bottom:28px;transform:translateX(-50%);
  width:min(540px,calc(100vw - 32px));pointer-events:auto;color:var(--yarina-text);
  border:1px solid var(--yarina-line);border-radius:20px;background:linear-gradient(145deg,rgba(8,8,8,.96),rgba(25,13,7,.95));
  box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 40px rgba(226,180,107,.14);padding:17px;
}
.yarina-tour-card h3{margin:0 0 8px;color:#ffe2a0;font-size:24px;text-transform:uppercase;letter-spacing:.04em}
.yarina-tour-card p{margin:0;color:var(--yarina-muted);font-size:16px;line-height:1.55}
.yarina-tour-actions{display:flex;gap:8px;margin-top:14px;justify-content:flex-end;flex-wrap:wrap}
.yarina-tour-actions button{border:1px solid rgba(226,180,107,.28);border-radius:999px;background:rgba(226,180,107,.12);color:var(--yarina-text);padding:9px 13px;cursor:pointer;font:inherit}
.yarina-tour-actions button:hover{border-color:rgba(226,180,107,.62);background:rgba(226,180,107,.2)}
.yarina-step-focus{position:relative;z-index:2490;box-shadow:0 0 0 2px rgba(226,180,107,.75),0 0 38px rgba(226,180,107,.26)!important;border-radius:16px!important;transition:box-shadow .2s ease}
.yarina-toast{
  position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:2600;
  border:1px solid rgba(226,180,107,.34);border-radius:999px;background:rgba(9,9,8,.94);color:var(--yarina-text);padding:10px 16px;box-shadow:0 16px 36px rgba(0,0,0,.55);font-size:14px;
}
@media (max-width:900px){
  .yarina-companion{height:62vh;right:-96px;opacity:.42}
  body.yarina-guide-open .yarina-companion,body.yarina-tour-active .yarina-companion{opacity:.45;transform:translateX(0) scale(.95)}
  .yarina-help-panel{right:14px;bottom:98px;width:calc(100vw - 28px);max-height:calc(100vh - 132px);overflow:auto}
  .yarina-help-button{right:14px;bottom:14px;width:64px;height:64px}.yarina-help-button img{width:54px;height:54px}
  .yarina-tour-card{bottom:16px}.yarina-tour-card h3{font-size:20px}.yarina-tour-card p{font-size:14px}
}
@media (orientation:landscape) and (max-height:560px){
  .yarina-companion{height:80vh;right:-34px}.yarina-help-panel{bottom:84px;right:14px;max-height:calc(100vh - 96px);overflow:auto}.yarina-help-button{bottom:12px;right:12px;width:58px;height:58px}.yarina-help-button img{width:50px;height:50px}.yarina-tour-card{left:auto;right:16px;bottom:16px;transform:none;width:min(440px,48vw)}
}