/* ZERAPHIA build1536 — Towa page reset. KEEP native #global-user-frame and #bottom-nav-shared unmodified. */
.towa-encounter[hidden],.towa-encounter [hidden]{display:none!important}
.towa-encounter,.towa-encounter *{box-sizing:border-box}
.towa-encounter{position:fixed;z-index:40;inset:0;width:100%;max-width:430px;height:100dvh;margin:0 auto;isolation:isolate;overflow:hidden;background:#e8ded8;color:#553e35;font-family:'Noto Serif JP',serif;-webkit-font-smoothing:antialiased}
/* Only the Towa content is new. Existing shared HUD/nav remain ABOVE this 40-level page. */
.towa-encounter-art{position:absolute;inset:0;background:url('../images/gacha_banner_towa.webp') center center/cover no-repeat,#ded3d0;pointer-events:none}
.towa-encounter-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(255,249,241,.04) 29%,rgba(248,240,231,.10) 43%,rgba(246,236,226,.69) 59%,rgba(246,239,231,.82) 87%,rgba(245,239,233,.28) 100%);pointer-events:none}
.towa-encounter-back{position:absolute;left:12px;top:calc(env(safe-area-inset-top) + 88px);width:82px;height:35px;z-index:5;background:transparent url('../images/button_back.webp') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;font-size:0;line-height:0;color:transparent;cursor:pointer}
.towa-back-chevron{display:none}
.towa-encounter-label{position:absolute;left:10px;right:10px;top:36%;z-index:3;text-align:center}
.towa-encounter-label:before{content:'';position:absolute;z-index:-1;left:4%;right:4%;top:-10%;height:110%;background:radial-gradient(ellipse at center,rgba(255,249,238,.80),rgba(255,246,230,.42) 57%,transparent 78%);pointer-events:none}
.towa-encounter-label h1{margin:0;font:600 clamp(27px,8.3vw,38px)/1.35 'Noto Serif JP',serif;letter-spacing:.04em;color:#5d3037;text-shadow:0 2px 4px #fffcf7;white-space:nowrap}
.towa-title-initial{font-size:1.3em;font-weight:500}
.towa-title-flourish{height:12px;display:flex;align-items:center;justify-content:center;gap:8px;color:#a74c58;font-size:10px}
.towa-title-flourish:before,.towa-title-flourish:after{content:'';height:1px;flex:0 1 75px;background:linear-gradient(90deg,transparent,#b79979)}
.towa-title-flourish:after{background:linear-gradient(90deg,#b79979,transparent)}
.towa-encounter-label p{margin:0 0 5px;font:500 clamp(9px,2.5vw,11px)/1.6 'Noto Serif JP',serif;letter-spacing:.055em;color:#694e45;text-shadow:0 1px 5px #fff}
.towa-pickup-detail{min-height:25px;padding:3px 16px;border:1px solid #b79c75;border-radius:0;background:rgba(255,251,243,.92);color:#634b3b;font:600 11px 'Noto Serif JP',serif;cursor:pointer;box-shadow:0 2px 4px rgba(61,38,31,.13)}
.towa-encounter-lower{position:absolute;z-index:4;top:58%;bottom:calc(82px + env(safe-area-inset-bottom));left:12px;right:12px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:5px;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.towa-encounter-subhead{display:flex;align-items:center;gap:9px;font:600 clamp(10px,2.7vw,12px) 'Noto Serif JP',serif;white-space:nowrap;color:#805d3c}
.towa-encounter-subhead strong{color:#9d3a49;font:600 15px Cinzel,serif}
.towa-progress-track{display:block;flex:1;height:9px;border:1px solid #aa916f;background:#d2bfa9;overflow:hidden}
.towa-progress-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#ac7c43,#e1bc77);transition:width .3s}
.towa-pity-note{font:500 clamp(9px,2.4vw,10.5px)/1.5 'Noto Serif JP',serif;text-align:center;color:#66513d}
.towa-draw-button{flex:0 0 auto;align-self:center;width:min(88%,330px);min-height:clamp(62px,10dvh,80px);background:linear-gradient(150deg,#4c1d31,#9c4050,#5c2635);color:#fff5ea;border:2px solid #b99766;box-shadow:inset 0 0 0 2px #ead0a0,0 3px 9px rgba(49,23,29,.2);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-family:'Noto Serif JP',serif;cursor:pointer}
.towa-draw-button:disabled{opacity:.67;filter:grayscale(.28);cursor:not-allowed}
.towa-draw-main{font:700 clamp(20px,6vw,27px) 'Noto Serif JP',serif;letter-spacing:.05em;text-shadow:0 2px 3px #4d1c2b}
.towa-draw-cost{display:flex;align-items:center;gap:6px;font-size:13px;color:#fff1e2}
.towa-draw-cost img{width:21px;height:21px;object-fit:contain}
.towa-wallet{display:flex;align-items:center;justify-content:center;gap:7px;margin:1px auto;min-width:145px;padding:4px 13px;border:1px solid #b39b73;background:rgba(255,252,246,.90);color:#624a3b;font:600 11px 'Noto Serif JP',serif}
.towa-wallet img{width:21px;height:21px;object-fit:contain}
.towa-wallet b{font:600 15px Cinzel,serif}
.towa-try-button{align-self:center;min-width:155px;padding:5px 16px;min-height:29px;border:1px solid #aa8d63;background:rgba(255,251,244,.93);color:#604636;font:600 12px 'Noto Serif JP',serif;cursor:pointer}
.towa-rates-open{align-self:center;border:0;padding:3px 8px;background:rgba(255,248,235,.42);color:#6b4e44;text-decoration:underline;text-underline-offset:2px;font:10px 'Noto Serif JP',serif;cursor:pointer}
.towa-gacha-message{font:500 9px/1.4 'Noto Serif JP',serif;text-align:center;color:#64483f}
#towa-loading{font-size:9px;color:#64483f;text-align:center}
/* Genuine full-screen modals may cover native HUD/nav while open; ordinary encounter never does. */
.towa-encounter.towa-modal-active{z-index:410}
.towa-encounter-info{position:absolute;inset:0;z-index:16;background:rgba(23,13,23,.83);display:flex;align-items:center;justify-content:center;padding:18px 12px calc(18px + env(safe-area-inset-bottom))}
.towa-info-sheet{position:relative;width:min(100%,380px);max-height:83dvh;overflow-y:auto;background:linear-gradient(160deg,#f9f2e9,#e9d6c8);border:2px solid #b88b53;box-shadow:inset 0 0 0 3px #fcf6e9,0 14px 44px rgba(0,0,0,.47);padding:20px 18px;text-align:center;color:#4d352f}
.towa-info-close{position:absolute;top:4px;right:8px;background:transparent;border:0;font-size:26px;color:#6b4238;cursor:pointer}
.towa-info-kicker{font:600 10px Cinzel,serif;letter-spacing:.2em;color:#a36f58}
.towa-info-portrait{display:block;width:155px;height:155px;margin:12px auto;object-fit:contain;border:1px solid #bb9b6e;background:#cfc3c0}
.towa-info-sheet h2{font:600 23px 'Noto Serif JP',serif;margin:10px 0;color:#562e38}
.towa-info-sheet h2 small{font-size:13px;color:#8e5b5c}
.towa-info-sheet p{font-size:12px;line-height:1.85;letter-spacing:.02em}
.towa-info-sheet p.towa-info-note{border-top:1px solid rgba(144,105,70,.35);padding-top:10px}
.towa-info-dismiss{border:1px solid #ac8455;background:#fff9ef;color:#604333;padding:9px 26px;font:600 12px 'Noto Serif JP',serif;cursor:pointer}
.towa-rate-lines{max-height:45dvh;overflow-y:auto;margin:10px 0 20px;text-align:left}
.towa-rate-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(156,114,84,.29);padding:6px 1px;font-size:11px}
.towa-rate-row strong{font-family:Cinzel,serif;color:#8f4250}
.towa-encounter-result{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(env(safe-area-inset-top) + 20px) 18px calc(env(safe-area-inset-bottom) + 18px);background:linear-gradient(180deg,rgba(31,21,32,.94),rgba(82,48,52,.97));color:#f9e8da}
.towa-encounter-result h2{font:600 27px 'Noto Serif JP',serif;letter-spacing:.1em;margin:0;text-shadow:0 1px 8px #3d2327}
.towa-result-caption{margin:0;color:#e9cfa5;font:10px Cinzel,serif;letter-spacing:.15em}
.towa-result-grid{width:100%;max-height:69dvh;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.towa-result-item{background:linear-gradient(160deg,#f8f1e7,#e0d3c5);color:#544137;min-height:81px;display:grid;grid-template-columns:47px minmax(0,1fr);grid-template-rows:1fr auto;gap:2px 7px;align-items:center;padding:7px;border:1px solid #bda17d;position:relative}
.towa-result-item.is-pickup{border:2px solid #f0c176;background:linear-gradient(145deg,#fff9e8,#e5c4c0);box-shadow:0 0 16px rgba(253,197,124,.62)}
.towa-result-item img{grid-row:1/3;width:45px;height:55px;object-fit:contain}
.towa-result-item span{font-size:11px;line-height:1.4;min-width:0}
.towa-result-item b{font:600 13px Cinzel,serif;text-align:right}
.towa-result-item small{position:absolute;right:2px;top:1px;font-size:8px;color:#a03b41}
.towa-result-close{width:85%;padding:12px;background:linear-gradient(90deg,#b89254,#ecd19c,#b48a49);border:1px solid #f8dfa9;color:#3d2921;font:700 14px 'Noto Serif JP',serif;cursor:pointer}
@media(max-height:690px){.towa-encounter-label{top:35%}.towa-encounter-lower{top:56%;bottom:calc(78px + env(safe-area-inset-bottom));gap:3px}.towa-draw-button{min-height:57px}.towa-title-initial{font-size:1.24em}.towa-pickup-detail{min-height:23px}}
@media(prefers-reduced-motion:reduce){.towa-progress-fill{transition:none}}

/* build1552: Towa-specific user controls. No shared UI modifications. */
#towa-encounter-screen .towa-pickup-detail{
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding:2px 12px!important;min-height:23px!important;color:#634b3b!important;
  text-decoration:underline;text-underline-offset:3px;
}
#towa-encounter-screen .towa-draw-button{
  width:min(70.4%,264px)!important; /* 20% narrower than original min(88%,330px) */
}


/* build1553: readable frameless native rates link, a soft white bloom behind
   the label only. No rectangle or opaque panel is added to the page. */
#towa-encounter-screen .towa-pickup-detail {
  position:relative!important;
  z-index:1!important;
  isolation:isolate!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#5a3037!important;
  text-shadow:0 1px 1px rgba(255,255,255,.95),0 0 4px rgba(255,255,255,.88)!important;
  font-weight:700!important;
  cursor:pointer!important;
}
#towa-encounter-screen .towa-pickup-detail::before {
  content:'';
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:-9px -26px;
  background:radial-gradient(ellipse at center,
    rgba(255,255,255,.96) 0%,rgba(255,253,249,.83) 31%,
    rgba(255,251,244,.38) 56%,transparent 76%);
  filter:blur(6px);
}