body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none}body{height:var(--app-height,100dvh)!important;min-height:var(--app-height,100dvh)!important;background-color:#0f0a07;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden;font-family:'Courier New',Courier,monospace}canvas{image-rendering:auto}.ui-panel{background:rgba(36,26,20,.96);border:2px solid #523424;border-radius:4px;box-shadow:inset 0 0 10px rgba(0,0,0,.55),0 4px 8px rgba(0,0,0,.45);color:#ebdcb9}.tool-btn{background:#2a1a12;border:2px solid #4a3022;color:#8a6c5e;transition:all .1s;flex:0 0 auto}.tool-btn.active{background:#523424;border-color:#d08a4d;color:#f7e6d5;transform:translateY(-2px);box-shadow:0 4px 0 #160c08}.wood-text{color:#ebdcb9;text-shadow:1px 1px 0 #18110e}.tab-btn{background:#2a1a12;border-bottom:none;opacity:.6}.tab-btn.active{background:rgba(36,26,20,.96);opacity:1;border-top:2px solid #8c5a3c}.nursery-spec-tab{background:#2a1a12;border:1px solid #4a3022;color:#8a6c5e;transition:all .15s}.nursery-spec-tab.active{background:#523424;border-color:#8c5a3c;color:#f7e6d5;transform:scale(1.05)}.nursery-age-tab{background:#2a1a12;border:1px solid #4a3022;color:#c7a98a;transition:all .15s}.nursery-age-tab.active{background:#523424;border-color:#8c5a3c;color:#f7e6d5;transform:scale(1.03);box-shadow:inset 0 0 8px rgba(0,0,0,.4)}.hanko-seal{border:2px solid #c82323;color:#c82323;background-color:transparent;font-family:"MS Mincho",serif;display:inline-block;font-weight:900;padding:2px 4px;text-transform:uppercase;letter-spacing:.05em;transform:rotate(-4deg)}.en-label{display:none;color:#d8b48a;font-size:.75em;opacity:.9}body.show-en .en-label{display:inline}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#1a100a}::-webkit-scrollbar-thumb{background:#4a3022;border-radius:3px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.pixel-cell{aspect-ratio:1;border:1px solid rgba(255,255,255,.06);cursor:pointer;touch-action:none}.shop-card{background:#2a1a12;border:1px solid #523424;border-radius:6px;padding:10px}.shop-buy{background:#1d2f20;border:1px solid #37633d;color:#baf0bf;border-radius:4px;padding:6px 8px;font-size:11px;font-weight:800}.shop-buy:active{transform:scale(.96)}#title-screen{background:#0f0a07}#game-container{width:min(100vw,430px);height:var(--app-height,100dvh);max-height:var(--app-height,100dvh);min-height:0}#canvas-wrapper{min-height:0;flex:1 1 auto}#bottom-toolbar{flex:0 0 auto;padding-bottom:max(14px,env(safe-area-inset-bottom))!important}#toolbelt{min-height:70px;max-height:84px}@media (min-width:700px){#game-container{width:min(430px,100vw);height:min(var(--app-height,100dvh),820px);max-height:min(var(--app-height,100dvh),820px)}}#title-canvas{width:100%;height:100%;display:block}#cinematic-exit{background:rgba(36,26,20,.86);border:2px solid rgba(82,52,36,.9);color:#f4ead2;box-shadow:inset 0 0 10px rgba(0,0,0,.55),0 5px 14px rgba(0,0,0,.45);text-shadow:1px 1px 0 #18110e}body:not(.dev-build) #settings-god{display:none!important}#cinematic-brand{padding:8px 18px 7px;background:rgba(244,234,210,.46);border:1px solid rgba(82,52,36,.28);border-radius:8px;box-shadow:0 5px 18px rgba(0,0,0,.18);backdrop-filter:blur(1.5px)}.cinematic-brand-title{color:#2d1b13;font-family:'Courier New',Courier,monospace;font-weight:900;font-size:24px;letter-spacing:.24em;line-height:1;text-shadow:1px 1px 0 rgba(255,245,220,.9)}.cinematic-brand-subtitle{color:#523424;font-family:'Courier New',Courier,monospace;font-weight:800;font-size:9px;letter-spacing:.18em;margin-top:4px;opacity:.9}body.cinematic #canvas-wrapper>.absolute:not(#cinematic-exit):not(#cinematic-brand){display:none!important}body.cinematic #bottom-toolbar{display:none!important}body.cinematic #cinematic-brand,body.cinematic #cinematic-exit{display:block!important}body.cinematic #canvas-wrapper{flex:1 1 auto}body.cinematic #game-container{background:#0f0a07}#btn-title-start{position:absolute;left:50%;bottom:82px;transform:translateX(-50%);width:132px;height:42px;background:rgba(36,26,20,.96);border:2px solid #523424;border-radius:6px;color:#f4ead2;font-size:18px;font-weight:900;letter-spacing:.18em;box-shadow:inset 0 0 10px rgba(0,0,0,.55),0 5px 0 #160c08,0 8px 16px rgba(0,0,0,.45);text-shadow:1px 1px 0 #18110e}#btn-title-start:active{transform:translateX(-50%) translateY(3px);box-shadow:inset 0 0 10px rgba(0,0,0,.55),0 2px 0 #160c08,0 4px 10px rgba(0,0,0,.45)}.tutorial-overlay{background:rgba(15,10,7,.82);backdrop-filter:blur(2px)}.tutorial-card{background:rgba(36,26,20,.98);border:2px solid #523424;border-radius:8px;box-shadow:inset 0 0 18px rgba(0,0,0,.55),0 10px 24px rgba(0,0,0,.55);color:#ebdcb9}.tutorial-btn{background:#2a1a12;border:1px solid #6e4a31;border-radius:5px;color:#ebdcb9;font-weight:800;transition:transform 80ms,background .12s}.tutorial-btn:active{transform:scale(.96)}.tutorial-btn.good{background:#163522;border-color:#36734a;color:#baf0bf}.tutorial-btn.bad{background:#3b1818;border-color:#7c3030;color:#ffb4b4}.tutorial-step-dot{width:7px;height:7px;border-radius:999px;background:#5c4033;display:inline-block}.tutorial-step-dot.active{background:#d08a4d}.mode-choice-btn{background:#2a1a12;border:1px solid #6e4a31;border-radius:7px;color:#ebdcb9;font-weight:900;padding:12px 10px;text-align:left;transition:transform 80ms,background .12s,border-color .12s}.mode-choice-btn:active{transform:scale(.97)}.mode-choice-btn.care{background:#241712;border-color:#9f5b41}.mode-choice-btn.zen{background:#14251c;border-color:#36734a}.mode-choice-btn.sandbox{background:#221438;border-color:#7c4fc7}#health-fill{transition:width .25s ease,background-color .25s ease}.save-btn{background:#2a1a12;border:1px solid #6e4a31;border-radius:5px;color:#ebdcb9;font-weight:800;font-size:11px;padding:9px 6px;transition:transform 80ms,background .12s}.save-btn:active{transform:scale(.96)}.save-btn.good{background:#163522;border-color:#36734a;color:#baf0bf}.save-btn.blue{background:#142538;border-color:#2f5f91;color:#b8dcff}.save-btn.gold{background:#4e3115;border-color:#7a5332;color:#ffe0a3}.save-btn.bad{background:#3b1818;border-color:#7c3030;color:#ffb4b4}#save-transfer-box{background:#100a07;border:1px solid #523424;color:#ebdcb9;border-radius:5px;min-height:72px;font-size:10px;padding:8px;width:100%;resize:vertical;outline:0}#save-transfer-box:focus{border-color:#d08a4d}#game-container{width:100vw!important;max-width:none!important;height:var(--app-height,100dvh)!important;max-height:var(--app-height,100dvh)!important}#game-canvas{filter:saturate(1.08) contrast(1.035) brightness(1.015);image-rendering:auto}#nursery-canvas,#title-canvas{filter:saturate(1.05) contrast(1.02);image-rendering:auto}#glaze-pixel-grid{grid-template-columns:repeat(36,minmax(0,1fr))!important;border-radius:8px;overflow:hidden}.pixel-cell.inactive-shape{opacity:.18;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 2px,rgba(0,0,0,.08) 2px 4px)}.glaze-shape-btn{background:#2a1a12;border:1px solid #6e4a31;border-radius:999px;color:#d8b48a;font-size:10px;font-weight:800;padding:6px 8px;transition:transform 80ms,background .12s,border-color .12s;white-space:nowrap}.glaze-shape-btn.active{background:#523424;border-color:#d08a4d;color:#f7e6d5;box-shadow:0 0 0 1px rgba(208,138,77,.22)}.glaze-shape-btn:active{transform:scale(.96)}@media (min-width:700px){#game-container{width:100vw!important;height:var(--app-height,100dvh)!important;max-height:var(--app-height,100dvh)!important}#bottom-toolbar{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}.ui-panel{backdrop-filter:blur(1.5px)}}#nursery-reroll-btn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;left:-99999px!important;top:-99999px!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;max-width:0!important;max-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;z-index:-999!important;}


/* Final release identity. Legacy compatibility code may still write internal
   build labels, but the user-facing version remains stable without observers. */
#game-version-label { font-size: 0; }
#game-version-label::after { content: attr(data-release-version); font-size: 11px; }

/* Release UX: explicit hotbar trash mode. */
#nintai-hotbar-delete-modal {
  position: absolute;
  inset: 0;
  z-index: 125;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(15, 10, 7, .64);
  pointer-events: auto;
}
#nintai-hotbar-delete-modal.visible {
  display: flex;
}
.nintai-release-card {
  width: min(100%, 340px);
  max-height: 86%;
  overflow: auto;
  padding: 16px;
  border: 2px solid #6e4a31;
  border-radius: 10px;
  background: rgba(36, 26, 20, .985);
  box-shadow: inset 0 0 18px rgba(0, 0, 0, .46), 0 12px 32px rgba(0, 0, 0, .62);
  color: #ebdcb9;
}
.nintai-release-title {
  color: #f7e6d5;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .04em;
}
.nintai-release-copy {
  margin-top: 9px;
  color: rgba(255, 239, 210, .78);
  font-size: 12px;
  line-height: 1.45;
}
.nintai-release-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 14px;
}
.nintai-release-button {
  min-height: 42px;
  padding: 9px;
  color: #ebdcb9;
  font-size: 12px;
  font-weight: 900;
}
.nintai-release-button.danger {
  color: #ffb4b4;
  border-color: #7c3030;
  background: #3b1818;
}

/* 1.0.4 market asking-price controls. */
#nintai-market-price-controls {
  margin-top: 7px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.nintai-market-step-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}
.nintai-market-step {
  min-width: 0;
  min-height: 34px;
  padding: 5px 2px;
  color: #f1dba7;
  font-size: 10px;
  font-weight: 900;
  touch-action: manipulation;
}
.nintai-market-step.appraisal {
  color: #bde8dc;
  border-color: #35685b;
}
.nintai-market-snap-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  color: rgba(255, 239, 210, .58);
  font-size: 9px;
  font-weight: 800;
}
.nintai-market-snap {
  min-width: 34px;
  padding: 4px 6px;
  border: 1px solid #523424;
  border-radius: 6px;
  background: #140d09;
  color: rgba(255, 239, 210, .7);
  font-size: 9px;
  font-weight: 900;
  touch-action: manipulation;
}
.nintai-market-snap.active {
  border-color: #8d693a;
  background: #4e3115;
  color: #ffe6a8;
  box-shadow: 0 0 0 1px rgba(255, 215, 130, .12) inset;
}

/* Startup notifications stay completely hidden until the playable scene is ready. */
body:not(.nintai-world-ready) #notification-area {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 2.2.27 — stable presentation mode: never reflow the workshop when UI is hidden. */
body.cinematic #bottom-toolbar{
  display:flex!important;
  visibility:visible!important;
  background:#0f0a07!important;
  border-color:#0f0a07!important;
  box-shadow:none!important;
}
body.cinematic #bottom-toolbar>*{
  visibility:hidden!important;
  pointer-events:none!important;
}
body.cinematic #canvas-wrapper{
  flex:1 1 auto!important;
  min-height:0!important;
}
body.cinematic #cinematic-brand{
  display:block!important;
  top:10px!important;
}
body.cinematic #cinematic-exit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  left:14px!important;
  right:auto!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  transform:none!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  border-radius:999px!important;
  font-size:14px!important;
  background:rgba(24,15,10,.72)!important;
  border:1px solid rgba(232,213,171,.38)!important;
  color:#f2dfb9!important;
  backdrop-filter:blur(3px);
}
