/* 하부 페이지 K웹툰 공용 셸 — index.html에는 연결하지 않는다. */
:root{
  --kw-ink:#17322f;--kw-green:#285d50;--kw-mint:#d9efe5;--kw-paper:#f7f3e9;
  --kw-gold:#f0c869;--kw-coral:#ec7c68;--kw-sky:#e8f7ff;
}

html.kw-page{background:var(--kw-paper)}
html.kw-page body{min-height:100svh}
.kw-page body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;
  background-image:radial-gradient(#285d501c 1px,transparent 1px);background-size:18px 18px;
}
.kw-guide{
  position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));
  z-index:9999;display:flex;align-items:flex-end;gap:7px;pointer-events:none;
}
.kw-guide__bubble{
  max-width:min(220px,calc(100vw - 124px));padding:10px 13px;border:2px solid #fff;border-radius:15px;
  background:#fffffff2;color:var(--kw-ink);box-shadow:0 7px 20px #17322f24;font:700 12px/1.45 "Pretendard","Noto Sans KR",sans-serif;
}
.kw-guide__actor{width:76px;height:76px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 7px 7px #17322f35);animation:kw-shell-bob 2.8s ease-in-out infinite}
@keyframes kw-shell-bob{50%{transform:translateY(-5px) rotate(-1deg)}}
html.motion-off .kw-guide__actor{animation:none}
@media (prefers-reduced-motion:reduce){.kw-guide__actor{animation:none}}
@media (max-width:520px){.kw-guide{right:10px;bottom:10px}.kw-guide__actor{width:62px;height:62px}.kw-guide__bubble{font-size:11px;padding:8px 10px}}