/* DOBOX ASIA · V144 · DA MASTER PRESERVATION
   Visual source of truth: V139_DA_HARMONISEE.
   Weather changes the state of the SAME render language; it does not swap art styles. */

/* ---- Global Day 4 visual discipline ---- */
.d4-v144-da .d4-world-img{
  filter:none!important;
  transition:opacity .35s ease,filter .45s ease,transform .65s ease!important;
}
.d4-v144-da.d4-rain .d4-world-img,
.d4-v144-da.d4-walk .d4-world-img,
.d4-v144-da.d4-houses .d4-world-img,
.d4-v144-da.d4-departure .d4-world-img,
.d4-v144-da.d4-final .d4-world-img{
  filter:saturate(.88) contrast(.98) brightness(.92)!important;
}

/* Rain should feel like atmosphere, not white diagonal wallpaper. */
.d4-v144-da .d4-rain{
  background:linear-gradient(180deg,rgba(48,62,68,.08),rgba(8,24,29,.14))!important;
  mix-blend-mode:normal!important;
}
.d4-v144-da .d4-rain i{
  opacity:.16!important;
  background-image:repeating-linear-gradient(108deg,transparent 0 34px,rgba(226,237,239,.17) 35px 35.7px,transparent 36px 70px)!important;
  animation-duration:1.7s!important;
}
.d4-v144-da .d4-rain i:nth-child(2){opacity:.09!important;animation-duration:2.2s!important}
.d4-v144-da .d4-rain i:nth-child(3){opacity:.06!important;animation-duration:2.8s!important}
.d4-v144-da .d4-humidity-haze{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(205,216,213,.04),rgba(140,158,156,.08) 58%,rgba(82,103,102,.10));
  backdrop-filter:saturate(.96);
}
/* Under the covered market, rain stays outside: humidity/reflections remain, streaks do not. */
.d4-v144-da .d4-rain-covered i{display:none!important}
.d4-v144-da .d4-rain-covered{background:linear-gradient(180deg,rgba(30,42,45,.02),rgba(10,27,31,.10))!important}
/* At Yuki's eaves the shower has faded. */
.d4-v144-da .d4-rain-eaves i{opacity:.045!important}

/* ---- No giant generic narrative card ---- */
.d4-v144-da .d4-live-dialogue,
.d4-v144-da .d4-market-glance,
.d4-v144-da .d4-konbini-drawer,
.d4-v144-da .d4-kitchen-intro-live{
  box-shadow:none!important;
  backdrop-filter:blur(4px)!important;
}
.d4-v144-da .d4-live-dialogue{
  background:linear-gradient(90deg,rgba(4,26,33,.50),rgba(4,26,33,0))!important;
  padding:10px 18px!important;
  border-left:2px solid #d67c69!important;
}
.d4-v144-da .d4-live-dialogue p{max-width:35ch!important}

/* ---- Yanagibashi: use the dedicated V139 harmonized sequence ---- */
.d4-v144-da .d4-stage-market{overflow:hidden!important;background:#14262a!important}
.d4-v144-da .d4-market-scene-bg{
  position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
  transition:opacity .35s ease,transform .7s ease;filter:saturate(.92) brightness(.92) contrast(.99);
}
.d4-v144-da .d4-stage-market>.d4-rain{z-index:2!important}
.d4-v144-da .d4-market-spots,
.d4-v144-da .d4-market-glance,
.d4-v144-da .d4-mei-reveal,
.d4-v144-da .d4-gift-drawer{z-index:10!important}
.d4-v144-da .d4-market-glance{
  width:min(400px,34vw)!important;max-height:29svh!important;
  background:linear-gradient(90deg,rgba(4,27,34,.76),rgba(4,27,34,.34))!important;
  border-radius:0 12px 12px 0!important;padding:10px 12px!important;
}
.d4-v144-da .d4-vendor-glance{background:linear-gradient(270deg,rgba(4,27,34,.78),rgba(4,27,34,.34))!important}
.d4-v144-da .d4-market-glance p{font-size:12.5px!important;line-height:1.38!important}
.d4-v144-da .d4-fruit-scroll>div{background:rgba(5,31,38,.52)!important}
.d4-v144-da .d4-market-spots .spot{background:rgba(4,29,36,.62)!important;border:1px solid rgba(244,239,223,.72)!important}

/* ---- Three facades: desktop = the actual V139 three-house master; mobile = three crops from that SAME master ---- */
.d4-v144-da .d4-stage-houses-live .d4-house-spots{position:absolute;z-index:8;inset:0;pointer-events:none}
.d4-v144-da .d4-stage-houses-live .d4-house-spots button{pointer-events:auto;position:absolute;top:48%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;border:1px solid rgba(244,239,223,.80)!important;background:rgba(4,29,36,.50)!important;color:#fff!important;font-size:9px!important;box-shadow:0 10px 28px rgba(0,0,0,.20)!important}
.d4-v144-da .d4-stage-houses-live .d4-house-spots button.correct{border-color:#eaa28f!important;background:rgba(77,116,91,.72)!important}
.d4-v144-da .d4-stage-houses-live .d4-house-spots button.wrong{background:rgba(92,60,55,.68)!important}
.d4-v144-da .d4-house-panorama{position:absolute!important;z-index:3!important;inset:0!important;overflow:hidden!important}
.d4-v144-da .d4-house-panorama>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .25s ease}
.d4-v144-da .d4-house-pan-left,.d4-v144-da .d4-house-pan-right{z-index:6!important;background:rgba(4,29,36,.60)!important}
.d4-v144-da .d4-house-mobile-pick{z-index:7!important}

/* The former full-height Yuki video layer is no longer instantiated. The
   current Day 4 scene uses the directed still composition and dialogue. */

/* ---- Threshold / hospitality stays in one physical scene ---- */
.d4-v144-da .d4-threshold-layer{background:linear-gradient(0deg,rgba(4,24,30,.30),rgba(4,24,30,0) 62%)}
.d4-v144-da .d4-umbrella-stand-target,
.d4-v144-da .d4-shoes-facing-door,
.d4-v144-da .d4-host-hands-target{background:rgba(4,29,36,.18)!important;border-color:rgba(244,239,223,.46)!important}

/* ---- Kitchen: world first, hand gestures second, instructions small ---- */
.d4-v144-da .d4-kitchen-step-note{
  background:rgba(4,29,36,.64)!important;backdrop-filter:blur(4px)!important;
  border:1px solid rgba(244,239,223,.15)!important;box-shadow:none!important;
}
.d4-v144-da .d4-kitchen-step-note b{font-size:16px!important}
.d4-v144-da .d4-kitchen-step-note span{font-size:10px!important;line-height:1.3!important}
.d4-v144-da .d4-kitchen-counter{background:rgba(248,242,225,.07)!important;border-color:rgba(244,239,223,.14)!important;box-shadow:none!important}

@media(max-width:760px){
  .d4-v144-da .d4-live-dialogue{left:12px!important;right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;padding:8px 11px!important;max-height:25svh!important}
  .d4-v144-da .d4-live-dialogue p{font-size:15px!important;line-height:1.32!important}
  .d4-v144-da .d4-live-dialogue p.d4-observation{font-size:11.5px!important}
  .d4-v144-da .d4-market-glance{left:10px!important;right:10px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;max-height:27svh!important;padding:8px 10px!important}
  .d4-v144-da .d4-vendor-glance{left:10px!important;right:10px!important}
  .d4-v144-da .d4-market-glance p{font-size:11.8px!important}
  .d4-v144-da .d4-market-spots .spot{width:42px!important;height:42px!important}
  .d4-v144-da .d4-house-caption{max-height:23svh!important;background:linear-gradient(90deg,rgba(4,26,33,.56),rgba(4,26,33,0))!important}
  .d4-v144-da .d4-house-pan-left,.d4-v144-da .d4-house-pan-right{width:48px!important;height:48px!important}
  .d4-v144-da .d4-house-mobile-pick{min-height:42px!important;font-size:10px!important}
  .d4-v144-da .d4-kitchen-live-work{inset:112px 8px max(8px,env(safe-area-inset-bottom))!important}
  .d4-v144-da .d4-kitchen-step-note{padding:7px 9px!important}
  .d4-v144-da .d4-kitchen-counter{bottom:72px!important;height:min(52vh,420px)!important}
}

@media(max-width:390px){
  .d4-v144-da .d4-live-dialogue{max-height:23svh!important}
  .d4-v144-da .d4-market-glance{max-height:25svh!important}
  .d4-v144-da .d4-kitchen-counter{height:min(49vh,380px)!important}
}