#shikarno-ai-root{--sa-blue:#4d8cff;--sa-border:rgba(255,255,255,.16);position:fixed;right:8px;bottom:0;z-index:9001;width:210px;height:min(400px,50vh);pointer-events:none;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:width .42s ease,height .42s ease,right .42s ease}
#shikarno-ai-stage{position:absolute;right:0;bottom:0;width:min(400px,34vw);height:min(400px,50vh);overflow:visible;pointer-events:none;transform:translateY(42px)}
#shikarno-ai-canvas{display:block;width:100%;height:100%;background:transparent;pointer-events:none;touch-action:none}
.shikarno-bubble{position:absolute;isolation:isolate;right:70px;bottom:178px;width:min(176px,42vw);min-height:58px;padding:11px 14px 10px;color:#10131a;background:#fffefb;border:4px solid #11151d;border-radius:999px;box-shadow:0 18px 44px rgba(0,0,0,.28);transform:translateY(10px) scale(.92);transform-origin:100% 100%;opacity:0;transition:opacity .25s ease,transform .35s cubic-bezier(.2,.9,.2,1.2);pointer-events:none;display:flex;flex-direction:column;justify-content:center}
.shikarno-bubble.is-visible{opacity:1;transform:translateY(0) scale(1)}
.shikarno-bubble{z-index:25}
.shikarno-bubble::after{content:"";z-index:0;position:absolute;right:39px;bottom:-14px;width:30px;height:20px;background:#fffefb;border-right:4px solid #11151d;border-bottom:4px solid #11151d;transform:skewX(-18deg) rotate(28deg);border-bottom-right-radius:10px}
.shikarno-bubble b,.shikarno-bubble span{position:relative;z-index:2}.shikarno-bubble b{display:block;font-size:10px;letter-spacing:.07em;margin-bottom:2px;font-weight:900}.shikarno-bubble span{font-size:11px;line-height:1.25;font-weight:700}
.shikarno-panel-layer{position:fixed;inset:0;z-index:9003;pointer-events:none}.shikarno-panel{position:absolute;right:260px;bottom:28px;width:min(280px,calc(100vw - 24px));color:#edf3ff;background:rgba(13,18,29,.94);border:1px solid var(--sa-border);border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.45);backdrop-filter:blur(18px);overflow:hidden;opacity:0;transform:translateY(12px) scale(.97);transform-origin:100% 100%;transition:opacity .2s ease,transform .25s ease;pointer-events:none}
.shikarno-panel.is-open{opacity:1;transform:none;pointer-events:auto}.shikarno-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px 9px;border-bottom:1px solid rgba(255,255,255,.08)}
.shikarno-panel__title{font-size:12px;font-weight:800;letter-spacing:.06em}.shikarno-panel__close{border:0;background:transparent;color:#92a0b9;cursor:pointer;font-size:22px;line-height:1}.shikarno-panel__body{padding:11px 12px 13px}
.shikarno-message{margin:0 0 10px;color:#afbdd5;font-size:12px;line-height:1.45}
.shikarno-hint{min-height:16px;margin-top:8px;color:#94a6c3;font-size:11px;line-height:1.4}
.shikarno-mini-controls{position:absolute;right:12px;top:8px;bottom:auto;display:flex;gap:6px;opacity:0;transform:translateY(6px);transition:.2s ease;pointer-events:none;z-index:8}#shikarno-ai-root.is-idle:hover .shikarno-mini-controls,#shikarno-ai-root.is-panel-open .shikarno-mini-controls{opacity:1;transform:none;pointer-events:auto}.shikarno-mini-controls button{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(12,17,27,.78);color:white;cursor:pointer;backdrop-filter:blur(10px)}
@media(max-width:720px){#shikarno-ai-root{width:180px;height:315px;right:-4px}#shikarno-ai-stage{width:270px;height:315px;right:0;bottom:0;transform:translateY(36px)}.shikarno-bubble{right:22px;bottom:158px;width:146px;min-height:50px;padding:9px 11px 9px}.shikarno-mini-controls{right:8px;top:6px;opacity:1;transform:none;pointer-events:auto}.shikarno-panel-layer .shikarno-panel{right:12px;bottom:58px;width:calc(100vw - 24px);max-width:270px}}

#shikarno-ai-root.is-assistant{right:10px;bottom:0;width:205px;height:270px;overflow:hidden}
#shikarno-ai-root.is-assistant #shikarno-ai-stage{right:0;bottom:0;width:min(400px,34vw);height:min(400px,50vh);transform:translateY(52px)}
#shikarno-ai-root.is-assistant .shikarno-bubble{right:70px;bottom:178px;width:176px;min-height:58px;padding:11px 14px 10px}
#shikarno-ai-root.is-assistant .shikarno-bubble::after{right:39px;bottom:-14px;width:30px;height:20px;transform:skewX(-18deg) rotate(28deg)}
#shikarno-ai-root.is-assistant .shikarno-bubble b{font-size:10px;letter-spacing:.07em;margin-bottom:2px}
#shikarno-ai-root.is-assistant .shikarno-bubble span{font-size:11px;line-height:1.25}
@media(max-width:720px){#shikarno-ai-root.is-assistant{width:165px;height:238px;right:2px;overflow:hidden}#shikarno-ai-root.is-assistant #shikarno-ai-stage{width:264px;height:308px;left:-49px;right:auto;bottom:0;transform:translateY(44px)}#shikarno-ai-root.is-assistant .shikarno-bubble{right:22px;bottom:158px;width:146px;min-height:50px;padding:9px 11px 9px}#shikarno-ai-root.is-assistant .shikarno-bubble b{font-size:10px}#shikarno-ai-root.is-assistant .shikarno-bubble span{font-size:11px}.shikarno-mini-controls{right:7px;top:5px;opacity:1;transform:none;pointer-events:auto}.shikarno-mini-controls button{width:24px;height:24px}.shikarno-panel-layer .shikarno-panel{right:12px;bottom:58px;width:calc(100vw - 24px);max-width:270px}}
@media(prefers-reduced-motion:reduce){.shikarno-bubble,.shikarno-panel,#shikarno-ai-root,#shikarno-ai-stage{transition-duration:.01ms!important}}


.shikarno-bubble{
  width:min(188px,44vw);
  height:84px;
  min-height:84px;
  max-height:84px;
  padding:10px 14px 10px;
  border-radius:30px;
  overflow:visible;
}
.shikarno-bubble::after{
  right:43px;
  bottom:-8px;
  width:20px;
  height:13px;
  border-right-width:4px;
  border-bottom-width:4px;
  transform:skewX(-16deg) rotate(27deg);
  border-bottom-right-radius:7px;
}
.shikarno-bubble b{
  flex:0 0 auto;
  margin-bottom:3px;
}
.shikarno-bubble span{
  display:block;
  height:3.75em;
  max-height:3.75em;
  overflow-y:auto;
  overflow-x:hidden;
  line-height:1.25;
  scrollbar-width:none;
  overscroll-behavior:none;
}
.shikarno-bubble span::-webkit-scrollbar{width:0;height:0;display:none}
#shikarno-ai-root.is-assistant .shikarno-bubble{
  width:188px;
  height:84px;
  min-height:84px;
  max-height:84px;
  padding:10px 14px 10px;
}
#shikarno-ai-root.is-assistant .shikarno-bubble::after{
  right:43px;
  bottom:-8px;
  width:20px;
  height:13px;
  transform:skewX(-16deg) rotate(27deg);
}
@media(max-width:720px){
  .shikarno-bubble,
  #shikarno-ai-root.is-assistant .shikarno-bubble{
    right:18px;
    width:154px;
    height:78px;
    min-height:78px;
    max-height:78px;
    padding:9px 11px 9px;
    border-radius:26px;
  }
  .shikarno-bubble::after,
  #shikarno-ai-root.is-assistant .shikarno-bubble::after{
    right:34px;
    bottom:-7px;
    width:18px;
    height:12px;
  }
}

.shikarno-screen-hit{position:absolute;left:58%;top:42%;width:min(34vw,170px);aspect-ratio:220/199;pointer-events:none;opacity:0;z-index:30;transform:translate(-50%,-50%) scale(.84);background:url('/assets/images/crack-hit.png') center/contain no-repeat;filter:drop-shadow(0 0 8px rgba(255,255,255,.22));}
.shikarno-screen-hit.is-hit{animation:shikarno-crack-pop 5.9s ease forwards}
@keyframes shikarno-crack-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.62)}6%{opacity:1;transform:translate(-50%,-50%) scale(1)}84%{opacity:.96;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.03)}}
@media (max-width: 720px){.shikarno-screen-hit{left:57%;top:41%;width:min(40vw,136px)}}

#shikarno-ai-root.is-assistant{
  overflow:visible;
}
.shikarno-bubble,
#shikarno-ai-root.is-assistant .shikarno-bubble{
  width:min(210px,46vw);
  height:auto;
  min-height:84px;
  max-height:min(330px,54vh);
  padding:10px 14px 11px;
  border-radius:28px;
  overflow:visible;
  justify-content:flex-start;
  transition:opacity .25s ease,transform .35s cubic-bezier(.2,.9,.2,1.2),min-height .22s ease;
}
.shikarno-bubble span,
#shikarno-ai-root.is-assistant .shikarno-bubble span{
  height:auto;
  min-height:0;
  max-height:calc(min(330px,54vh) - 42px);
  overflow-y:auto;
  overflow-x:hidden;
  line-height:1.3;
  scrollbar-width:none;
}
.shikarno-bubble span::-webkit-scrollbar,
#shikarno-ai-root.is-assistant .shikarno-bubble span::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}
@media(max-width:720px){
  #shikarno-ai-root.is-assistant{overflow:visible}
  .shikarno-bubble,
  #shikarno-ai-root.is-assistant .shikarno-bubble{
    right:18px;
    width:min(178px,58vw);
    height:auto;
    min-height:78px;
    max-height:min(285px,48vh);
    padding:9px 11px 10px;
    border-radius:25px;
  }
  .shikarno-bubble span,
  #shikarno-ai-root.is-assistant .shikarno-bubble span{
    height:auto;
    max-height:calc(min(285px,48vh) - 39px);
  }
}

.shikarno-mini-controls{z-index:80!important}
.shikarno-mini-controls button{position:relative;z-index:81;pointer-events:auto}


#shikarno-ai-root{z-index:9001!important;width:180px!important;pointer-events:none}
#shikarno-ai-root.is-assistant{width:180px!important;overflow:visible}
#shikarno-ai-stage,#shikarno-ai-canvas{pointer-events:none!important}
.shikarno-panel-layer{z-index:9003!important;pointer-events:none}
.shikarno-panel-layer .shikarno-panel{z-index:10;pointer-events:none}
.shikarno-panel-layer .shikarno-panel.is-open{pointer-events:auto}
.shikarno-panel-layer .shikarno-bubble{z-index:30;pointer-events:none;right:80px;bottom:178px}
.shikarno-robot-hitarea{position:fixed;z-index:50;left:0;top:0;right:auto;bottom:auto;width:0;height:0;pointer-events:none;cursor:pointer;touch-action:manipulation;background:transparent;outline:none}
.shikarno-robot-hitarea:focus-visible{outline:1px solid rgba(255,255,255,.35);outline-offset:-3px}
.shikarno-mini-controls{z-index:80!important;pointer-events:auto}
.shikarno-mini-controls button{position:relative;z-index:81;pointer-events:auto}
@media(max-width:720px){
  #shikarno-ai-root,#shikarno-ai-root.is-assistant{width:165px!important}
  .shikarno-panel-layer .shikarno-bubble{right:20px;bottom:158px}
}


.shikarno-panel-layer .shikarno-panel{border-radius:0}
@media(max-width:720px){
  .shikarno-panel-layer .shikarno-panel{
    left:10px!important;
    right:auto!important;
    bottom:58px;
    width:min(270px,calc(100vw - 20px));
    max-width:270px;
    transform-origin:0 100%;
  }
}


#shikarno-ai-root:not(.is-interaction-active) .shikarno-mini-controls{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(6px)!important;
}
#shikarno-ai-root:not(.is-interaction-active) .shikarno-mini-controls button{
  pointer-events:none!important;
}
#shikarno-ai-root:not(.is-interaction-active) .shikarno-robot-hitarea{
  pointer-events:none!important;
}
#shikarno-ai-root:not(.is-interaction-active) + .shikarno-panel-layer,
body:not(.shikarno-unused-marker) .shikarno-panel-layer{
  /* panel layer itself never catches taps; its children open only after JS activation */
  pointer-events:none;
}

.shikarno-panel-layer .shikarno-panel{width:min(380px,calc(100vw - 24px));right:220px;bottom:28px}
.shikarno-message{margin-bottom:12px}
.shikarno-chat[hidden],.shikarno-chat-start[hidden],.shikarno-chat-live[hidden]{display:none!important}
.shikarno-chat{display:block}
.shikarno-chat-start{display:grid;gap:10px}
.shikarno-chat-start>label:not(.shikarno-consent){display:grid;gap:6px;color:#c8d3e1;font-size:11px;font-weight:800}
.shikarno-chat-start input,.shikarno-chat-start textarea,.shikarno-chat-compose textarea{width:100%;border:1px solid rgba(255,255,255,.14);outline:0;background:#090e16;color:#f7f9fc;border-radius:12px;padding:9px 10px;font:12px/1.4 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;resize:vertical}
.shikarno-chat-start input:focus,.shikarno-chat-start textarea:focus,.shikarno-chat-compose textarea:focus{border-color:rgba(115,160,255,.72);box-shadow:0 0 0 2px rgba(77,140,255,.12)}
.shikarno-consent-card{display:grid;gap:9px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#0c121b}
.shikarno-consent-title{color:#f2f5f9;font-size:11px;font-weight:900;letter-spacing:.02em}
.shikarno-consent-card>p{margin:0;color:#a8b4c4;font-size:10px;line-height:1.5}
.shikarno-consent-details{border:1px solid rgba(255,255,255,.10);border-radius:10px;background:#080d14;overflow:hidden}
.shikarno-consent-details summary{padding:9px 10px;color:#e4e8ee;font-size:10px;font-weight:800;cursor:pointer;list-style:none}
.shikarno-consent-details summary::-webkit-details-marker{display:none}
.shikarno-consent-details summary::after{content:'+';float:right;color:#9eabbc}
.shikarno-consent-details[open] summary::after{content:'−'}
.shikarno-consent-text{max-height:180px;overflow:auto;padding:0 10px 10px;white-space:pre-wrap;color:#aeb9c8;font-size:9px;line-height:1.55;scrollbar-width:thin;scrollbar-color:#334158 transparent}
.shikarno-consent-link{justify-self:start;color:#d9dee7!important;text-decoration-color:rgba(217,222,231,.5);text-underline-offset:2px;font-size:10px}
.shikarno-consent-link:visited{color:#d9dee7!important}
.shikarno-consent-link:hover{color:#fff!important;text-decoration-color:#fff}
.shikarno-consent{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;color:#c1cad6;font-size:10px;line-height:1.48;cursor:pointer}
.shikarno-consent input{width:16px;height:16px;margin:1px 0 0;accent-color:#4d8cff}
.shikarno-chat-primary{min-height:42px;border:0;border-radius:12px;background:#4d8cff;color:#fff;font-weight:900;cursor:pointer}
.shikarno-chat-primary:disabled,.shikarno-chat-compose button:disabled{opacity:.55;cursor:wait}
.shikarno-chat-person{margin-bottom:8px;color:#8799b1;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.shikarno-chat-history{display:flex;flex-direction:column;gap:7px;height:min(300px,38vh);min-height:150px;overflow:auto;padding:4px 2px 9px;scrollbar-width:thin;scrollbar-color:#334158 transparent}
.shikarno-chat-msg{display:flex;flex-direction:column;align-self:flex-start;max-width:86%;padding:8px 10px;border-radius:14px 14px 14px 4px;background:#182334;border:1px solid rgba(255,255,255,.07);overflow-wrap:anywhere}
.shikarno-chat-msg.is-visitor{align-self:flex-end;border-radius:14px 14px 4px 14px;background:#244f91;border-color:rgba(112,164,255,.22)}
.shikarno-chat-msg b{font-size:9px;letter-spacing:.04em;color:#a8bbd4;margin-bottom:3px}
.shikarno-chat-msg span{white-space:pre-wrap;color:#f3f7fd;font-size:11px;line-height:1.42}
.shikarno-chat-msg small{margin-top:4px;color:#8290a3;font-size:8px;align-self:flex-end}
.shikarno-chat-compose{display:grid;grid-template-columns:1fr 42px;gap:7px;align-items:stretch}
.shikarno-chat-compose textarea{min-height:46px;max-height:100px}
.shikarno-chat-compose button{border:0;border-radius:12px;background:#4d8cff;color:#fff;font-size:17px;cursor:pointer}
.shikarno-hint{margin-top:7px}
@media(max-width:720px){
 .shikarno-panel-layer .shikarno-panel{left:10px!important;right:10px!important;bottom:54px;width:calc(100vw - 20px);max-width:none}
 .shikarno-chat-history{height:min(280px,37vh)}
}

/* v171: on phones the chat panel must always cover the robot speech bubble. */
@media(max-width:720px){
  .shikarno-panel-layer .shikarno-bubble{z-index:5!important}
  .shikarno-panel-layer .shikarno-panel{z-index:10!important}
}

/* v190: persistent chat after the robot leaves the current tab. */
.shikarno-chat-dock{
  position:fixed;
  z-index:9006;
  right:0;
  top:58%;
  width:58px;
  height:66px;
  padding:0 7px 0 9px;
  border:1px solid rgba(74,181,255,.72);
  border-right:0;
  border-radius:18px 0 0 18px;
  background:linear-gradient(145deg,rgba(7,22,43,.96),rgba(11,45,78,.96));
  color:#9cddff;
  box-shadow:-7px 0 24px rgba(0,143,255,.25),inset 0 0 18px rgba(32,163,255,.12);
  cursor:pointer;
  transform:translateY(-50%);
  transition:width .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
  backdrop-filter:blur(10px);
}
.shikarno-chat-dock[hidden]{display:none!important}
.shikarno-chat-dock:hover,.shikarno-chat-dock:focus-visible{
  width:64px;
  background:linear-gradient(145deg,rgba(8,31,59,.98),rgba(8,67,112,.98));
  box-shadow:-9px 0 30px rgba(0,162,255,.38),inset 0 0 22px rgba(62,190,255,.18);
  outline:0;
}
.shikarno-chat-dock svg{display:block;width:35px;height:35px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(84,198,255,.78))}
.shikarno-chat-dock__badge{
  position:absolute;
  top:5px;
  left:4px;
  min-width:21px;
  height:21px;
  padding:0 5px;
  border:2px solid #071527;
  border-radius:999px;
  background:#22aaff;
  color:#fff;
  box-shadow:0 0 12px rgba(34,170,255,.92);
  font:800 10px/17px Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-align:center;
}
.shikarno-panel-layer.is-chat-only .shikarno-panel{right:22px!important;left:auto!important;bottom:28px}
.shikarno-panel-layer.is-chat-only .shikarno-bubble{display:none!important}
.shikarno-chat-msg small{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.shikarno-chat-msg-status{font-style:normal;color:#9fb0c7;font-weight:700}
.shikarno-chat-msg-status.is-read{color:#8ed6ff;text-shadow:0 0 8px rgba(71,180,255,.38)}
.shikarno-chat-important{margin:9px 1px 0;padding:9px 10px;border:1px solid rgba(80,156,231,.18);border-radius:10px;background:rgba(22,54,85,.28);color:#9fb1c7;font-size:9px;line-height:1.48}
.shikarno-chat-important strong{color:#dcefff}
@media(max-width:720px){
  .shikarno-chat-dock{top:auto;bottom:88px;transform:none;width:54px;height:62px;border-radius:17px 0 0 17px}
  .shikarno-chat-dock:hover,.shikarno-chat-dock:focus-visible{width:58px}
  .shikarno-chat-dock svg{width:32px;height:32px}
  .shikarno-panel-layer.is-chat-only .shikarno-panel{left:10px!important;right:10px!important;bottom:54px;width:calc(100vw - 20px);max-width:none}
}
