/* Nintai 2.1.5 — final upload layout and responsive polish. */

/* Main screen: keep Nursery immediately available and collapse secondary actions. */
#nintai-main-control-column{
  width:min(42vw,168px);align-items:stretch!important;gap:7px!important;
}
#nintai-main-control-column>button{width:100%;min-height:42px;border-radius:8px!important;font-size:13px!important;font-weight:900!important;letter-spacing:.01em;line-height:1.1}
#nintai-main-control-column .nintai-primary-nursery-button{min-height:46px;background:rgba(24,57,38,.96);border-color:#39724e;color:#c7f5d2!important}
#nintai-main-control-column .nintai-primary-shop-button{min-height:44px;background:rgba(55,39,22,.97);border-color:#795735;color:#ffe1ad!important}
.nintai-main-menu-toggle{display:flex!important;align-items:center;justify-content:center;gap:8px;padding:9px 10px!important;color:#d9e9ff!important;background:rgba(22,34,49,.96)!important;border-color:#3b5d7c!important;touch-action:manipulation}
.nintai-main-menu-toggle .nintai-menu-chevron{margin-left:auto;font-size:10px;transition:transform .16s ease}.nintai-main-menu-toggle.open .nintai-menu-chevron{transform:rotate(180deg)}
.nintai-main-controls-drawer{display:none;flex-direction:column;gap:7px;padding:8px;border:2px solid #523424;border-radius:10px;background:rgba(20,13,9,.96);box-shadow:0 12px 30px rgba(0,0,0,.55);max-height:min(56dvh,460px);min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.nintai-main-controls-drawer.open{display:flex}
.nintai-main-controls-drawer .nintai-drawer-control{display:flex!important;align-items:center;justify-content:flex-start;gap:6px;width:100%;min-height:42px!important;padding:9px 11px!important;border-radius:7px!important;font-size:12px!important;font-weight:900!important;text-align:left;white-space:normal}
.nintai-main-controls-drawer #btn-timeskip,.nintai-main-controls-drawer #btn-sell{justify-content:center;text-align:center;font-size:11px!important}
.nintai-main-controls-drawer .hidden{display:none!important}

/* Nursery: more readable species cards, scroll-safe controls, no canvas overlay. */
#modal-nursery>.nintai-nursery-controls-panel,#modal-nursery>.bg-\[\#1f1510\]{max-height:54%;overflow-y:auto;overscroll-behavior:contain;padding:10px!important;gap:9px!important}
#nursery-species-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
#nursery-age-row{gap:7px!important}
.nursery-spec-tab{min-height:43px;padding:7px 16px 6px 6px!important;border-radius:7px!important;font-size:10px!important;font-weight:900!important;line-height:1.13!important;transform:none!important}
.nursery-spec-tab.active{box-shadow:inset 0 0 9px rgba(0,0,0,.36),0 0 0 1px rgba(208,138,77,.25);transform:none!important}
.nursery-age-tab{min-height:49px;padding:7px!important;border-radius:7px!important;font-weight:900!important;transform:none!important}
.nursery-age-tab.active{transform:none!important}
#btn-nursery-propagation{min-height:40px!important;padding:9px 11px!important;font-size:11px!important;font-weight:900!important}
.nintai-nursery-action-stack{display:flex;flex-direction:column;gap:7px;width:100%}
#nintai-nursery-action-stack #btn-buy-preview{min-height:45px!important;padding:10px 12px!important;border-radius:8px!important;font-size:12px!important;font-weight:900!important}
#nintai-nursery-action-stack #nursery-stock-refresh-v82{
  position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
  z-index:auto!important;width:100%!important;min-height:40px!important;margin:0!important;padding:9px 12px!important;border-radius:8px!important;
  font-size:11px!important;font-weight:900!important;box-shadow:inset 0 0 10px rgba(208,138,77,.12)!important;touch-action:manipulation!important
}
#nintai-nursery-action-stack #nursery-stock-refresh-v82:active{transform:scale(.98)!important}
#nursery-stock-label-v80{top:10px!important;bottom:auto!important;padding:5px 9px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important}

/* General modal polish: stronger touch targets and typography without crowding. */
.n2-window-head h2,#modal-settings h2,#modal-shop h2,#modal-shelf h2,#modal-sell h2{font-weight:900!important}
.n2-tab,.tab-btn,.save-btn,.n2-primary-button,.n2-secondary-button,.shop-buy{min-height:38px;font-weight:900!important}
.n2-window-body,.n2-card,.shop-card{font-size:12px}
#modal-settings button{font-weight:900!important}

/* Context information stays present but visually quieter. */
.nintai-info-dot{width:12px!important;height:12px!important;margin-left:5px!important;font-size:8px!important;border-width:1px!important;box-shadow:0 1px 4px rgba(0,0,0,.28)!important}
.nursery-spec-tab>.nintai-info-dot,.nursery-age-tab>.nintai-info-dot,.n2-species-tile>.nintai-info-dot,[data-n2-tab-group][data-n2-tab]>.nintai-info-dot{right:3px!important;top:3px!important;width:10px!important;height:10px!important;font-size:6px!important}
.shop-card h3>.nintai-info-dot{width:11px!important;height:11px!important;font-size:6px!important}

@media(max-width:370px){
  #nintai-main-control-column{width:min(43vw,152px)}
  #nintai-main-control-column>button{font-size:12px!important}
  #nursery-species-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .nursery-spec-tab{font-size:9px!important;min-height:41px}
}
@media(max-height:650px){
  #modal-nursery>.nintai-nursery-controls-panel,#modal-nursery>.bg-\[\#1f1510\]{max-height:58%}
  .nursery-spec-tab{min-height:39px;padding-top:5px!important;padding-bottom:5px!important}
  .nursery-age-tab{min-height:43px}
}


/* Final Nursery preview: preserve the exact 240:360 logical aspect ratio. */
#modal-nursery .relative.flex-grow{background:#0b0907;isolation:isolate}
#nursery-canvas{display:block!important;align-self:center!important;justify-self:center!important;object-fit:contain!important}

/* The Achievements action belongs to the expanded main menu, not Settings. */
#settings-achievements{display:none!important}
.nintai-achievement-menu-button{position:relative}
.nintai-achievement-menu-button .nintai-achievement-badge{margin-left:auto}

/* Propagation Inventory empty state. */
.n2-empty-state{margin-top:12px;padding:28px 18px;text-align:center;border:1px dashed #5d4930;border-radius:12px;background:rgba(21,15,10,.72);color:#a99779}
.n2-empty-state i{font-size:24px;color:#718153}.n2-empty-state h3{margin:9px 0 4px}.n2-empty-state p{max-width:290px;margin:0 auto}


/* Nintai 2.2.1 — clean translucent workshop HUD. */
#nintai-main-control-column{
  position:relative;
  width:min(39vw,158px);
  gap:6px!important;
  filter:none;
}
#nintai-main-control-column>button:not(#nintai-workshop-help-button){
  width:100%;
  min-height:40px;
  padding:8px 11px!important;
  border:1px solid rgba(245,232,211,.46)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(30,24,20,.54),rgba(17,13,11,.42))!important;
  color:#f5ead8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 3px 10px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(5px) saturate(1.08);
  -webkit-backdrop-filter:blur(5px) saturate(1.08);
  text-shadow:0 1px 2px rgba(0,0,0,.95)!important;
  transition:transform .11s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
#nintai-main-control-column>button:not(#nintai-workshop-help-button):active{
  transform:scale(.965)!important;
  background:linear-gradient(180deg,rgba(54,43,35,.66),rgba(25,19,15,.54))!important;
}
#nintai-main-control-column .nintai-primary-nursery-button{
  min-height:44px;
  border-color:rgba(132,223,157,.72)!important;
  color:#d8ffe0!important;
  background:linear-gradient(180deg,rgba(20,67,40,.53),rgba(13,38,25,.39))!important;
}
#nintai-main-control-column .nintai-primary-shop-button{
  min-height:42px;
  border-color:rgba(241,191,111,.70)!important;
  color:#ffe8be!important;
  background:linear-gradient(180deg,rgba(77,50,24,.52),rgba(42,28,17,.39))!important;
}
#nintai-main-control-column .nintai-primary-view-button{
  min-height:42px;
  border-color:rgba(111,224,194,.72)!important;
  color:#d8fff3!important;
  background:linear-gradient(180deg,rgba(20,70,62,.50),rgba(12,39,35,.38))!important;
}
#nintai-main-control-column .nintai-main-menu-toggle{
  min-height:36px;
  padding:7px 10px!important;
  border-color:rgba(156,190,226,.66)!important;
  color:#e4f0ff!important;
  background:linear-gradient(180deg,rgba(29,50,71,.48),rgba(17,29,42,.38))!important;
}
.nintai-main-menu-toggle .nintai-menu-chevron{margin-left:auto;font-size:9px}
.nintai-main-controls-drawer{
  gap:6px;
  padding:7px;
  border:1px solid rgba(235,214,190,.38);
  border-radius:11px;
  background:rgba(18,13,10,.72);
  box-shadow:0 10px 26px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(8px) saturate(1.05);
  -webkit-backdrop-filter:blur(8px) saturate(1.05);
}
.nintai-main-controls-drawer .nintai-drawer-control{
  min-height:38px!important;
  padding:8px 10px!important;
  border:1px solid rgba(226,208,186,.38)!important;
  border-radius:8px!important;
  background:rgba(35,27,22,.48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
  color:#f2e6d5!important;
  text-shadow:0 1px 2px rgba(0,0,0,.92)!important;
}
.nintai-main-controls-drawer .nintai-drawer-control:active{background:rgba(69,51,39,.64)!important;transform:scale(.975)!important}
#nintai-workshop-help-button{
  position:absolute;
  right:calc(100% + 7px);
  top:1px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  min-height:29px!important;
  padding:0!important;
  border:1px solid rgba(157,223,235,.70)!important;
  border-radius:999px!important;
  background:rgba(19,44,52,.46)!important;
  color:#d9f9ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 10px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  text-shadow:0 1px 2px rgba(0,0,0,.9);
  font-size:13px!important;
  touch-action:manipulation;
}
#nintai-workshop-help-button:active{transform:scale(.92)}
#settings-help-guide{display:none!important}
@media(max-width:370px){
  #nintai-main-control-column{width:min(39vw,146px)}
  #nintai-workshop-help-button{right:calc(100% + 5px);width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}
}

/* Nintai 2.2.1 — compact View eye and final workshop control hierarchy. */
#nintai-main-control-column>button:not(.nintai-view-eye-button):not(.nintai-settings-gear-button):not(#nintai-workshop-help-button){
  width:100%;
}
#nintai-main-control-column .nintai-view-eye-button{
  position:absolute!important;
  right:calc(100% + 7px)!important;
  top:1px!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(132,233,207,.74)!important;
  border-radius:999px!important;
  background:rgba(14,52,46,.48)!important;
  color:#e0fff7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 3px 10px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(6px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(6px) saturate(1.08)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.92)!important;
  font-size:13px!important;
}
#nintai-main-control-column .nintai-view-eye-button:active{transform:scale(.91)!important;background:rgba(25,85,74,.65)!important}
#nintai-main-control-column .nintai-settings-gear-button{
  position:absolute!important;
  right:calc(100% + 45px)!important;
  top:1px!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(139,190,240,.74)!important;
  border-radius:999px!important;
  background:rgba(17,42,70,.50)!important;
  color:#e3f1ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 3px 10px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(6px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(6px) saturate(1.08)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.92)!important;
  font-size:13px!important;
  touch-action:manipulation!important;
}
#nintai-main-control-column .nintai-settings-gear-button:active{transform:scale(.91)!important;background:rgba(31,74,116,.68)!important}
#nintai-main-menu-toggle{order:90}
#nintai-main-controls-drawer{order:91}
#modal-settings #settings-help-guide{display:none!important}
#nintai-main-controls-drawer #settings-help-guide{display:flex!important}
#nintai-workshop-help-button{display:none!important}
@media(max-width:370px){
  #nintai-main-control-column .nintai-view-eye-button{right:calc(100% + 5px)!important;width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important}
  #nintai-main-control-column .nintai-settings-gear-button{right:calc(100% + 40px)!important;width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important}
}


/* Nintai 2.2.15 — accessibility-scaled drawer and startup tap-through guard. */
.nintai-main-controls-drawer.open{pointer-events:auto}
.nintai-main-controls-drawer .nintai-drawer-control{flex:0 0 auto}
#btn-title-start.nintai-title-start-locked,#btn-title-start:disabled{opacity:.70;pointer-events:none;filter:saturate(.78);cursor:default}