カニ神殿アイランドカニカニデリバリー

スマートフォンを横向きにしてください 🦀

<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>カニ神殿アイランド カニカニデリバリー</title>
<style>
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000}
body{font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif}
#game{
 position:fixed;
 left:50%;
 top:50%;
 width:min(100vw,177.7778dvh);
 height:min(100dvh,56.25vw);
 aspect-ratio:16 / 9;
 transform:translate(-50%,-50%);
 overflow:hidden;
 background:#000;
 container-type:size;
}
#scene{
 position:absolute;
 left:0;top:0;
 width:100%;height:74%;
 overflow:hidden;
 background:url("assets/63c6a00cf178920bb818.webp") center/100% 100% no-repeat;
}

/* Ver.8:
   - カニ神殿は中央
   - 両方とも地面に接地
   - 両方とも少し縮小
   - ホールは右端にぴったり寄せる
*/
#temple{
 position:absolute;
 left:46.5%;
 transform:translateX(-50%);
 bottom:2.2%;
 width:46%;
 height:auto;
 max-height:80%;
 object-fit:contain;
 object-position:center bottom;
 z-index:5;
 pointer-events:none;
 user-select:none;
 -webkit-user-drag:none;
}

#hall{
 position:absolute;
 right:-1.2%;
 bottom:2.2%;
 width:20%;
 height:auto;
 max-height:76%;
 object-fit:contain;
 object-position:right bottom;
 z-index:6;
 pointer-events:none;
 user-select:none;
 -webkit-user-drag:none;
}

#actor-layer,#food-layer,#effect-layer{
 position:absolute;inset:0;pointer-events:none
}
#actor-layer{z-index:20}
#food-layer{z-index:30}
#effect-layer{z-index:40}

#controls{
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:26%;
 display:grid;
 grid-template-columns:1fr 1fr 1fr 1fr;
 gap:1.8%;
 align-items:center;
 padding:1.5cqh 3cqw 1.9cqh;
 background:#eadfc8;
 border-top:3px solid #7d5734;
 overflow:hidden;
}
#controls .ctrl{
 width:100%;
 height:min(68%,72px);
 min-height:42px;
 border-radius:999px;
 border:3px solid #72502f;
 background:#f7efe0;
 box-shadow:inset 0 0 0 4px rgba(255,255,255,.55),0 3px 0 rgba(0,0,0,.16);
 display:flex;align-items:center;justify-content:center;
 font-weight:900;font-size:2.6cqw;
 color:#4f3927;user-select:none;
}
.ctrl.guts{border-radius:22px;font-size:2.0cqw}
#btn-guts{grid-column:2 / span 2}

/* 蟹丸 ①〜③ 共通 */
#kanimaru {
  position:absolute;
  z-index:25;
  width:10.5%;
  height:auto;
  bottom:3.1%;
  left:18%;
  transform:translateX(-50%);
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  transition:none;
}

/* 固定位置。ゲーム＆ウォッチ風に瞬時切替 */
#kanimaru.pos1 { left:14%; }
#kanimaru.pos2 { left:34%; }
#kanimaru.pos3 { left:60%; }
#kanimaru.pos4 { left:78.5%; }

/* ④専用蟹丸 */
#kanimaru4 {
  position:absolute;
  z-index:25;
  width:11.5%;
  height:auto;
  bottom:3.1%;
  left:78.5%;
  transform:translateX(-50%);
  display:none;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}

/* 料理は別レイヤー。①〜④で蟹丸と一緒に移動 */
#carried-food {
  position:absolute;
  z-index:31;
  width:5.6%;
  height:auto;
  bottom:20.8%;
  left:18%;
  transform:translateX(-50%);
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
#carried-food.pos1 { left:14%; }
#carried-food.pos2 { left:34%; }
#carried-food.pos3 { left:60%; }
#carried-food.pos4 {
  left: 84.0%;
  bottom:14.1%;
  width:5.2%;
}

/* ④到着時だけ窓から顔を出す電卓の精霊 */
#calculator-spirit {
  position:absolute;
  z-index:26;
  right:8.6%;
  bottom:16.5%;
  width:7.6%;
  height:auto;
  display:none;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}

#calculator-spirit.pop-in{
  display:block;
  animation: spirit-pop-in 220ms ease-out both;
}
@keyframes spirit-pop-in{
  0%   { transform:translateY(42%) scale(0.92); opacity:0; }
  65%  { transform:translateY(-4%) scale(1.03); opacity:1; }
  100% { transform:translateY(0) scale(1); opacity:1; }
}

@media (orientation:portrait){
 body::before{
  content:"横向きで遊んでください";
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:#000;color:#fff;font-size:6vw;font-weight:800;
 }
}

/* Ver.29: キュイをカニ神殿の上に固定 */
#kyui {
  position: absolute;
  z-index: 24;
  width: 10.0%;
  height: auto;
  left: 47.0%;
  top: 5.8%;
  transform: translateX(-50%);
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Ver.32
   PC・スマホ共通の固定16:9仮想座標。
   キャラクター・建物・料理はすべて同じ座標を使用し、
   端末ごとの差はゲーム画面全体の拡大縮小だけで吸収する。
   今後は原則PC版で位置確認すればOK。
*/

/* Ver.34: キュイ→① 投球軌道テスト */
#throw-food-test,
.flying-food-instance{
  position:absolute;
  z-index:30;
  width:5.2%;
  height:auto;
  left:47%;
  top:18%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}

/* Ver.36: キュイ投球ポーズ */
#kyui-throw{
  position:absolute;
  z-index:24;
  width:10.0%;
  height:auto;
  left:47.0%;
  top:5.8%;
  transform:translateX(-50%);
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  display:none;
}

/* Ver.38: ③へ投げるキュイ素材を追加 */
#kyui-throw3{
  position:absolute;
  z-index:24;
  width:10.0%;
  height:auto;
  left:47.0%;
  top:5.8%;
  transform:translateX(-50%);
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  display:none;
}

/* Ver.40: ①②③④の蟹丸が持っていた料理を削除 */
#carried-food {
  display: none !important;
}

/* Ver.60: 初期版の受け渡し方式を復元。
   ④では料理を投げない。受け取った瞬間に手渡し位置へ固定表示する。 */
#carried-food {
  display:none !important;
}
#carried-food.handoff4 {
  display:block !important;
  left:83.1% !important;
  bottom:16.0% !important;
  width:5.2% !important;
  z-index:31 !important;
}

/* Ver.65: 正式イラスト操作ボタン */
#controls .ctrl{
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
#controls .ctrl-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
#controls .ctrl:active .ctrl-img{
  transform:scale(0.96);
}

/* Ver.66: 操作パネル装飾 */
#controls{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:26%;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  gap:1.8%;
  align-items:center;
  padding:1.1cqh 3cqw 1.4cqh;

background:
    radial-gradient(circle at 50% 12%, rgba(56,115,190,.22), transparent 34%),
    linear-gradient(180deg, #13294f 0%, #0a1b36 46%, #07162d 100%);

border-top:0;
  overflow:hidden;
  box-shadow:
    inset 0 0 0 0.28cqh rgba(197,32,48,.92),
    inset 0 0 0 0.55cqh rgba(230,180,65,.78),
    inset 0 1.25cqh 2.2cqh rgba(255,255,255,.05);
}

/* 上部の赤＋金ライン */
#controls::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:1.25cqh;
  background:
    linear-gradient(180deg,
      #ff4a56 0%,
      #b5162a 28%,
      #7f0b1d 48%,
      #d8a63a 51%,
      #ffd878 68%,
      #8d6117 100%);
  box-shadow:
    0 0.35cqh 0.7cqh rgba(0,0,0,.34),
    0 0 1.4cqh rgba(236,183,72,.18);
  pointer-events:none;
  z-index:0;
}

/* 操作エリアの薄い中央パネル */
#controls::after{
  content:"";
  position:absolute;
  left:1.5%;
  right:1.5%;
  top:11%;
  bottom:10%;
  border-radius:2.2cqh;
  border:0.18cqh solid rgba(231,189,81,.33);
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.025),
      rgba(66,120,196,.07) 50%,
      rgba(255,255,255,.025));
  box-shadow:
    inset 0 0 1.5cqh rgba(71,130,205,.08),
    0 0 1.4cqh rgba(0,0,0,.2);
  pointer-events:none;
  z-index:0;
}

/* ボタンを装飾面より前に */
#controls .ctrl{
  position:relative;
  z-index:2;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* 各ボタンの後ろに控えめな青い光 */
#controls .ctrl::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:17%;
  bottom:17%;
  border-radius:999px;
  background:radial-gradient(ellipse at center,
    rgba(70,137,225,.22) 0%,
    rgba(42,91,166,.11) 42%,
    transparent 72%);
  filter:blur(0.25cqh);
  opacity:.9;
  pointer-events:none;
  z-index:-1;
}

/* 押した時の軽い沈み込み＋発光 */
#controls .ctrl:active .ctrl-img{
  transform:translateY(0.35cqh) scale(0.965);
  filter:brightness(1.08);
}

#controls .ctrl-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  transition:transform 80ms ease, filter 80ms ease;
}

/* 低い画面でも装飾が潰れにくいように */
@media (max-height: 520px){
  #controls{
    gap:1.4%;
    padding:0.8cqh 2.4cqw 1.0cqh;
  }
  #controls::after{
    top:9%;
    bottom:8%;
  }
}

/* Ver.70: ぐちゃ料理のMISS表示 */
#miss-food{
  position:absolute;
  z-index:29;
  width:9.0%;
  height:auto;
  bottom: 26.0%;
  left:14%;
  transform:translateX(-50%);
  display:none;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
#miss-food.miss1{ left:14%; }
#miss-food.miss2{ left:34%; }
#miss-food.miss3{ left:60%; }
#miss-food.miss4{ left:78.5%; }

/* Ver.72: 右上3カニマーク */
#miss-lives{
  position:absolute;
  z-index:40;
  top:2.2%;
  right:2.0%;
  display:flex;
  gap:0.45cqw;
  align-items:center;
  justify-content:center;
  padding:0.45cqh 0.75cqw;
  border-radius:1.2cqh;
  background:rgba(7,22,45,.78);
  border:0.16cqh solid rgba(238,190,78,.72);
  box-shadow:
    inset 0 0 0 0.12cqh rgba(154,22,39,.75),
    0 0.4cqh 1.1cqh rgba(0,0,0,.35);
  pointer-events:none;
}
#miss-lives .life-crab{
  display:block;
  font-size:clamp(18px,3.2cqh,42px);
  line-height:1;
  filter:drop-shadow(0 0.16cqh 0.16cqh rgba(0,0,0,.45));
  transition:opacity 140ms ease, transform 140ms ease, filter 140ms ease;
}
#miss-lives .life-crab.lost{
  opacity:0;
  transform:scale(.35);
  filter:blur(0.1cqh);
}

/* Ver.72: MISS時専用キュイ */
#kyui-miss{
  position:absolute;
  z-index:24;
  width:10.0%;
  height:auto;
  left:47.0%;
  top:5.8%;
  transform:translateX(-50%);
  display:none;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}

/* Ver.72: MISS時専用蟹丸
   ①〜④は既存の蟹丸位置をそのまま流用 */
#kanimaru-miss{
  position:absolute;
  z-index:30;
  width:10.5%;
  height:auto;
  bottom:3.1%;
  left:18%;
  transform:translateX(-50%);
  display:none;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
#kanimaru-miss.pos1{ left:14%; }
#kanimaru-miss.pos2{ left:34%; }
#kanimaru-miss.pos3{ left:60%; }
#kanimaru-miss.pos4{ left:78.5%; }

/* Ver.77: GAME OVER専用キュイ */
#kyui-gameover{
  position:absolute;
  z-index:41;
  width:10.0%;
  height:auto;
  left:47.0%;
  top:5.8%;
  transform:translateX(-50%);
  display:none;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}

/* Ver.77: GAME OVER専用蟹丸 */
#kanimaru-gameover{
  position:absolute;
  z-index:41;
  width:10.5%;
  height:auto;
  bottom:3.1%;
  left:14%;
  transform:translateX(-50%);
  display:none;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
#kanimaru-gameover.pos1{ left:14%; }
#kanimaru-gameover.pos2{ left:34%; }
#kanimaru-gameover.pos3{ left:60%; }
#kanimaru-gameover.pos4{ left:78.5%; }

/* GAME OVER後は操作ボタンを無効化 */
#game.game-over #controls .ctrl{
  pointer-events:none !important;
  filter:grayscale(.25) brightness(.78);
}

/* Ver.81: SCORE表示 */
#score-panel{
  position:absolute;
  z-index:40;
  top:2.2%;
  left:2.0%;
  display:flex;
  align-items:center;
  gap:0.7cqw;
  padding:0.55cqh 0.95cqw;
  border-radius:1.2cqh;
  background:rgba(7,22,45,.82);
  border:0.16cqh solid rgba(238,190,78,.72);
  box-shadow:
    inset 0 0 0 0.12cqh rgba(154,22,39,.75),
    0 0.4cqh 1.1cqh rgba(0,0,0,.35);
  pointer-events:none;
  font-family:Arial, "Noto Sans JP", sans-serif;
}
#score-panel .score-label{
  font-size:clamp(14px,2.3cqh,30px);
  font-weight:800;
  letter-spacing:0.08em;
  color:#ffd86b;
  text-shadow:0 0.18cqh 0.18cqh rgba(0,0,0,.45);
}
#score-value{
  min-width:5ch;
  text-align:right;
  font-size:clamp(18px,3.0cqh,40px);
  font-weight:900;
  color:#fff;
  text-shadow:0 0.18cqh 0.18cqh rgba(0,0,0,.45);
}

/* =========================================================
   Ver.124 配達ゲージ / 料理割合修正版
   ========================================================= */
#miss-lives{ display:none !important; }
#kyui-miss, #kyui-gameover, #kanimaru-gameover{ display:none !important; }

#delivery-panel{
  position:absolute; z-index:42; top:2.2%; right:2.0%;
  width:27%; min-width:240px; padding:.48cqh .8cqw .62cqh; border-radius:1.2cqh;
  background:rgba(7,22,45,.84);
  border:.16cqh solid rgba(238,190,78,.78);
  box-shadow:inset 0 0 0 .12cqh rgba(154,22,39,.75),0 .4cqh 1.1cqh rgba(0,0,0,.35);
  pointer-events:none; font-family:Arial,"Noto Sans JP",sans-serif;
}
#delivery-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.34cqh}
#delivery-label{font-size:clamp(12px,2.0cqh,26px);font-weight:900;letter-spacing:.06em;color:#ffd86b;text-shadow:0 .18cqh .18cqh rgba(0,0,0,.45)}
#delivery-value{font-size:clamp(14px,2.25cqh,30px);font-weight:1000;color:#fff;text-shadow:0 .18cqh .18cqh rgba(0,0,0,.45)}
#delivery-track{height:1.45cqh;min-height:10px;border-radius:999px;overflow:hidden;background:rgba(0,0,0,.48);border:.12cqh solid rgba(255,255,255,.32);box-shadow:inset 0 .18cqh .35cqh rgba(0,0,0,.5)}
#delivery-fill{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff6961 0%,#ffd85a 42%,#5ce18a 76%,#66d7ff 100%);transform-origin:left center;transition:width 120ms linear,filter 150ms ease}
#delivery-panel.danger #delivery-value{color:#ffda5c;animation:kani123Pulse .5s steps(2,end) infinite}
#delivery-panel.danger #delivery-fill{filter:saturate(1.2) brightness(1.08)}
@keyframes kani123Pulse{50%{transform:scale(1.08)}}

/* 通常MISSはキャラを止めず、ぐちゃ料理だけ短く表示 */
.miss-food-instance{
  position:absolute;z-index:34;width:9%;height:auto;bottom:26%;transform:translateX(-50%);
  pointer-events:none;user-select:none;-webkit-user-drag:none;
  animation:kani121Mush .42s ease-out forwards;
}
@keyframes kani121Mush{0%{opacity:1;transform:translateX(-50%) scale(.88)}65%{opacity:1;transform:translateX(-50%) scale(1)}100%{opacity:0;transform:translateX(-50%) scale(.92)}}

/* ミミック爆弾専用 */
.flying-food-instance.is-bomb{width:5.5%;filter:drop-shadow(0 .25cqh .25cqh rgba(0,0,0,.45))}
#bomb-explosion{
  position:absolute;z-index:58;width:15%;height:auto;bottom:26.0%;left:14%;
  transform:translateX(-50%) scale(.7);opacity:0;display:none;pointer-events:none;
}
#bomb-explosion.show{display:block;animation:kani126Boom .90s ease-out forwards}
#bomb-explosion.pos1{left:14%} #bomb-explosion.pos2{left:34%} #bomb-explosion.pos3{left:60%} #bomb-explosion.pos4{left:78.5%}
@keyframes kani126Boom{0%{opacity:0;transform:translateX(-50%) scale(.45) rotate(-8deg)}14%{opacity:1;transform:translateX(-50%) scale(1.18) rotate(4deg)}62%{opacity:1;transform:translateX(-50%) scale(1.24) rotate(0deg)}100%{opacity:0;transform:translateX(-50%) scale(1.35) rotate(0deg)}}

/* Ver.126: ミミック爆弾を落とした時は地面で爆発。減点・ゲージ減少はなし */
.bomb-ground-explosion{
  position:absolute;z-index:57;width:13.5%;height:auto;bottom:26.0%;
  transform:translateX(-50%) scale(.55);opacity:0;pointer-events:none;user-select:none;-webkit-user-drag:none;
  animation:kani126GroundBoom .58s ease-out forwards;
}
@keyframes kani126GroundBoom{0%{opacity:0;transform:translateX(-50%) scale(.42)}16%{opacity:1;transform:translateX(-50%) scale(1.12)}65%{opacity:1;transform:translateX(-50%) scale(1.18)}100%{opacity:0;transform:translateX(-50%) scale(1.30)}}

#bomb-penalty{
  position:absolute;z-index:60;bottom:30%;left:14%;transform:translateX(-50%);
  display:none;color:#ff3b30;font-family:Arial,"Noto Sans JP",sans-serif;font-weight:1000;
  font-size:clamp(22px,4.4cqh,58px);text-shadow:0 .22cqh .12cqh #fff,0 .38cqh .28cqh rgba(0,0,0,.65);
  pointer-events:none;
}
#bomb-penalty.show{display:block;animation:kani121Penalty .45s ease-out forwards}
#bomb-penalty.pos1{left:14%} #bomb-penalty.pos2{left:34%} #bomb-penalty.pos3{left:60%} #bomb-penalty.pos4{left:78.5%}
@keyframes kani121Penalty{0%{opacity:0;transform:translate(-50%,10%) scale(.7)}20%{opacity:1;transform:translate(-50%,0) scale(1.15)}100%{opacity:0;transform:translate(-50%,-55%) scale(1)}}

/* 配達ゲージ0で表示するリザルト */
#result-overlay{
  position:absolute;inset:0;z-index:100;display:none;align-items:center;justify-content:center;
  background:rgba(3,11,24,.72);backdrop-filter:blur(2px);font-family:Arial,"Noto Sans JP",sans-serif;
}
#result-overlay.show{display:flex}
#result-card{
  width:min(58%,760px);padding:2.6cqh 3.2cqw 2.8cqh;border-radius:3cqh;
  background:linear-gradient(180deg,rgba(18,49,87,.97),rgba(7,22,45,.98));
  border:.35cqh solid #eec45a;box-shadow:inset 0 0 0 .18cqh #7d1730,0 1.2cqh 3cqh rgba(0,0,0,.55);
  color:#fff;text-align:center;
}
#result-timeup{font-size:clamp(22px,4cqh,54px);font-weight:1000;color:#ffd75d;letter-spacing:.08em;text-shadow:0 .28cqh .2cqh rgba(0,0,0,.55)}
#result-title{margin:.2cqh 0 1.5cqh;font-size:clamp(18px,3cqh,40px);font-weight:900;color:#fff}
#result-score{font-size:clamp(34px,6cqh,76px);font-weight:1000;color:#fff6b0;line-height:1.05;margin-bottom:1.6cqh}
#result-stats{display:grid;grid-template-columns:1fr 1fr;gap:.8cqh 1.2cqw;text-align:left;margin:0 auto 1.8cqh;max-width:82%;font-size:clamp(14px,2.15cqh,28px);font-weight:800}
#result-stats span:nth-child(even){text-align:right;color:#ffe27b}
#result-actions{display:flex;justify-content:center;align-items:center;gap:1.2cqw;flex-wrap:wrap}
#result-retry,#result-titleback{border:0;border-radius:999px;padding:1.05cqh 2.8cqw;min-width:11cqw;font-size:clamp(15px,2.3cqh,30px);font-weight:1000;cursor:pointer;touch-action:manipulation}
#result-retry{color:#3c2a18;background:#ffe9a5;box-shadow:inset 0 0 0 .18cqh #b77b28,0 .45cqh 0 #8a571f}
#result-titleback{color:#fff;background:#416f9f;box-shadow:inset 0 0 0 .18cqh #a9d1f4,0 .45cqh 0 #27425e}
#result-retry:active{transform:translateY(.25cqh);box-shadow:inset 0 0 0 .18cqh #b77b28,0 .2cqh 0 #8a571f}
#result-titleback:active{transform:translateY(.25cqh);box-shadow:inset 0 0 0 .18cqh #a9d1f4,0 .2cqh 0 #27425e}

#start-countdown{
  position:absolute;inset:0;z-index:120;display:none;align-items:center;justify-content:center;
  pointer-events:none;background:rgba(0,0,0,.10);
}
#start-countdown.show{display:flex}
#start-countdown-text{
  font-size:clamp(70px,18cqh,220px);font-weight:1000;line-height:1;color:#fff7b0;
  -webkit-text-stroke:.35cqh #7d1730;
  text-shadow:0 .7cqh 0 #3b1a22,0 1.2cqh 2.4cqh rgba(0,0,0,.6);
  transform:scale(.65);opacity:0;
}
#start-countdown-text.pop{animation:kani137Count .72s cubic-bezier(.2,.9,.25,1) forwards}
#start-countdown-text.start{font-size:clamp(44px,11cqh,140px);color:#fff3a0}
@keyframes kani137Count{
  0%{transform:scale(.45);opacity:0}
  22%{transform:scale(1.18);opacity:1}
  72%{transform:scale(1);opacity:1}
  100%{transform:scale(.92);opacity:0}
}
#game.kani-countdown #controls .ctrl{pointer-events:none!important;filter:brightness(.8)}
#game.kani123-ended #controls .ctrl{pointer-events:none!important;filter:grayscale(.18) brightness(.82)}

</style>
</head>
<body>
<div id="game">

<div id="delivery-panel" aria-label="配達ゲージ100パーセント">
  <div id="delivery-head"><span id="delivery-label">DELIVERY</span><span id="delivery-value">100%</span></div>
  <div id="delivery-track"><div id="delivery-fill"></div></div>
</div>
<img id="bomb-explosion" alt="" aria-hidden="true" src="assets/12b911e0a21a3184194f.webp">
<div id="bomb-penalty" aria-hidden="true">−300</div>
<div id="result-overlay" aria-hidden="true">
  <div id="result-card">
    <div id="result-timeup">DELIVERY END!</div>
    <div id="result-title">RESULT</div>
    <div id="result-score">0</div>
    <div id="result-stats">
      <span>配達成功</span><span id="result-delivered">0</span>
      <span>取り逃し</span><span id="result-dropped">0</span>
      <span>ミミック爆弾</span><span id="result-bombs">0</span>
    </div>
    <div id="result-actions">
      <button id="result-retry" type="button">もう一度</button>
      <button id="result-titleback" type="button">タイトルに戻る</button>
    </div>
  </div>
</div>

<div id="score-panel" aria-label="スコア 0">
  <span class="score-label">SCORE</span>
  <span id="score-value">0</span>
</div>
<section id="controls">
    <button class="ctrl" id="btn-left" type="button"><img class="ctrl-img" src="assets/61f545c5b9856be8f815.webp" alt="左"></button>
    <button class="ctrl guts" id="btn-guts" type="button" aria-label="ガッツ"><img class="ctrl-img" src="assets/d1f159fe0a9793cc1c07.webp" alt="ガッツ"></button>
    <button class="ctrl" id="btn-right" type="button"><img class="ctrl-img" src="assets/5f942dafea6a87029be9.webp" alt="右"></button>
  </section>
</div>

const normalKaniSrc = kani.src;
  const gutsKaniSrc = 'assets/e6fb3a58327ad778e7a2.webp';
  let gutsTimer = null;
  let position = 1; // 1, 2, 3, 4

function endGuts() {
    if (gutsTimer) {
      clearTimeout(gutsTimer);
      gutsTimer = null;
    }
    kani.src = normalKaniSrc;
  }

function doGuts() {
    if (window.kaniGameOver || window.kaniCountdownActive) return;
    kani.src = gutsKaniSrc;
    if (gutsTimer) clearTimeout(gutsTimer);
    gutsTimer = setTimeout(() => {
      kani.src = normalKaniSrc;
      gutsTimer = null;
    }, 550);
  }

function renderPosition() {
    kani.classList.remove('pos1', 'pos2', 'pos3', 'pos4');
    food.classList.remove('pos1', 'pos2', 'pos3', 'pos4');
    spirit.classList.remove('pop-in');

window.currentKaniPosition = position;

if (position <= 3) {
      kani.style.display = 'block';
      kani4.style.display = 'none';
      spirit.style.display = 'none';

kani.classList.add('pos' + position);
      food.classList.add('pos' + position);
    } else {
      /* ④到着時は、まず通常蟹丸で待機。
         料理を受け取った瞬間だけ受け取りポーズへ切り替える。 */
      kani.style.display = 'block';
      kani.classList.add('pos4');
      kani4.style.display = 'none';
      spirit.style.display = 'none';
      food.classList.add('pos4');
    }
  }

function moveLeft() {
    if (window.kaniGameOver || window.kaniCountdownActive || isMissLocked) return;
    if (position > 1) {
      position--;
      renderPosition();
    }
  }

function moveRight() {
    if (window.kaniGameOver || window.kaniCountdownActive || isMissLocked) return;
    if (position < 4) {
      position++;
      renderPosition();
    }
  }

leftBtn.addEventListener('pointerdown', (e) => {
    e.preventDefault();
    moveLeft();
  });

rightBtn.addEventListener('pointerdown', (e) => {
    e.preventDefault();
    moveRight();
  });

gutsBtn.addEventListener('pointerdown', (e) => {
    e.preventDefault();
    doGuts();
  });

window.addEventListener('keydown', (e) => {
    if (e.key === 'ArrowLeft') moveLeft();
    if (e.key === 'ArrowRight') moveRight();
  });

// Ver.139: リトライ時に蟹丸を確実に①へ戻すため、新ゲーム側から呼べるリセット口を用意。
  window.kaniResetPosition = () => {
    endGuts();
    position = 1;
    renderPosition();
  };

renderPosition();
})();
</script>

const throwFoodTest = document.getElementById('throw-food-test');
const carriedFood = document.getElementById('carried-food');
const kyuiNormal = document.getElementById('kyui');
const kyuiThrow = document.getElementById('kyui-throw');
const kyuiThrow3 = document.getElementById('kyui-throw3');

function showKyuiNormal(){
  const normal = document.getElementById('kyui');
  const throw1 = document.getElementById('kyui-throw');
  const throw3 = document.getElementById('kyui-throw3');
  if (normal) normal.style.display = 'block';
  if (throw1) throw1.style.display = 'none';
  if (throw3) throw3.style.display = 'none';
}

function showKyuiThrowTo1(){
  const normal = document.getElementById('kyui');
  const throw1 = document.getElementById('kyui-throw');
  const throw3 = document.getElementById('kyui-throw3');
  if (normal) normal.style.display = 'none';
  if (throw1) throw1.style.display = 'block';
  if (throw3) throw3.style.display = 'none';
}

/* Ver.87由来。素材は残すがVer.96ではショートカット投球に使用しない。 */
function showKyuiThrowTo3(){
  const normal = document.getElementById('kyui');
  const throw1 = document.getElementById('kyui-throw');
  const throw3 = document.getElementById('kyui-throw3');
  if (normal) normal.style.display = 'none';
  if (throw1) throw1.style.display = 'none';
  if (throw3) throw3.style.display = 'block';
}

let score = 0;
let missLives = 3;
let isGameOver = false;
let pendingGameOver = false;
let isMissLocked = false;
window.kaniGameOver = false;

function updateScoreDisplay(){
  const value = document.getElementById('score-value');
  const panel = document.getElementById('score-panel');
  if (value) value.textContent = String(score);
  if (panel) panel.setAttribute('aria-label', 'スコア ' + score);
}

function addDeliveryScore(){
  score += 100;
  updateScoreDisplay();
}

function updateMissLives(){
  const marks = document.querySelectorAll('#miss-lives .life-crab');
  marks.forEach((mark, index) => {
    mark.classList.toggle('lost', index >= missLives);
  });

const wrap = document.getElementById('miss-lives');
  if (wrap) wrap.setAttribute('aria-label', '残りミス許容回数 ' + missLives);
}

function loseOneCrabMark(){
  if (missLives > 0) missLives--;
  updateMissLives();
  return missLives <= 0;
}

function showMissPoses(position){
  const normalKani = document.getElementById('kanimaru');
  const kani4 = document.getElementById('kanimaru4');
  const missKani = document.getElementById('kanimaru-miss');

/* Ver.73/87維持：MISS地点ではなくMISS瞬間の蟹丸位置へ表示 */
  const kaniPosition = window.currentKaniPosition || 1;

if (normalKani) normalKani.style.display = 'none';
  if (kani4) kani4.style.display = 'none';

if (missKani){
    missKani.classList.remove('pos1','pos2','pos3','pos4');
    missKani.classList.add('pos' + kaniPosition);
    missKani.style.display = 'block';
  }

const normalKyui = document.getElementById('kyui');
  const throw1 = document.getElementById('kyui-throw');
  const throw3 = document.getElementById('kyui-throw3');
  const missKyui = document.getElementById('kyui-miss');

if (normalKyui) normalKyui.style.display = 'none';
  if (throw1) throw1.style.display = 'none';
  if (throw3) throw3.style.display = 'none';
  if (missKyui) missKyui.style.display = 'block';
}

function resetMissPoses(){
  const missKani = document.getElementById('kanimaru-miss');
  if (missKani){
    missKani.style.display = 'none';
    missKani.classList.remove('pos1','pos2','pos3','pos4');
  }

const missKyui = document.getElementById('kyui-miss');
  if (missKyui) missKyui.style.display = 'none';

const normalKani = document.getElementById('kanimaru');
  if (normalKani) normalKani.style.display = 'block';

showKyuiNormal();
}

function hideMissFood(){
  const missFood = document.getElementById('miss-food');
  if (missFood){
    missFood.style.display = 'none';
    missFood.classList.remove('miss1','miss2','miss3','miss4');
  }
  resetMissPoses();
}

const deliveryFoodPool = [
  {name:'既存料理', src:'assets/4b36cc319184582d5163.png'},
  {name:'カニグラタン', src:'assets/b6373caf0d663c8f5cb7.png'},
  {name:'カニ鍋', src:'assets/1de9fdf9f24aab5ee756.png'},
  {name:'カニ飯', src:'assets/ca3275e6d942e70dc5cf.png'},
];

let currentDeliveryFoodIndex = -1;

function pickNextDeliveryFood(){
  /* Ver.86維持：直前と同じ料理を連続抽選しない */
  let nextIndex;

if (deliveryFoodPool.length <= 1) {
    nextIndex = 0;
  } else {
    do {
      nextIndex = Math.floor(Math.random() * deliveryFoodPool.length);
    } while (nextIndex === currentDeliveryFoodIndex);
  }

currentDeliveryFoodIndex = nextIndex;
  return deliveryFoodPool[currentDeliveryFoodIndex];
}

/* Ver.87の正式軌道をそのまま使用 */
const routeToPos1 = [
  { x: 46.0, y: 18.0 },
  { x: 42.5, y: 13.5 },
  { x: 39.0, y: 10.0 },
  { x: 35.0, y: 7.5 },
  { x: 31.0, y: 6.0 },
  { x: 27.0, y: 6.8 },
  { x: 23.5, y: 9.0 },
  { x: 20.5, y: 13.0 },
  { x: 18.2, y: 19.0 },
  { x: 16.5, y: 27.0 },
  { x: 15.4, y: 36.5 },
  { x: 14.7, y: 46.0 },
  { x: 14.2, y: 55.0 }
];

/* Ver.67由来の③直投げ軌道。Ver.96では未使用。 */
const routeToPos3 = [
  { x: 48.0, y: 18.0 },
  { x: 49.8, y: 14.0 },
  { x: 51.8, y: 11.0 },
  { x: 53.8, y: 9.2 },
  { x: 55.8, y: 8.5 },
  { x: 57.4, y: 9.5 },
  { x: 58.5, y: 12.5 },
  { x: 59.2, y: 17.0 },
  { x: 59.6, y: 23.0 },
  { x: 59.8, y: 31.0 },
  { x: 59.9, y: 40.0 },
  { x: 60.0, y: 48.0 },
  { x: 60.0, y: 55.0 }
];

const routePos1ToPos2 = [
  { x: 14.2, y: 55.0 },
  { x: 17.0, y: 49.0 },
  { x: 20.5, y: 44.0 },
  { x: 24.0, y: 40.5 },
  { x: 27.5, y: 39.0 },
  { x: 30.5, y: 40.0 },
  { x: 32.5, y: 43.0 },
  { x: 33.5, y: 47.0 },
  { x: 34.0, y: 51.5 },
  { x: 34.0, y: 55.0 }
];

const routePos2ToPos3 = [
  { x: 34.0, y: 55.0 },
  { x: 37.5, y: 49.0 },
  { x: 41.5, y: 44.0 },
  { x: 46.0, y: 40.5 },
  { x: 50.0, y: 39.0 },
  { x: 53.5, y: 40.0 },
  { x: 56.0, y: 43.0 },
  { x: 58.0, y: 47.0 },
  { x: 59.3, y: 51.5 },
  { x: 60.0, y: 55.0 }
];

const routePos3ToPos4 = [
  { x: 60.0, y: 55.0 }, // ③の蟹丸頭上
  { x: 62.8, y: 49.5 },
  { x: 65.8, y: 45.0 },
  { x: 68.8, y: 42.0 },
  { x: 71.8, y: 40.5 },
  { x: 74.2, y: 41.0 },
  { x: 76.0, y: 43.5 },
  { x: 77.2, y: 47.0 },
  { x: 78.0, y: 51.0 },
  { x: 78.5, y: 55.0 }  // ④の蟹丸頭上
];

/* ---------------------------------------------------------
   Ver.108: Ver.105安定版を維持 + 投球開始のみ1/4tick位相化
   --------------------------------------------------------- */
const FOOD_MOVE_INTERVAL = 420;
const THROW_PHASE_COUNT = 4;
const THROW_PHASE_INTERVAL_MS = FOOD_MOVE_INTERVAL / THROW_PHASE_COUNT; // 105ms
const THROW_PHASE_OFFSETS_MS = [0, 105, 210, 315];
const HOLD_INTERVAL = 280;
/* Ver.105維持:
   キャッチ地点へ到達した瞬間にMISS確定しない。
   420msの1ステップを
     210ms = 最後のキャッチ猶予
     210ms = MISS確定後の地面への落下
   に分ける。
   Ver.108でも料理1個ごとの移動間隔は420ms固定。
   変えるのは投球開始位相だけで、0/105/210/315msの4位相に分散する。 */
const CATCH_GRACE_MS = FOOD_MOVE_INTERVAL / 2;
const MISS_FINAL_DROP_MS = FOOD_MOVE_INTERVAL / 2;
/* #miss-food（bottom:26%, 1536x1024）の表示中心に合わせた最終落下位置。 */
const MISS_FINAL_DROP_Y = 68.7;
const DOUBLE_FOOD_SCORE = 300;
const TRIPLE_FOOD_SCORE = 1800;
const QUADRUPLE_FOOD_SCORE = 2500;
const MAX_DOUBLE_FOODS = 2;
const MAX_TRIPLE_FOODS = 3;
const MAX_QUADRUPLE_FOODS = 4;

/* 固定追従間隔を廃止。投球間隔候補を毎回ランダムに変える。
   Ver.101では同時存在数が増える節目ごとに、候補を1tickずつ短縮する。
   0～299点   : Ver.100までの基準間隔
   300～1799点: 1tick短縮
   1800～2499点: 2tick短縮
   2500点～   : 3tick短縮
   ただしcatch-slot安全判定が危険と判断した場合は投球だけ延期する。 */
const THROW_GAP_CHOICES = [5, 7, 8, 9, 11, 12, 13, 14, 16, 17, 18];
/* 2500点以降は4個を実際に画面内へ成立させるため、
   次の安全な位相をこの範囲から選ぶ。一定間隔追従にはしない。 */
const QUADRUPLE_PHASE_GAP_CHOICES = [3, 4, 5, 6, 7, 8, 9];

function getThrowGapReductionTicks(){
  if (score >= QUADRUPLE_FOOD_SCORE) return 3;
  if (score >= TRIPLE_FOOD_SCORE) return 2;
  if (score >= DOUBLE_FOOD_SCORE) return 1;
  return 0;
}

/* ④成功後の手渡し演出を壊さないため、④の後は最低3 tick空ける。
   3 * 420ms = 1260ms で、Ver.87の280ms + 840msの手渡し表示を収める。 */
const POS4_RECOVERY_TICKS = 3;

/* Ver.96 catch-slot safety buffer:
   420msぴったり1tick差は実操作ではほぼ同時に見えるため、
   各キャッチ間に2tickの入力余裕を追加する。 */
const CATCH_SAFETY_BUFFER_TICKS = 2;

const foodStages = [
  { name:'kyuiTo1', route:routeToPos1, catchPosition:1 },
  { name:'pos1To2', route:routePos1ToPos2, catchPosition:2 },
  { name:'pos2To3', route:routePos2ToPos3, catchPosition:3 },
  { name:'pos3To4', route:routePos3ToPos4, catchPosition:4 }
];

/* spawn tickを0とした時の①②③④キャッチtick。
   最初の軌道だけはspawn tickにroute[0]を表示するため length-1。
   以後は各区間length分を加算する。 */
const CATCH_OFFSETS = (() => {
  const result = [];
  let total = routeToPos1.length - 1;
  result.push(total);
  total += routePos1ToPos2.length;
  result.push(total);
  total += routePos2ToPos3.length;
  result.push(total);
  total += routePos3ToPos4.length;
  result.push(total);
  return result;
})();

let gameState = 'playing';
let phaseTick = 0;
let nextThrowPhaseTick = THROW_PHASE_COUNT * 2; // Ver.105同様、開始約840msで初投球
let foodSerial = 0;
let activeFoods = [];
let kyuiThrowToken = 0;
let handoffBusy = false;
let handoffTimers = [];
let missLandingTimer = null;
let missGraceTimer = null;
let missGraceRaf = null;

throwFoodTest.style.display = 'none';
throwFoodTest.style.visibility = 'hidden';
throwFoodTest.style.opacity = '0';

function getMaxConcurrentFoods(){
  if (score >= QUADRUPLE_FOOD_SCORE) return MAX_QUADRUPLE_FOODS;
  if (score >= TRIPLE_FOOD_SCORE) return MAX_TRIPLE_FOODS;
  if (score >= DOUBLE_FOOD_SCORE) return MAX_DOUBLE_FOODS;
  return 1;
}

function randomThrowGapTicks(){
  const baseGap = THROW_GAP_CHOICES[Math.floor(Math.random() * THROW_GAP_CHOICES.length)];
  const reduction = getThrowGapReductionTicks();
  /* 最低2tickは残し、投球要求そのものが同一tickに重ならないようにする。 */
  return Math.max(2, baseGap - reduction);
}

function setFoodElementPosition(element, point){
  element.style.left = point.x + '%';
  element.style.top = point.y + '%';
}

function createFlyingFoodElement(src){
  const element = throwFoodTest.cloneNode(false);
  element.removeAttribute('id');
  element.classList.add('flying-food-instance');
  element.src = src;
  element.style.display = 'block';
  element.style.visibility = 'visible';
  element.style.opacity = '1';
  throwFoodTest.parentNode.insertBefore(element, throwFoodTest.nextSibling);
  return element;
}

function removeFlyingFoodElement(food){
  if (food && food.element && food.element.parentNode) {
    food.element.parentNode.removeChild(food.element);
  }
}

function clearAllActiveFoods(){
  activeFoods.forEach(removeFlyingFoodElement);
  activeFoods = [];
  document.querySelectorAll('.flying-food-instance').forEach(el => el.remove());
}

function getCatchSchedule(spawnPhaseTick, foodId){
  /* 安全判定は105ms単位で扱うが、各料理の移動そのものは4 phase tick = 420ms固定。 */
  return CATCH_OFFSETS.map((offset, index) => ({
    tick: spawnPhaseTick + (offset * THROW_PHASE_COUNT),
    position: index + 1,
    foodId
  }));
}

/* 2つの連続キャッチ間に必要な最低tick数。
   Ver.96追加調整：単純な位置差だけでは420ms差を合法扱いしてしまい、
   実操作ではほぼ同時キャッチになるため2tickの安全余裕を加える。
   例：同じ位置=2tick、①↔②=3tick、①↔③=4tick、①↔④=5tick。
   ④直後はVer.87手渡し演出の最低3tickも必ず守る。 */
/* Ver.102:
   0～1799点は従来の2tick安全余裕。
   1800～2499点は1tick安全余裕。
   2500点以降は4個を成立させるため追加余裕を0tickにする。
   ただし「必要な移動tickそのもの」は必ず確保し、
   同時刻キャッチ禁止・同一位置最低2tick・④直後最低3tickは維持する。 */
function getCatchSafetyBufferTicks(){
  if (score >= QUADRUPLE_FOOD_SCORE) return 0;
  if (score >= TRIPLE_FOOD_SCORE) return 1;
  return CATCH_SAFETY_BUFFER_TICKS;
}

function requiredCatchGapPhaseTicks(previousEvent, nextEvent, safetyBuffer){
  const moveTicks = Math.abs(nextEvent.position - previousEvent.position);
  let requiredTicks = moveTicks + safetyBuffer;

/* 同じ位置への連続キャッチは420ms差を許可せず、最低840ms。 */
  if (moveTicks === 0) {
    requiredTicks = Math.max(requiredTicks, 2);
  }

if (previousEvent.position === 4) {
    requiredTicks = Math.max(requiredTicks, POS4_RECOVERY_TICKS);
  }

/* Ver.105の安全余裕を時間量として完全維持し、105ms単位へ換算する。 */
  return requiredTicks * THROW_PHASE_COUNT;
}

function isCatchScheduleSafe(candidateSchedule, spawnPhaseTick){
  const safetyBuffer = getCatchSafetyBufferTicks();

const events = futureCatchEvents(spawnPhaseTick)
    .concat(candidateSchedule)
    .sort((a, b) => a.tick - b.tick || a.position - b.position || a.foodId - b.foodId);

for (let i = 1; i < events.length; i++) {
    const previous = events[i - 1];
    const next = events[i];

/* 同じ瞬間に2個取る必要がある配置は全面禁止 */
    if (next.tick === previous.tick) return false;

const availablePhaseTicks = next.tick - previous.tick;
    const requiredPhaseTicks = requiredCatchGapPhaseTicks(previous, next, safetyBuffer);

/* 蟹丸が必要位置へ移動する時間が足りない配置を禁止 */
    if (availablePhaseTicks < requiredPhaseTicks) return false;
  }

return true;
}

function animateKyuiThrow(){
  kyuiThrowToken++;
  const token = kyuiThrowToken;
  showKyuiThrowTo1();

setTimeout(() => {
    if (token !== kyuiThrowToken) return;
    if (gameState !== 'playing' || isGameOver) return;
    showKyuiNormal();
  }, FOOD_MOVE_INTERVAL * 2);
}

function shuffleCopy(values){
  const copy = values.slice();
  for (let i = copy.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [copy[i], copy[j]] = [copy[j], copy[i]];
  }
  return copy;
}

/* Ver.108: 投球開始だけを0/105/210/315msの4位相に分散する。
   料理の軌道更新は各料理ごとに4 phase tick = 420ms固定。
   2500点以降は従来どおり「次の安全な位相」を先に探して予約する。 */
function getPreferredPhaseForFood(foodId){
  /* 1個目=0ms、2個目=105ms、3個目=210ms、4個目=315ms、以後繰り返し。 */
  return (foodId - 1) % THROW_PHASE_COUNT;
}

function makePhaseCandidate(gapTicks, foodId){
  const preferredPhase = getPreferredPhaseForFood(foodId);
  const currentFullTick = Math.floor(phaseTick / THROW_PHASE_COUNT);
  let candidate = ((currentFullTick + gapTicks) * THROW_PHASE_COUNT) + preferredPhase;

/* 念のため過去時刻にならないよう、同じ位相の次周期へ送る。 */
  while (candidate <= phaseTick) candidate += THROW_PHASE_COUNT;
  return candidate;
}

function scheduleNextThrowPhaseTick(){
  const candidateId = foodSerial + 1;

if (score >= QUADRUPLE_FOOD_SCORE) {
    /* すでに4個なら、空きが出た後に105ms刻みで再判定。 */
    if (activeFoods.length >= MAX_QUADRUPLE_FOODS) {
      nextThrowPhaseTick = phaseTick + 1;
      return;
    }

const gaps = shuffleCopy(QUADRUPLE_PHASE_GAP_CHOICES);

for (const gap of gaps) {
      const candidatePhaseTick = makePhaseCandidate(gap, candidateId);
      const candidateSchedule = getCatchSchedule(candidatePhaseTick, candidateId);
      if (isCatchScheduleSafe(candidateSchedule, candidatePhaseTick)) {
        nextThrowPhaseTick = candidatePhaseTick;
        return;
      }
    }

/* 近い候補が全部塞がっている場合だけ、105msずつ再判定する。 */
    nextThrowPhaseTick = phaseTick + 1;
    return;
  }

nextThrowPhaseTick = makePhaseCandidate(randomThrowGapTicks(), candidateId);
}

function spawnFoodNow(){
  const selected = pickNextDeliveryFood();
  const id = ++foodSerial;
  const element = createFlyingFoodElement(selected.src);

const food = {
    id,
    src: selected.src,
    name: selected.name,
    element,
    stageIndex: 0,
    step: 0,
    spawnPhaseTick: phaseTick,
    nextMovePhaseTick: phaseTick,
    catchSchedule: getCatchSchedule(phaseTick, id)
  };

activeFoods.push(food);
  animateKyuiThrow();

/* 次回投球を予約。2500点以降は4個が実際に成立する安全な位相を優先する。 */
  scheduleNextThrowPhaseTick();
}

function trySpawnFood(){
  if (gameState !== 'playing' || isGameOver || isMissLocked) return;
  /* 210msの最終キャッチ猶予中は新規投球だけ止める。既存料理の420ms進行は維持。 */
  if (missGraceTimer || missGraceRaf) return;
  if (handoffBusy) return;
  if (phaseTick < nextThrowPhaseTick) return;
  if (activeFoods.length >= getMaxConcurrentFoods()) return;

const candidateId = foodSerial + 1;
  const candidateSchedule = getCatchSchedule(phaseTick, candidateId);

if (!isCatchScheduleSafe(candidateSchedule, phaseTick)) {
    /* 飛行中料理には一切触れない。次の投球だけ105ms延期。 */
    nextThrowPhaseTick = phaseTick + 1;
    return;
  }

spawnFoodNow();
}

function resetPos4ReceiveState(){
  const kani = document.getElementById('kanimaru');
  const kani4 = document.getElementById('kanimaru4');
  const spirit = document.getElementById('calculator-spirit');

if (spirit){
    spirit.classList.remove('pop-in');
    spirit.style.display = 'none';
  }

if (window.currentKaniPosition === 4 && !isMissLocked && !isGameOver) {
    if (kani){
      kani.style.display = 'block';
      kani.classList.add('pos4');
    }
    if (kani4) kani4.style.display = 'none';
  }

carriedFood.classList.remove('handoff4');
  carriedFood.style.display = 'none';
  carriedFood.style.visibility = 'hidden';
  carriedFood.style.opacity = '0';
}

function activatePos4ReceiveState(){
  if (window.currentKaniPosition !== 4) return;

const kani = document.getElementById('kanimaru');
  const kani4 = document.getElementById('kanimaru4');
  const spirit = document.getElementById('calculator-spirit');

if (kani) kani.style.display = 'none';
  if (kani4) kani4.style.display = 'block';

if (spirit){
    spirit.classList.remove('pop-in');
    spirit.style.display = 'block';
    void spirit.offsetWidth;
    spirit.classList.add('pop-in');
  }
}

function cancelHandoffTimers(){
  handoffTimers.forEach(timer => clearTimeout(timer));
  handoffTimers = [];
  handoffBusy = false;
  carriedFood.classList.remove('handoff4');
  carriedFood.style.display = 'none';
  carriedFood.style.visibility = 'hidden';
  carriedFood.style.opacity = '0';
}

function beginPos4Handoff(food){
  handoffBusy = true;

/* Ver.87維持：④に到着した料理を1テンポ(280ms)見せてから手渡しへ */
  const preTimer = setTimeout(() => {
    if (gameState !== 'playing' || isGameOver || isMissLocked) {
      removeFlyingFoodElement(food);
      return;
    }

activatePos4ReceiveState();
    removeFlyingFoodElement(food);

carriedFood.src = food.src;
    carriedFood.style.display = 'block';
    carriedFood.style.visibility = 'visible';
    carriedFood.style.opacity = '1';
    carriedFood.classList.add('handoff4');

addDeliveryScore();

/* Ver.87のholdAt4相当：3 * 280ms */
    const holdTimer = setTimeout(() => {
      if (gameState === 'playing' && !isGameOver && !isMissLocked) {
        resetPos4ReceiveState();
        handoffBusy = false;
      }
    }, HOLD_INTERVAL * 3);

handoffTimers.push(holdTimer);
  }, HOLD_INTERVAL);

handoffTimers.push(preTimer);
}

function removeFoodFromActive(food){
  const index = activeFoods.indexOf(food);
  if (index >= 0) activeFoods.splice(index, 1);
}

function showGameOverCharacters(){
  const game = document.getElementById('game');
  if (game) game.classList.add('game-over');

cancelHandoffTimers();
  clearAllActiveFoods();

const normalKani = document.getElementById('kanimaru');
  const kani4 = document.getElementById('kanimaru4');
  const missKani = document.getElementById('kanimaru-miss');
  const goKani = document.getElementById('kanimaru-gameover');

if (normalKani) normalKani.style.display = 'none';
  if (kani4) kani4.style.display = 'none';
  if (missKani) missKani.style.display = 'none';

if (goKani){
    goKani.classList.remove('pos1','pos2','pos3','pos4');
    goKani.classList.add('pos' + (window.currentKaniPosition || 1));
    goKani.style.display = 'block';
  }

if (normalKyui) normalKyui.style.display = 'none';
  if (throw1) throw1.style.display = 'none';
  if (throw3) throw3.style.display = 'none';
  if (missKyui) missKyui.style.display = 'none';
  if (goKyui) goKyui.style.display = 'block';

const spirit = document.getElementById('calculator-spirit');
  if (spirit) spirit.style.display = 'none';

isGameOver = true;
  window.kaniGameOver = true;
  isMissLocked = true;
  gameState = 'gameOver';
}

function triggerGameOver(){
  hideMissFood();
  showGameOverCharacters();
}

function finishMissHold(){
  if (pendingGameOver) {
    pendingGameOver = false;
    triggerGameOver();
    return;
  }

hideMissFood();

/* Ver.87維持：MISS演出が完全に終わってから操作再開 */
  isMissLocked = false;
  gameState = 'playing';

/* MISS後は新しい位相から再開。Ver.105同様、まず420ms空ける。 */
  nextThrowPhaseTick = phaseTick + THROW_PHASE_COUNT;
}

function queueMissAfterLanding(food, position){
  if (gameState !== 'playing' || isGameOver) return;

/* Ver.105:
     キャッチ地点へ来た瞬間ではまだMISSにしない。
     まず210msだけ最終キャッチ猶予を残し、その間は蟹丸を操作可能にする。
     猶予中に正しい位置へ来れば通常キャッチとして救済。
     猶予終了後も位置が違う場合だけMISSを確定し、そこから210msで地面へ落とす。
     これにより「見た目では間に合っているのに内部だけ先にMISS」を防ぐ。 */

if (missGraceTimer) {
    clearTimeout(missGraceTimer);
    missGraceTimer = null;
  }
  if (missGraceRaf) {
    cancelAnimationFrame(missGraceRaf);
    missGraceRaf = null;
  }
  if (missLandingTimer) {
    clearTimeout(missLandingTimer);
    missLandingTimer = null;
  }

const element = food && food.element;
  if (element) element.style.transition = 'none';

let resolved = false;

const rescueCatch = () => {
    if (resolved) return;
    resolved = true;

if (missGraceTimer) {
      clearTimeout(missGraceTimer);
      missGraceTimer = null;
    }
    if (missGraceRaf) {
      cancelAnimationFrame(missGraceRaf);
      missGraceRaf = null;
    }

if (gameState !== 'playing' || isGameOver || isMissLocked) return;

/* 猶予内に蟹丸が到着したので通常キャッチとして処理する。 */
    if (position === 4) {
      removeFoodFromActive(food);
      beginPos4Handoff(food);
    } else {
      food.stageIndex++;
      food.step = 0;
    }
  };

const watchGraceCatch = () => {
    if (resolved || gameState !== 'playing' || isGameOver || isMissLocked) return;

if (window.currentKaniPosition === position) {
      rescueCatch();
      return;
    }

missGraceRaf = requestAnimationFrame(watchGraceCatch);
  };

const confirmMiss = () => {
    if (resolved) return;

/* タイマー境界ちょうどで蟹丸が到着した場合も成功扱いにする。 */
    if (window.currentKaniPosition === position) {
      rescueCatch();
      return;
    }

resolved = true;
    missGraceTimer = null;

if (missGraceRaf) {
      cancelAnimationFrame(missGraceRaf);
      missGraceRaf = null;
    }

if (gameState !== 'playing' || isGameOver) return;

/* ここで初めてMISS確定。以後の移動をロックする。 */
    isMissLocked = true;

let dropFinished = false;
    const finishMissDrop = () => {
      if (dropFinished) return;
      dropFinished = true;

if (missLandingTimer) {
        clearTimeout(missLandingTimer);
        missLandingTimer = null;
      }

if (gameState !== 'playing' || isGameOver) return;
      showMissFood(position);
    };

if (!element || !element.isConnected) {
      missLandingTimer = setTimeout(finishMissDrop, MISS_FINAL_DROP_MS);
      return;
    }

/* MISS確定後の落下も210msにして、420msの1ステップ内で自然につなぐ。 */
    element.style.transition = `top ${MISS_FINAL_DROP_MS}ms linear`;

const onDropEnd = (event) => {
      if (event.propertyName !== 'top') return;
      element.removeEventListener('transitionend', onDropEnd);
      finishMissDrop();
    };
    element.addEventListener('transitionend', onDropEnd);

requestAnimationFrame(() => {
      if (gameState !== 'playing' || isGameOver || !element.isConnected) {
        finishMissDrop();
        return;
      }
      element.style.top = MISS_FINAL_DROP_Y + '%';
    });

/* transitionendが発火しない環境向けの保険。 */
    missLandingTimer = setTimeout(finishMissDrop, MISS_FINAL_DROP_MS + 80);
  };

/* 到達した瞬間から猶予監視を開始する。 */
  watchGraceCatch();
  missGraceTimer = setTimeout(confirmMiss, CATCH_GRACE_MS);
}

function showMissFood(position){
  if (gameState !== 'playing' || isGameOver) return;

if (missGraceTimer) {
    clearTimeout(missGraceTimer);
    missGraceTimer = null;
  }
  if (missGraceRaf) {
    cancelAnimationFrame(missGraceRaf);
    missGraceRaf = null;
  }

isMissLocked = true;
  gameState = 'missHold';

const finalMiss = loseOneCrabMark();
  pendingGameOver = finalMiss;

/* 複数料理時に連鎖MISSしないよう、MISS成立時点で1回のMISS処理へ集約。
     通常プレイ中の衝突回避では料理を止めない。 */
  clearAllActiveFoods();
  cancelHandoffTimers();

const missFood = document.getElementById('miss-food');
  showMissPoses(position);

if (missFood){
    missFood.classList.remove('miss1','miss2','miss3','miss4');
    missFood.classList.add('miss' + position);
    missFood.style.display = 'block';
  }

throwFoodTest.style.display = 'none';
  throwFoodTest.style.visibility = 'hidden';
  throwFoodTest.style.opacity = '0';

resetPos4ReceiveState();

const normalKaniAfterReset = document.getElementById('kanimaru');
  const kani4AfterReset = document.getElementById('kanimaru4');
  if (normalKaniAfterReset) normalKaniAfterReset.style.display = 'none';
  if (kani4AfterReset) kani4AfterReset.style.display = 'none';

setTimeout(finishMissHold, HOLD_INTERVAL * 3);
}

function handleCatch(food, position){
  if (window.currentKaniPosition !== position) {
    /* Ver.108でもVer.105維持：キャッチ地点で210msの最終猶予を与え、
       その間に蟹丸が到着すれば通常キャッチとして救済する。 */
    queueMissAfterLanding(food, position);
    return false;
  }

if (position === 4) {
    /* ④は飛行完了。ほかの料理はそのまま進行を続ける。 */
    removeFoodFromActive(food);
    beginPos4Handoff(food);
    return true;
  }

food.stageIndex++;
  food.step = 0;
  return true;
}

function advanceOneFood(food){
  const stage = foodStages[food.stageIndex];
  if (!stage) return true;

const point = stage.route[food.step];
  if (!point) return true;

setFoodElementPosition(food.element, point);
  food.step++;

if (food.step >= stage.route.length) {
    return handleCatch(food, stage.catchPosition);
  }

return true;
}

function advanceDueFoods(){
  /* Ver.108:
     105msごとに全料理を進めるのではなく、自分の位相が来た料理だけ進める。
     同じ料理の更新間隔は必ず4 phase tick = 420ms。 */
  const snapshot = activeFoods.slice();

for (const food of snapshot) {
    if (gameState !== 'playing' || isGameOver) break;
    if (!activeFoods.includes(food)) continue;
    if (phaseTick < food.nextMovePhaseTick) continue;

const ok = advanceOneFood(food);
    food.nextMovePhaseTick += THROW_PHASE_COUNT;

if (!ok || gameState !== 'playing') break;
  }
}

function gameLoopPhaseTick(){
  if (!isGameOver && gameState === 'playing') {
    trySpawnFood();
    advanceDueFoods();
  }

phaseTick++;
  setTimeout(gameLoopPhaseTick, THROW_PHASE_INTERVAL_MS);
}

/* 初期化 */
showKyuiNormal();
resetPos4ReceiveState();
updateMissLives();
updateScoreDisplay();
nextThrowPhaseTick = THROW_PHASE_COUNT * 2;
/* phaseTick=0を時刻0として開始。初投球はVer.105同様、約840ms後。 */
gameLoopPhaseTick();
</script>

const game = document.getElementById('game');
  const scoreValue = document.getElementById('score-value');
  const scorePanel = document.getElementById('score-panel');
  const deliveryPanel = document.getElementById('delivery-panel');
  const deliveryValue = document.getElementById('delivery-value');
  const deliveryFill = document.getElementById('delivery-fill');
  const missLivesEl = document.getElementById('miss-lives');
  const legacyMissFood = document.getElementById('miss-food');
  const normalKani = document.getElementById('kanimaru');
  const kani4 = document.getElementById('kanimaru4');
  const surpriseKani = document.getElementById('kanimaru-miss');
  const normalKyui = document.getElementById('kyui');
  const kyuiThrow1 = document.getElementById('kyui-throw');
  const kyuiThrow3 = document.getElementById('kyui-throw3');
  const kyuiMiss = document.getElementById('kyui-miss');
  const kyuiGameover = document.getElementById('kyui-gameover');
  const kaniGameover = document.getElementById('kanimaru-gameover');
  const spirit = document.getElementById('calculator-spirit');
  const carried = document.getElementById('carried-food');
  const explosion = document.getElementById('bomb-explosion');
  const penalty = document.getElementById('bomb-penalty');
  const resultOverlay = document.getElementById('result-overlay');
  const countdownOverlay = document.getElementById('start-countdown');
  const countdownText = document.getElementById('start-countdown-text');

// Ver.137 音源（1ファイルHTML内蔵）
  const BGM_VOLUME = 0.22;
  const bgm = new Audio('assets/307b6492cd4d6c15fecc.mp3');
  bgm.preload='auto';
  bgm.loop=true;
  bgm.volume=0;
  const throwSfx = new Audio('assets/734f9b08d2f3bcd79b09.mp3');
  const catchSfx = new Audio('assets/bf728bdcc3b0c835554e.mp3');
  const explosionSfx = new Audio('assets/60d245c720edd7deb3d1.mp3');
  const gameOverSfx = new Audio('assets/00ac30c7b5ac63474ae7.mp3');
  const dropSfx = new Audio('assets/9dd4c0f0400cc7801c7d.mp3');
  [throwSfx,catchSfx,explosionSfx,gameOverSfx].forEach(a=>a.preload='auto');

function primeBgmSilently(){
    try{
      bgm.volume=0;
      bgm.currentTime=0;
      const p=bgm.play();
      if(p && p.catch) p.catch(()=>{});
    }catch(e){}
  }

function stopBgm(){
    try{bgm.pause();bgm.currentTime=0;}catch(e){}
  }

if (missLivesEl) missLivesEl.style.display = 'none';
  if (legacyMissFood) legacyMissFood.style.display = 'none';
  if (kyuiMiss) kyuiMiss.style.display = 'none';
  if (kyuiGameover) kyuiGameover.style.display = 'none';
  if (kaniGameover) kaniGameover.style.display = 'none';
  if (surpriseKani) surpriseKani.style.display = 'none';
  if (kyuiThrow3) kyuiThrow3.style.display = 'none';
  if (normalKyui) normalKyui.style.display = 'block';
  if (game) game.classList.remove('game-over');

const FLIGHT_MS = 460;
  const CATCH_GRACE_MS_NEW = 600;
  const DELIVERY_MAX = 100;
  const DELIVERY_DRAIN_BASE = 0.90; // Ver.127: 0〜1999点の基本自然減少率
  const DELIVERY_DRAIN_STEP = 0.10; // 2000点から1000点増えるごとに+0.10%/秒
  const BOMB_GAUGE_DAMAGE = 25;
  const MUSH_MS = 420;
  const BOMB_FX_MS = 900; // Ver.129: 蟹丸上の爆発をさらに見やすく延長
  const HANDOFF_MS = 380;

// Ver.125 投球割合：寿司38 / カニ飯24 / グラタン14 / カニ鍋9 / 海鮮カニ丼5 / ミミック爆弾10。
  // 料理はこの5種類のみ。ミミック爆弾は-300点。
  const itemPool = [
    {name:'特上カニ寿司', kind:'food', points:100, weight:38,  src:'assets/4b36cc319184582d5163.png'},
    {name:'特上カニ飯', kind:'food', points:150, weight:24,  src:'assets/ca3275e6d942e70dc5cf.png'},
    {name:'カニグラタン', kind:'food', points:180, weight:14, src:'assets/b6373caf0d663c8f5cb7.png'},
    {name:'カニ鍋', kind:'food', points:250, weight:9, src:'assets/1de9fdf9f24aab5ee756.png'},
    {name:'豪華海鮮カニ丼', kind:'food', points:500, weight:5, src:'assets/8bbdf3c399a77ef9bbec.png'},
    {name:'ミミック爆弾', kind:'bomb', points:-300, weight:10, src:'assets/b741536d5993f1f2add3.webp'}
  ];

const stages = [
    {route:routeToPos1, catchPosition:1},
    {route:routePos1ToPos2, catchPosition:2},
    {route:routePos2ToPos3, catchPosition:3},
    {route:routePos3ToPos4, catchPosition:4}
  ];

let state = 'countdown';
  window.kaniCountdownActive = true;
  let scoreNew = 0;
  let deliveredCount = 0;
  let droppedCount = 0;
  let bombCaughtCount = 0;
  let foods = [];
  let serial = 0;
  let startAt = performance.now();
  let deliveryGauge = DELIVERY_MAX;
  let lastGaugeAt = startAt;
  let nextSpawnAt = Infinity;
  let recentAcceptedSpawnTimes = [];
  let kyuiThrowTokenNew = 0;
  let handoffToken = 0;
  let bombFxUntil = 0;

function writeScore(){
    if (scoreValue) scoreValue.textContent = String(scoreNew);
    if (scorePanel) scorePanel.setAttribute('aria-label','スコア '+scoreNew);
  }

function deliveryRecovery(points){
    // 得点が高い料理ほど配達ゲージの回復量を大きくする。
    return Math.min(12, 1.5 + Math.max(0, points) / 50);
  }

function drawDeliveryGauge(){
    const pct = Math.max(0, Math.min(100, deliveryGauge));
    if (deliveryValue) deliveryValue.textContent = Math.round(pct) + '%';
    if (deliveryFill) deliveryFill.style.width = pct + '%';
    if (deliveryPanel){
      deliveryPanel.setAttribute('aria-label','配達ゲージ'+Math.round(pct)+'パーセント');
      deliveryPanel.classList.toggle('danger', pct <= 20);
    }
  }

function changeDeliveryGauge(delta){
    if (state !== 'playing') return;
    deliveryGauge = Math.max(0, Math.min(DELIVERY_MAX, deliveryGauge + delta));
    drawDeliveryGauge();
    if (deliveryGauge <= 0) endGame();
  }

function currentDeliveryDrainPerSec(){
    // Ver.127: 2000点から1000点増えるごとに自然減少を少しずつ加速。
    // 0〜1999:0.90 / 2000〜2999:1.00 / 3000〜3999:1.10 ...
    if (scoreNew < 2000) return DELIVERY_DRAIN_BASE;
    const steps = Math.floor((scoreNew - 2000) / 1000) + 1;
    return DELIVERY_DRAIN_BASE + steps * DELIVERY_DRAIN_STEP;
  }

function updateDeliveryGauge(now){
    if (state !== 'playing') return;
    const dt = Math.max(0, Math.min(250, now - lastGaugeAt));
    lastGaugeAt = now;
    if (dt <= 0) return;
    const drainPerSec = currentDeliveryDrainPerSec();
    deliveryGauge = Math.max(0, deliveryGauge - drainPerSec * dt / 1000);
    drawDeliveryGauge();
    if (deliveryGauge <= 0) endGame();
  }

function maxConcurrent(){
    if (scoreNew >= 3000) return 6;
    if (scoreNew >= 2000) return 5;
    if (scoreNew >= 1000) return 4;
    if (scoreNew >= 300) return 3;
    return 2;
  }

function weightedPick(){
    let r = Math.random()*100;
    for (const item of itemPool){
      r -= item.weight;
      if (r < 0) return item;
    }
    return itemPool[0];
  }

function setPos(el, point){
    el.style.left = point.x + '%';
    el.style.top = point.y + '%';
  }

function animateKyui(){
    const token = ++kyuiThrowTokenNew;
    if (normalKyui) normalKyui.style.display='none';
    if (kyuiThrow1) kyuiThrow1.style.display='block';
    setTimeout(()=>{
      if (token !== kyuiThrowTokenNew || state !== 'playing') return;
      if (kyuiThrow1) kyuiThrow1.style.display='none';
      if (normalKyui) normalKyui.style.display='block';
    }, 330);
  }

function createFood(item, now){
    const el = document.createElement('img');
    el.className = 'flying-food-instance' + (item.kind==='bomb' ? ' is-bomb' : '');
    el.alt = item.name;
    el.src = item.src;
    el.style.display='block';
    el.style.visibility='visible';
    el.style.opacity='1';
    setPos(el, routeToPos1[0]);
    game.appendChild(el);

const food = {
      id:++serial, item, element:el,
      stageIndex:0, step:1,
      waiting:false, catchPosition:0, catchDeadline:0,
      nextMoveAt: now + FLIGHT_MS,
      removed:false
    };
    foods.push(food);
    playSfx(throwSfx,0.58);
    animateKyui();
    return food;
  }

function randomIntInclusive(min,max){
    return min + Math.floor(Math.random() * (max-min+1));
  }

/* Ver.122: Ver.120の独立Fire投球時計を復活。
     料理が消えた瞬間を次投球の起点にしないので、
     前の車間がそのままコピーされる「電車状態」を防ぐ。 */
  function randomIndependentThrowGapMs(){
    const cap = maxConcurrent();
    const r = Math.random();

if (cap >= 4) {
      if (r < 0.35) return randomIntInclusive(525,1260);
      if (r < 0.80) return randomIntInclusive(1680,3360);
      return randomIntInclusive(3780,6300);
    }
    if (cap >= 3) {
      if (r < 0.30) return randomIntInclusive(735,1680);
      if (r < 0.80) return randomIntInclusive(2310,4410);
      return randomIntInclusive(5040,7350);
    }
    // 0～299点：最大2個。Ver.120と同じFire型の揺らぎ。
    if (r < 0.25) return randomIntInclusive(1050,2100);
    if (r < 0.75) return randomIntInclusive(3675,6300);
    return randomIntInclusive(6825,9450);
  }

function armNextIndependentThrow(now){
    nextSpawnAt = now + randomIndependentThrowGapMs();
  }

/* 画面上が0個の時だけ長い空白を防ぐ。通常の投球時計は崩さない。 */
  function ensureThrowSoonWhenScreenEmpty(now){
    if (state !== 'playing' || foods.length !== 0) return;
    if (!Number.isFinite(nextSpawnAt) || nextSpawnAt > now + 600) {
      nextSpawnAt = now + randomIntInclusive(200,600);
    }
  }

/* 直前とほぼ同じ車間が続いて3両以上の等間隔列になる候補だけ崩す。
     同じ位相そのものは禁止せず、Fireらしい不規則さは残す。 */
  function wouldCreateEqualSpacingConvoy(candidateTime){
    const n = recentAcceptedSpawnTimes.length;
    if (n < 2) return false;
    const previousGap = recentAcceptedSpawnTimes[n-1] - recentAcceptedSpawnTimes[n-2];
    const newGap = candidateTime - recentAcceptedSpawnTimes[n-1];
    return Math.abs(newGap - previousGap) <= 110;
  }

function rememberAcceptedSpawn(time){
    recentAcceptedSpawnTimes.push(time);
    if (recentAcceptedSpawnTimes.length > 4) recentAcceptedSpawnTimes.shift();
  }

function maybeSpawn(now){
    if (state !== 'playing') return;

ensureThrowSoonWhenScreenEmpty(now);
    if (now < nextSpawnAt) return;

/* 投球イベントは料理数とは独立して進む。
       上限いっぱいなら今回は投げず、イベント自体を捨てて次を再抽選する。 */
    if (foods.length >= maxConcurrent()) {
      armNextIndependentThrow(now);
      return;
    }

if (wouldCreateEqualSpacingConvoy(now)) {
      // 固定位相へ吸着しないよう315～945msだけランダム延期。
      nextSpawnAt = now + randomIntInclusive(315,945);
      return;
    }

createFood(weightedPick(), now);
    rememberAcceptedSpawn(now);
    armNextIndependentThrow(now);
  }

function removeFood(food, now){
    if (!food || food.removed) return;
    food.removed = true;
    const i = foods.indexOf(food);
    if (i >= 0) foods.splice(i,1);
    if (food.element && food.element.isConnected) food.element.remove();

/* 空き枠ができても即補充しない。
       ただし画面が完全に0個なら、長い無人時間だけ防ぐ。 */
    ensureThrowSoonWhenScreenEmpty(now || performance.now());
  }

const leftByPos = {1:'14%',2:'34%',3:'60%',4:'78.5%'};

function showMush(position){
    if (!legacyMissFood || !legacyMissFood.src) return;
    const el = document.createElement('img');
    el.className='miss-food-instance';
    el.alt='';
    el.setAttribute('aria-hidden','true');
    el.src=legacyMissFood.src;
    el.style.left=leftByPos[position] || '14%';
    game.appendChild(el);
    setTimeout(()=>el.remove(), MUSH_MS + 80);
  }

function showGroundBombExplosion(position){
    playSfx(explosionSfx,0.76);
    if (!explosion || !explosion.src) return;
    const el = document.createElement('img');
    el.className='bomb-ground-explosion';
    el.alt='';
    el.setAttribute('aria-hidden','true');
    el.src=explosion.src;
    el.style.left=leftByPos[position] || '14%';
    game.appendChild(el);
    setTimeout(()=>el.remove(), 680);
  }

function updateBombFx(now){
    if (bombFxUntil <= 0) return;
    if (now < bombFxUntil){
      setFxPosition(window.currentKaniPosition || 1);
      if (normalKani) normalKani.style.display='none';
      if (kani4) kani4.style.display='none';
      if (surpriseKani) surpriseKani.style.display='block';
      return;
    }
    bombFxUntil=0;
    if (surpriseKani) surpriseKani.style.display='none';
    if (explosion) explosion.classList.remove('show');
    if (penalty) penalty.classList.remove('show');
    if (state==='playing' && normalKani) normalKani.style.display='block';
  }

function caught(food, position, now){
    if (food.item.kind === 'bomb') {
      bombCaughtCount++;
      scoreNew -= 300;
      writeScore();
      removeFood(food, now);
      triggerBombFx();
      changeDeliveryGauge(-BOMB_GAUGE_DAMAGE);
      return;
    }

playSfx(catchSfx,0.64);
    food.waiting=false;
    if (position===4){
      deliveredCount++;
      scoreNew += food.item.points;
      writeScore();
      changeDeliveryGauge(deliveryRecovery(food.item.points));
      showHandoff(food);
      removeFood(food, now);
      return;
    }

food.stageIndex++;
    food.step=0; // Ver.108同様、受け取り位置を1テンポ見せてから次区間へ
    food.nextMoveAt = now + FLIGHT_MS;
  }

function enterCatch(food, position, now){
    food.waiting=true;
    food.catchPosition=position;
    food.catchDeadline=now + CATCH_GRACE_MS_NEW;
    if ((window.currentKaniPosition || 1) === position) caught(food,position,now);
  }

// 460ms固定で1ステップ。遅延フレーム時も一度に複数ステップ飛ばさない。
    if (now < food.nextMoveAt) return;
    const stage = stages[food.stageIndex];
    if (!stage){ removeFood(food, now); return; }
    const point = stage.route[food.step];
    if (!point){ enterCatch(food, stage.catchPosition, now); return; }
    setPos(food.element, point);
    food.step++;
    food.nextMoveAt = now + FLIGHT_MS;
    if (food.step >= stage.route.length) enterCatch(food, stage.catchPosition, now);
  }

const rs=document.getElementById('result-score');
    const rd=document.getElementById('result-delivered');
    const rm=document.getElementById('result-dropped');
    const rb=document.getElementById('result-bombs');
    if (rs) rs.textContent=String(scoreNew);
    if (rd) rd.textContent=deliveredCount+'個';
    if (rm) rm.textContent=droppedCount+'個';
    if (rb) rb.textContent=bombCaughtCount+'回';
    setTimeout(()=>{
      if (resultOverlay){resultOverlay.classList.add('show');resultOverlay.setAttribute('aria-hidden','false');}
    },520);
  }

function restartGame(){
    // Ver.139: ブラウザのreload/ページ復元に頼らず、ゲーム状態を完全に初期化する。
    stopBgm();
    try { gameOverSfx.pause(); gameOverSfx.currentTime = 0; } catch(e) {}

state='countdown';
    window.kaniGameOver=false;
    window.kaniCountdownActive=true;
    try { isMissLocked = false; } catch(e) {}
    try { pendingGameOver = false; } catch(e) {}

// 新旧双方のスコア値を0へ戻し、前回のマイナス点を絶対に引き継がない。
    scoreNew=0;
    try { score=0; } catch(e) {}
    deliveredCount=0;
    droppedCount=0;
    bombCaughtCount=0;
    deliveryGauge=DELIVERY_MAX;
    nextSpawnAt=Infinity;
    recentAcceptedSpawnTimes=[];
    bombFxUntil=0;
    kyuiThrowTokenNew++;
    handoffToken++;

foods.slice().forEach(f=>removeFood(f,performance.now()));
    foods=[];
    document.querySelectorAll('.miss-food-instance,.bomb-ground-explosion').forEach(el=>el.remove());

if (resultOverlay){
      resultOverlay.classList.remove('show');
      resultOverlay.setAttribute('aria-hidden','true');
    }
    if (countdownOverlay){
      countdownOverlay.classList.remove('show');
      countdownOverlay.setAttribute('aria-hidden','true');
    }
    if (game){
      game.classList.remove('kani123-ended');
      game.classList.remove('kani-countdown');
    }
    if (explosion) explosion.classList.remove('show');
    if (penalty) penalty.classList.remove('show');
    if (carried){
      carried.classList.remove('handoff4');
      carried.style.display='none';
      carried.style.visibility='hidden';
      carried.style.opacity='0';
    }
    if (spirit) spirit.style.display='none';
    if (kani4) kani4.style.display='none';
    if (surpriseKani) surpriseKani.style.display='none';
    if (kyuiThrow1) kyuiThrow1.style.display='none';
    if (normalKyui) normalKyui.style.display='block';
    if (normalKani) normalKani.style.display='block';

try { window.kaniResetPosition?.(); } catch(e) {}
    writeScore();
    try { updateScoreDisplay(); } catch(e) {}
    drawDeliveryGauge();

beginCountdown();
  }

document.getElementById('result-retry')?.addEventListener('click',restartGame);
  document.getElementById('result-titleback')?.addEventListener('click',returnToTitle);

// 新ゲーム初期化
  writeScore();
  drawDeliveryGauge();
  if (normalKani) normalKani.style.display='block';
  if (kani4) kani4.style.display='none';
  if (spirit) spirit.style.display='none';
  if (carried){carried.style.display='none';carried.style.visibility='hidden';carried.style.opacity='0';}

function showCountdownValue(value, isStart=false){
    if (!countdownOverlay || !countdownText) return;
    countdownOverlay.classList.add('show');
    countdownOverlay.setAttribute('aria-hidden','false');
    countdownText.textContent=value;
    countdownText.classList.remove('pop','start');
    if (isStart) countdownText.classList.add('start');
    void countdownText.offsetWidth;
    countdownText.classList.add('pop');
  }

function beginCountdown(){
    state='countdown';
    window.kaniCountdownActive=true;
    if (game) game.classList.add('kani-countdown');
    primeBgmSilently();

showCountdownValue('3');
    setTimeout(()=>showCountdownValue('2'),1000);
    setTimeout(()=>showCountdownValue('1'),2000);
    setTimeout(()=>{
      showCountdownValue('START!',true);
      state='playing';
      window.kaniCountdownActive=false;
      if (game) game.classList.remove('kani-countdown');
      startAt=performance.now();
      lastGaugeAt=startAt;
      recentAcceptedSpawnTimes=[];
      // START表示の約0.5秒後に最初の投球。
      nextSpawnAt=startAt+520;
      startBgmFromBeginning();
    },3000);
    setTimeout(()=>{
      if (countdownOverlay){
        countdownOverlay.classList.remove('show');
        countdownOverlay.setAttribute('aria-hidden','true');
      }
    },3720);
  }

beginCountdown();

// スマホ側でSTART時のBGM再生が制限された場合は、最初の操作で再開する保険。
  window.addEventListener('pointerdown',()=>{
    if(state==='playing' && bgm.paused){
      bgm.volume=BGM_VOLUME;
      const p=bgm.play();
      if(p && p.catch) p.catch(()=>{});
    }
  },{passive:true});

</body>
</html>

アソビカタ

クレジット