.neeaa-test{
  width:min(560px,calc(100% - 18px));
  margin:20px auto 48px;
  color:#fff4d6;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
}
.neeaa-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  padding:16px;
  border:1px solid rgba(226,190,104,.28);
  border-radius:20px;
  background:linear-gradient(145deg,#21150b,#100b07);
  box-shadow:0 14px 34px rgba(0,0,0,.2);
}
.neeaa-kicker{
  margin:0 0 4px;
  color:#d9b75e;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}
.neeaa-title{
  color:#fff0b8;
  font-size:19px;
  font-weight:800;
}
.neeaa-guide{
  margin:6px 0 0;
  color:#d8c9aa;
  font-size:12px;
  line-height:1.65;
}
.neeaa-version{
  flex:0 0 auto;
  height:max-content;
  padding:5px 9px;
  border:1px solid rgba(255,226,151,.25);
  border-radius:999px;
  color:#e8cf90;
  font-size:11px;
}
.neeaa-connection{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 2px 10px;
  padding:9px 12px;
  border:1px solid rgba(226,190,104,.2);
  border-radius:13px;
  color:#d4c7a8;
  background:#17100b;
  font-size:11px;
}
.neeaa-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#86775e;
  box-shadow:0 0 0 3px rgba(134,119,94,.12);
}
.neeaa-connection.is-connected .neeaa-dot{
  background:#8fd29d;
  box-shadow:0 0 0 3px rgba(143,210,157,.13);
}
.neeaa-connection.is-error .neeaa-dot{
  background:#d97d7d;
}

/*
 * 正本Character Action Engineはそのまま呼び出し、
 * このショートコード内だけテストに不要なパネルを隠す。
 */
.neeaa-character-host .ncae-lab{
  width:100%;
  margin:0;
}
.neeaa-character-host .ncae-head,
.neeaa-character-host .ncae-time-status,
.neeaa-character-host .ncae-bgm-control,
.neeaa-character-host .ncae-story-entrance,
.neeaa-character-host .ncae-growth-monitor,
.neeaa-character-host .ncae-savepoint,
.neeaa-character-host .ncae-alert,
.neeaa-character-host .ncae-conversation{
  display:none!important;
}
.neeaa-character-host [data-ncae-object]{
  pointer-events:none!important;
}
.neeaa-character-host .ncae-stage{
  cursor:default;
}

/*
 * Emotion Engine専用吹き出し。
 * Character Action Engineの既存 expression-mark は変更しない。
 */
.neeaa-emotion-bubble{
  position:absolute;
  z-index:30;
  left:50%;
  bottom:100%;
  display:grid;
  place-items:center;
  min-width:45px;
  height:37px;
  padding:0 10px;
  margin-bottom:7px;
  border:1px solid rgba(86,62,43,.18);
  border-radius:18px;
  color:#2c2018;
  background:rgba(255,251,239,.97);
  box-shadow:0 7px 18px rgba(0,0,0,.2);
  font-size:20px;
  line-height:1;
  transform:translateX(-50%);
  transform-origin:50% 100%;
  pointer-events:none;
}
.neeaa-emotion-bubble::after{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  width:9px;
  height:9px;
  background:rgba(255,251,239,.97);
  transform:translate(-50%,-5px) rotate(45deg);
  border-right:1px solid rgba(86,62,43,.12);
  border-bottom:1px solid rgba(86,62,43,.12);
}
.neeaa-emotion-bubble.is-reacting{
  animation:neeaa-bubble-pop .55s ease both;
}
@keyframes neeaa-bubble-pop{
  0%{opacity:.3;transform:translateX(-50%) translateY(5px) scale(.78)}
  45%{opacity:1;transform:translateX(-50%) translateY(-3px) scale(1.12)}
  100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
}

.neeaa-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:11px;
  padding:13px 14px;
  border:1px solid rgba(226,190,104,.24);
  border-radius:17px;
  background:linear-gradient(145deg,#21150b,#100b07);
}
.neeaa-status-emotion{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:150px;
}
.neeaa-status-symbol{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  color:#2d2117;
  background:#fff0c7;
  font-size:20px;
}
.neeaa-status-label{
  display:block;
  color:#a99777;
  font-size:9px;
}
.neeaa-status-emotion strong{
  display:block;
  margin-top:2px;
  color:#fff0b8;
  font-size:13px;
}
.neeaa-status p{
  margin:0;
  color:#d8c9aa;
  font-size:11px;
  line-height:1.55;
  text-align:right;
}

@media(max-width:620px){
  .neeaa-test{
    width:calc(100% - 12px);
  }
  .neeaa-head{
    padding:13px;
  }
  .neeaa-status{
    display:block;
  }
  .neeaa-status p{
    margin-top:9px;
    text-align:left;
  }
}


/* v0.1.1
 * この連結テスト内だけ、Character Action Engine側の旧表現マークを隠す。
 * 正本側のDOM/CSS/JSは変更しない。
 */
.neeaa-character-host .ncae-expression-mark{
  display:none!important;
}

.neeaa-actions{
  margin-top:12px;
  padding:14px;
  border:1px solid rgba(226,190,104,.24);
  border-radius:17px;
  background:linear-gradient(145deg,#21150b,#100b07);
}
.neeaa-actions-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:11px;
}
.neeaa-actions-head strong{
  color:#fff0b8;
  font-size:14px;
}
.neeaa-actions-head span{
  color:#b89f74;
  font-size:10px;
}
.neeaa-action-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.neeaa-action-button{
  appearance:none;
  border:1px solid rgba(255,214,120,.25);
  border-radius:14px;
  padding:13px 10px;
  color:#fff0c8;
  background:linear-gradient(180deg,#7e541a,#5c3c11);
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px rgba(0,0,0,.18);
  transition:transform .14s ease,filter .14s ease,opacity .14s ease;
}
.neeaa-action-button:hover{filter:brightness(1.05);}
.neeaa-action-button:active,.neeaa-action-button.is-busy{
  transform:translateY(1px) scale(.985);
  filter:brightness(.96);
}
.neeaa-action-button-special{
  background:linear-gradient(180deg,#8f273e,#6e1930);
  border-color:rgba(255,172,196,.24);
}
.neeaa-action-note{
  margin:10px 2px 0;
  color:#d8c9aa;
  font-size:11px;
  line-height:1.6;
}
@media(max-width:620px){
  .neeaa-action-grid{grid-template-columns:1fr 1fr;}
}


/* v0.3.0: Growth Stage Engine 表示 */
.neeaa-growth{
  margin-top:12px;
  padding:14px;
  border:1px solid rgba(226,190,104,.24);
  border-radius:17px;
  background:linear-gradient(145deg,#21150b,#100b07);
}
.neeaa-growth-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}
.neeaa-growth-kicker{
  display:block;
  margin-bottom:3px;
  color:#b89f74;
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
}
.neeaa-growth-head strong{
  color:#fff0b8;
  font-size:15px;
}
.neeaa-growth-costume{
  flex:0 0 auto;
  padding:5px 9px;
  border:1px solid rgba(255,226,151,.22);
  border-radius:999px;
  color:#e7cf98;
  font-size:10px;
}
.neeaa-growth-track{
  height:9px;
  margin-top:12px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.10);
}
.neeaa-growth-track span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#c89542,#f0d68a);
  transition:width .35s ease;
}
.neeaa-growth-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:7px;
  color:#c5b18b;
  font-size:10px;
}
.neeaa-growth-meta strong{
  color:#fff0b8;
}
.neeaa-growth-message{
  margin:9px 0 0;
  color:#d8c9aa;
  font-size:11px;
  line-height:1.6;
}
.neeaa-growth.is-missing{
  opacity:.72;
}
.neeaa-growth.is-level-up{
  animation:neeaa-growth-level-up .8s ease both;
}
@keyframes neeaa-growth-level-up{
  0%{transform:scale(1);box-shadow:0 0 0 rgba(240,214,138,0)}
  40%{transform:scale(1.018);box-shadow:0 0 28px rgba(240,214,138,.22)}
  100%{transform:scale(1);box-shadow:0 0 0 rgba(240,214,138,0)}
}


/* v0.4.0: 目的地へ歩行中の操作ロック */
.neeaa-action-button:disabled,
.neeaa-action-button.is-route-busy{
  opacity:.58;
  cursor:default;
}


/* =========================================================
 * v0.4.2 UI RELOCATION
 * 感情：ステージ上部
 * 操作：画面内フローティングドック
 * Growth Stage：壁紙直下（従来の感情カード位置）
 * ======================================================= */
.neeaa-character-host .ncae-stage{
  position:relative;
}

.neeaa-status.is-stage-overlay{
  position:absolute;
  z-index:52;
  top:12px;
  left:12px;
  right:12px;
  margin:0;
  padding:10px 12px;
  border-color:rgba(255,237,190,.26);
  border-radius:16px;
  background:rgba(25,16,9,.86);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  pointer-events:none;
}
.neeaa-status.is-stage-overlay .neeaa-status-symbol{
  width:38px;
  height:38px;
  font-size:19px;
}
.neeaa-status.is-stage-overlay .neeaa-status-emotion{
  min-width:126px;
}
.neeaa-status.is-stage-overlay [data-neeaa-status-message]{
  max-width:58%;
}

.neeaa-actions.is-floating-dock{
  position:fixed;
  z-index:9998;
  left:50%;
  bottom:calc(env(safe-area-inset-bottom, 0px) + 78px);
  width:min(520px,calc(100vw - 22px));
  margin:0;
  padding:10px;
  border-radius:18px;
  background:rgba(27,17,8,.94);
  box-shadow:0 14px 36px rgba(0,0,0,.34);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transform:translateX(-50%);
  transition:opacity .2s ease, transform .2s ease, width .2s ease;
}
.neeaa-actions.is-floating-dock.is-stage-outside{
  opacity:0;
  pointer-events:none;
  transform:translateX(-50%) translateY(14px);
}
.neeaa-actions.is-floating-dock .neeaa-actions-head{
  align-items:center;
  margin-bottom:8px;
}
.neeaa-actions-head > div{
  display:flex;
  flex-direction:column;
  gap:1px;
}
.neeaa-actions-head > div span{
  color:#b89f74;
  font-size:9px;
}
.neeaa-actions-toggle{
  appearance:none;
  width:36px;
  height:30px;
  padding:0;
  border:1px solid rgba(255,226,151,.23);
  border-radius:999px;
  color:#fff0c8;
  background:rgba(255,255,255,.06);
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.neeaa-actions-toggle:disabled{
  opacity:.55;
  cursor:default;
}
.neeaa-actions.is-floating-dock .neeaa-action-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.neeaa-actions.is-floating-dock .neeaa-action-button{
  min-height:42px;
  padding:8px 6px;
  border-radius:12px;
  font-size:11px;
  line-height:1.25;
}
.neeaa-actions.is-floating-dock .neeaa-action-note{
  display:none;
}
.neeaa-actions.is-floating-dock.is-collapsed{
  width:min(220px,calc(100vw - 28px));
  padding:8px 10px;
}
.neeaa-actions.is-floating-dock.is-collapsed .neeaa-action-grid,
.neeaa-actions.is-floating-dock.is-collapsed .neeaa-action-note{
  display:none;
}
.neeaa-actions.is-floating-dock.is-collapsed .neeaa-actions-head{
  margin:0;
}
.neeaa-actions.is-floating-dock.is-auto-collapsed .neeaa-actions-head strong{
  font-size:12px;
}

/* statusをステージへ移した後、Growth Stageが壁紙直下の先頭カードになる */
.neeaa-growth{
  margin-top:12px;
}

@media(min-width:900px){
  .neeaa-actions.is-floating-dock{
    bottom:18px;
  }
}

@media(max-width:620px){
  .neeaa-status.is-stage-overlay{
    top:9px;
    left:9px;
    right:9px;
    display:flex;
    padding:8px 10px;
  }
  .neeaa-status.is-stage-overlay [data-neeaa-status-message]{
    max-width:56%;
    margin:0;
    font-size:9px;
    line-height:1.45;
    text-align:right;
  }
  .neeaa-status.is-stage-overlay .neeaa-status-symbol{
    width:34px;
    height:34px;
    font-size:17px;
  }
  .neeaa-status.is-stage-overlay .neeaa-status-emotion{
    gap:8px;
    min-width:112px;
  }
  .neeaa-actions.is-floating-dock{
    bottom:calc(env(safe-area-inset-bottom, 0px) + 72px);
    width:calc(100vw - 16px);
  }
  .neeaa-actions.is-floating-dock .neeaa-action-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }
  .neeaa-actions.is-floating-dock .neeaa-action-button{
    min-height:40px;
    padding:7px 4px;
    font-size:10px;
  }
}


/* =========================================================
 * v0.4.3 STAGE EMBEDDED DOCK
 * 開閉式フローティングを廃止。
 * プレイ画面下部に半透明の操作UIを常設。
 * ======================================================= */
.neeaa-actions.is-stage-dock{
  position:absolute!important;
  z-index:58!important;
  left:8px!important;
  right:8px!important;
  bottom:8px!important;
  width:auto!important;
  margin:0!important;
  padding:7px 8px 8px!important;
  border:1px solid rgba(255,239,199,.18)!important;
  border-radius:15px!important;
  background:rgba(24,15,8,.58)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  transform:none!important;
  opacity:1!important;
  pointer-events:auto!important;
  transition:none!important;
  touch-action:manipulation;
}

.neeaa-actions.is-stage-dock .neeaa-actions-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 2px 5px!important;
}
.neeaa-actions.is-stage-dock .neeaa-actions-head > div{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
}
.neeaa-actions.is-stage-dock .neeaa-actions-head strong{
  color:rgba(255,244,214,.94)!important;
  font-size:10px!important;
  line-height:1.2!important;
}
.neeaa-actions.is-stage-dock .neeaa-actions-head span{
  color:rgba(242,221,178,.78)!important;
  font-size:8px!important;
  line-height:1.2!important;
}

.neeaa-actions.is-stage-dock .neeaa-action-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
}
.neeaa-actions.is-stage-dock .neeaa-action-button{
  min-height:31px!important;
  padding:5px 3px!important;
  border:1px solid rgba(255,224,153,.16)!important;
  border-radius:10px!important;
  color:rgba(255,245,219,.96)!important;
  background:rgba(91,57,18,.64)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  font-size:9px!important;
  line-height:1.15!important;
  white-space:normal!important;
}
.neeaa-actions.is-stage-dock .neeaa-action-button-special{
  background:rgba(111,27,48,.68)!important;
  border-color:rgba(255,186,205,.16)!important;
}
.neeaa-actions.is-stage-dock .neeaa-action-button:disabled,
.neeaa-actions.is-stage-dock .neeaa-action-button.is-route-busy{
  opacity:.48!important;
}

.neeaa-actions.is-stage-dock .neeaa-action-note,
.neeaa-actions.is-stage-dock .neeaa-actions-toggle{
  display:none!important;
}

/* 古いv0.4.2固定ドック用クラスが残っても固定表示させない */
.neeaa-actions.is-stage-dock.is-floating-dock,
.neeaa-actions.is-stage-dock.is-collapsed,
.neeaa-actions.is-stage-dock.is-auto-collapsed,
.neeaa-actions.is-stage-dock.is-stage-outside{
  position:absolute!important;
  width:auto!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}

/* ステージ上部の感情カードも少し透過を強め、画面を広く見せる */
.neeaa-status.is-stage-overlay{
  background:rgba(25,16,9,.68)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}

@media(max-width:620px){
  .neeaa-actions.is-stage-dock{
    left:6px!important;
    right:6px!important;
    bottom:6px!important;
    padding:6px!important;
    border-radius:13px!important;
  }
  .neeaa-actions.is-stage-dock .neeaa-action-grid{
    gap:4px!important;
  }
  .neeaa-actions.is-stage-dock .neeaa-action-button{
    min-height:29px!important;
    padding:4px 2px!important;
    font-size:8.5px!important;
  }
  .neeaa-actions.is-stage-dock .neeaa-actions-head{
    margin-bottom:4px!important;
  }
}


/* v0.4.4 いちご所持数 */
.neeaa-strawberry-badge{
  display:inline-block;
  margin-left:3px;
  padding:1px 5px;
  border-radius:999px;
  color:#ffe8ef;
  background:rgba(255,255,255,.10);
  font-size:.86em;
}

.neeaa-strawberry-stock{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px 10px;
  align-items:center;
  margin-top:10px;
  padding:10px 12px;
  border:1px solid rgba(255,176,199,.18);
  border-radius:14px;
  background:rgba(57,17,28,.72);
}
.neeaa-strawberry-stock > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.neeaa-strawberry-stock span{
  color:#f0cfda;
  font-size:11px;
}
.neeaa-strawberry-stock strong{
  color:#fff1f5;
  font-size:13px;
}
.neeaa-strawberry-stock button{
  min-height:30px;
  padding:5px 9px;
  border:1px solid rgba(255,191,208,.22);
  border-radius:10px;
  color:#ffeaf0;
  background:rgba(132,38,62,.72);
  font-size:9px;
  font-weight:700;
}
.neeaa-strawberry-stock p{
  grid-column:1/-1;
  margin:0;
  color:#d9b9c3;
  font-size:9px;
  line-height:1.5;
}


/* v0.5.0 正式0.5Kいちご購入UI */
.neeaa-strawberry-stock{
  grid-template-columns:1fr auto;
}
.neeaa-strawberry-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.neeaa-strawberry-purchase-open{
  white-space:nowrap;
}
.neeaa-strawberry-auth,
.neeaa-strawberry-member{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:7px;
  align-items:end;
  padding-top:8px;
  border-top:1px solid rgba(255,190,210,.12);
}
.neeaa-strawberry-auth[hidden],
.neeaa-strawberry-member[hidden]{
  display:none!important;
}
.neeaa-strawberry-auth label{
  display:grid;
  gap:3px;
}
.neeaa-strawberry-auth label span{
  font-size:8px;
  color:#d7b7c1;
}
.neeaa-strawberry-auth input{
  width:100%;
  min-width:0;
  height:32px;
  padding:5px 8px;
  border:1px solid rgba(255,198,214,.18);
  border-radius:9px;
  color:#fff4f7;
  background:rgba(24,9,14,.72);
  font-size:10px;
  outline:none;
}
.neeaa-strawberry-member{
  grid-template-columns:1fr auto auto;
}
.neeaa-strawberry-member > div{
  display:grid;
  gap:2px;
  justify-items:start;
}
.neeaa-strawberry-member > div span{
  color:#ffe0e8;
  font-size:10px;
}
.neeaa-strawberry-member > div strong{
  color:#fff4f7;
  font-size:10px;
}
.neeaa-strawberry-member button.is-secondary{
  background:rgba(255,255,255,.05);
  color:#d8bdc5;
}
@media(max-width:620px){
  .neeaa-strawberry-auth{
    grid-template-columns:1fr 1fr;
  }
  .neeaa-strawberry-auth button{
    grid-column:1/-1;
  }
  .neeaa-strawberry-member{
    grid-template-columns:1fr 1fr;
  }
  .neeaa-strawberry-member > div{
    grid-column:1/-1;
  }
}

.neeaa-strawberry-records{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:6px;
}
.neeaa-strawberry-records > div{
  display:grid;
  gap:3px;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.neeaa-strawberry-records > div span{
  font-size:9px;
  color:#d9b9c7;
}
.neeaa-strawberry-records > div strong{
  font-size:11px;
  color:#fff4f7;
}
@media(max-width:620px){
  .neeaa-strawberry-records{
    grid-template-columns:1fr;
  }
}


/* ==========================================================
   v0.6.1 いちご思い出 TEST MODE
   既存いちごカードの中へ直接内蔵
   ========================================================== */
.neeaa-strawberry-test-tools{
  grid-column:1 / -1;
  display:grid;
  gap:9px;
  margin-top:10px;
  padding:11px;
  border-radius:14px;
  border:1px solid rgba(255,214,91,.26);
  background:
    linear-gradient(180deg,rgba(45,22,34,.62),rgba(27,16,24,.62));
}

.neeaa-strawberry-test-tools > header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}

.neeaa-strawberry-test-tools > header > div{
  display:grid;
  gap:2px;
}

.neeaa-strawberry-test-tools > header strong{
  color:#fff1bd;
  font-size:11px;
}

.neeaa-strawberry-test-tools > header span{
  color:#ddc9d0;
  font-size:8px;
}

.neeaa-strawberry-test-tools > header b{
  color:#d9bdc9;
  font-size:8px;
  font-weight:600;
}

.neeaa-strawberry-test-help{
  margin:0;
  color:#f5e7eb;
  font-size:9px;
  line-height:1.5;
}

.neeaa-strawberry-test-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}

.neeaa-strawberry-test-summary > div{
  display:grid;
  gap:3px;
  padding:8px 9px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
}

.neeaa-strawberry-test-summary span{
  color:#d8c4cb;
  font-size:8px;
}

.neeaa-strawberry-test-summary strong{
  color:#fff;
  font-size:10px;
}

.neeaa-strawberry-test-values{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:5px;
}

.neeaa-strawberry-test-values button{
  min-height:30px;
  padding:5px 2px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:9px;
  font-weight:700;
}

.neeaa-strawberry-test-values button.is-active{
  border-color:rgba(255,209,81,.58);
  background:rgba(255,209,81,.18);
  color:#fff1bd;
}

.neeaa-strawberry-test-scenes{
  display:grid;
  gap:6px;
}

.neeaa-strawberry-test-scenes button{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:7px;
  width:100%;
  min-height:38px;
  padding:7px 9px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  color:#fff;
  text-align:left;
}

.neeaa-strawberry-test-scenes button span{
  color:#ffcfdf;
  font-size:8px;
  font-weight:700;
}

.neeaa-strawberry-test-scenes button strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
}

.neeaa-strawberry-test-scenes button em{
  color:#d7c3ca;
  font-size:8px;
  font-style:normal;
  white-space:nowrap;
}

.neeaa-strawberry-test-scenes button.is-unlocked{
  border-color:rgba(255,104,149,.28);
  background:rgba(255,104,149,.10);
}

.neeaa-strawberry-test-scenes button.is-locked{
  opacity:.42;
}

.neeaa-strawberry-test-footer{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}

.neeaa-strawberry-test-footer button{
  min-height:32px;
  padding:6px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:9px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:8px;
  font-weight:700;
}

.neeaa-strawberry-test-status{
  margin:0;
  color:#d9c6cd;
  font-size:8px;
  line-height:1.45;
}

@media(max-width:520px){
  .neeaa-strawberry-test-values{
    grid-template-columns:repeat(3,1fr);
  }

  .neeaa-strawberry-test-summary{
    grid-template-columns:1fr;
  }
}


/* v0.6.2: 75 / Scene06 / RARE */
.neeaa-strawberry-test-scenes button.is-rare{
  border-color:rgba(157,119,255,.34);
  background:rgba(119,78,210,.12);
}

.neeaa-strawberry-test-scenes button.is-rare span{
  color:#d8c8ff;
}


/* ==========================================================
   v0.6.3
   既存 .neeaa-strawberry-stock > div {display:flex} の影響を
   TEST MODEだけ明示的に打ち消す。
   スマホでは縦一列で見やすくする。
========================================================== */
.neeaa-strawberry-stock > .neeaa-strawberry-test-tools{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

.neeaa-strawberry-stock > .neeaa-strawberry-test-tools > *{
  min-width:0!important;
  width:100%;
  box-sizing:border-box;
}

.neeaa-strawberry-test-values{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.neeaa-strawberry-test-scenes{
  grid-template-columns:minmax(0,1fr)!important;
}

.neeaa-strawberry-test-scenes button{
  grid-template-columns:58px minmax(0,1fr) auto!important;
}

@media(max-width:620px){
  .neeaa-strawberry-test-summary{
    grid-template-columns:1fr 1fr!important;
  }

  .neeaa-strawberry-test-values{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  .neeaa-strawberry-test-scenes button{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:5px!important;
  }

  .neeaa-strawberry-test-scenes button em{
    grid-column:1 / -1;
    padding-left:57px;
  }

  .neeaa-strawberry-test-footer{
    grid-template-columns:1fr!important;
  }
}


/* v0.6.5: 感情アイコン吹き出しは感情変化時だけ一時表示 */
.neeaa-emotion-bubble[hidden]{
  display:none!important;
}


/* =========================================================
   v0.6.6
   実機表示成功済みの感情吹き出しを、
   独り言の時だけ横長メッセージ吹き出しに変える。
========================================================= */
.neeaa-emotion-bubble.is-idle-monologue{
  display:grid!important;
  width:max-content!important;
  min-width:0!important;
  max-width:180px!important;
  height:auto!important;
  min-height:38px!important;
  padding:8px 11px!important;
  border-radius:15px!important;

  color:#55326e!important;
  background:rgba(252,247,255,.98)!important;
  border-color:rgba(199,155,237,.86)!important;

  font-family:
    "Hiragino Maru Gothic ProN",
    "Yu Gothic",
    sans-serif!important;
  font-size:11px!important;
  font-weight:650!important;
  line-height:1.5!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  white-space:normal!important;

  box-shadow:
    0 8px 22px rgba(0,0,0,.22),
    0 0 18px rgba(169,111,225,.12)!important;
}

.neeaa-emotion-bubble.is-idle-monologue::after{
  background:rgba(252,247,255,.98)!important;
  border-right-color:rgba(199,155,237,.86)!important;
  border-bottom-color:rgba(199,155,237,.86)!important;
}


/* =========================================================
   v0.6.7 撫ですぎ💢ミニイベント
========================================================= */
.neeaa-emotion-bubble.is-idle-monologue.is-pet-temper{
  color:#6b315d!important;
  background:rgba(255,244,251,.98)!important;
  border-color:rgba(226,149,198,.90)!important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.22),
    0 0 20px rgba(220,126,188,.18)!important;
}

.neeaa-emotion-bubble.is-idle-monologue.is-pet-temper::after{
  background:rgba(255,244,251,.98)!important;
  border-right-color:rgba(226,149,198,.90)!important;
  border-bottom-color:rgba(226,149,198,.90)!important;
}

.neeaa-emotion-bubble.is-idle-monologue.is-pet-recovery{
  color:#54346f!important;
  background:rgba(250,245,255,.98)!important;
  border-color:rgba(193,155,235,.90)!important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.22),
    0 0 20px rgba(168,115,226,.16)!important;
}


/* =========================================================
   v0.6.9 ルームBGM
   Character Action Engine既存コントロールをステージ左上へ表示。
========================================================= */
.neeaa-character-host .ncae-stage .ncae-bgm-control.neeaa-room-sound-control{
  display:flex!important;
  position:absolute!important;
  z-index:92!important;
  top:14px!important;
  left:14px!important;
  right:auto!important;
  bottom:auto!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  width:auto!important;
  max-width:58%!important;
  margin:0!important;
  padding:7px 8px!important;
  border:1px solid rgba(226,190,104,.36)!important;
  border-radius:14px!important;
  background:rgba(24,14,8,.72)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  pointer-events:auto!important;
}

.neeaa-character-host .ncae-stage .neeaa-room-sound-control .ncae-bgm-toggle{
  min-height:34px!important;
  margin:0!important;
  padding:6px 11px!important;
  border:1px solid rgba(255,226,151,.34)!important;
  border-radius:999px!important;
  color:#fff2c7!important;
  background:rgba(70,42,17,.92)!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  touch-action:manipulation;
}

.neeaa-character-host .ncae-stage .neeaa-room-sound-control .ncae-bgm-now{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  color:rgba(255,241,207,.78)!important;
  font-size:8px!important;
  line-height:1.35!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media (max-width:480px){
  .neeaa-character-host .ncae-stage .ncae-bgm-control.neeaa-room-sound-control{
    top:10px!important;
    left:10px!important;
    max-width:52%!important;
    padding:6px 7px!important;
  }

  .neeaa-character-host .ncae-stage .neeaa-room-sound-control .ncae-bgm-toggle{
    min-height:32px!important;
    padding:6px 9px!important;
    font-size:10px!important;
  }

  .neeaa-character-host .ncae-stage .neeaa-room-sound-control .ncae-bgm-now{
    font-size:7.5px!important;
  }
}