/* v30: eight growth paths, finds along the road, and readable reward history. */
#growth-quantity{flex:none;margin:0;min-height:40px;position:sticky;top:0;z-index:2;background:#132336;padding:3px;border:1px solid #34485d;border-radius:11px}
#growth-quantity button{min-height:44px;font-size:13px}
.growth-icon.critChance,.growth-icon.critDamage{color:#ffb99d}.growth-icon.defense{color:#9ee0df}.growth-icon.luck{color:#b0e596}
.growth-row strong{display:block;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.growth-row em{display:inline-block}.growth-row h2{line-height:1.45}
.promotion-card{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:10px;align-items:center;flex:none;padding:13px;border:1px solid #817356;border-radius:12px;background:linear-gradient(120deg,#34342d,#172637)}
.promotion-card small,.promotion-card b,.promotion-card span{display:block}.promotion-card small{font-size:11px;color:#c4ccdb}.promotion-card b{font-size:16px;color:#ffe3a1;margin:5px 0}.promotion-card p{font-size:11px;color:#d1d9e2;line-height:1.6;margin:3px 0}.promotion-card span{font-size:10px;color:#b3c7d8;line-height:1.5}.promotion-card button{min-height:52px;padding:7px;font-size:13px}
.adventure-toolbar{display:flex;align-items:center;gap:5px;flex:none;flex-wrap:wrap;min-height:33px}.adventure-toolbar button{min-height:32px;padding:5px 8px;font-size:10px;line-height:1.3;background:#182d40;border-color:#3a5368;text-align:left}.adventure-toolbar #adventure-log{flex:1}.adventure-toolbar #blessing-open{color:#fff0b5;border-color:#ccab63;white-space:nowrap}.adventure-toolbar #adventure-buff{width:100%;font-size:10px;color:#bde6b6;line-height:1.2;padding:0 3px}
#discovery-banner{position:absolute;z-index:8;left:10px;bottom:19px;max-width:calc(100% - 20px);display:flex;align-items:center;gap:9px;pointer-events:none;padding:9px 13px 9px 8px;background:linear-gradient(110deg,#102639f5,#14283bea);border:1px solid var(--rarity,#d9c485);border-radius:12px;box-shadow:0 4px 20px #0005;animation:discovery-arrive .25s ease-out}#discovery-banner canvas{width:54px;height:54px;object-fit:contain;flex:none}#discovery-banner .discovery-icon{width:34px;text-align:center;font-size:29px;color:#f4d588}#discovery-banner div{min-width:0}#discovery-banner small,#discovery-banner b,#discovery-banner div span{display:block}#discovery-banner small{font-size:10px;color:#b9dbeb;margin-bottom:4px}#discovery-banner b{font-size:13px;line-height:1.4;color:#ffedbc;overflow-wrap:anywhere}#discovery-banner div span{font-size:10px;color:#abbfd1;margin-top:3px}#discovery-banner.companion{border-color:#9acee4}
.adventure-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 3px 12px;scrollbar-width:thin}.adventure-scroll .copy-panel{justify-content:flex-start;display:block}.adventure-scroll .copy-panel>div{margin-bottom:17px;font-size:14px;line-height:1.75}.adventure-scroll .copy-panel p{margin:4px 0}
.discovery-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.discovery-progress>div{padding:11px 5px;border:1px solid #3b5268;border-radius:10px;background:#172d43;text-align:center}.discovery-progress span{display:block;font-size:10px;color:#b6ccde;line-height:1.4}.discovery-progress b{font-size:13px;display:block;color:#f7de9e;line-height:1.5;margin-top:4px}
.adventure-section{margin-top:15px;padding:13px;border:1px solid #334d64;border-radius:12px;background:#13253a}.adventure-section h3{font-size:15px;line-height:1.5;margin:0;color:#ecdbad}.adventure-section h4{font-size:12px;color:#adcbdc;margin:17px 0 9px}.adventure-region-heading{display:flex;justify-content:space-between;align-items:center;gap:7px}.adventure-region-heading>div{text-align:center}.adventure-region-heading small{color:#aabfd1;font-size:10px}.adventure-region-heading button{min-width:43px;min-height:43px;padding:5px;font-size:25px}.region-loot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.region-loot{display:flex;flex-direction:column;align-items:center;padding:7px 4px;border:1px solid #354d65;border-radius:10px;background:#182c41;min-width:0}.region-loot canvas{width:100%;height:68px;object-fit:contain}.region-loot .item-art{width:54px;height:54px;flex:none}.region-loot .rarity{font-size:10px;margin:4px 0}.region-loot b{font-size:11px;text-align:center;line-height:1.4;overflow-wrap:anywhere}.region-loot small{font-size:10px;color:#a3d6b5;margin-top:4px}.region-loot.unowned{border-style:dashed}.region-loot.unowned canvas,.region-loot.unowned .item-art{filter:grayscale(.8);opacity:.65}.region-loot.unowned small{color:#9cabbc}
.adventure-recent{display:grid;gap:6px;margin-top:9px}.adventure-recent article{display:flex;gap:10px;padding:9px;border-radius:8px;background:#1b3249;align-items:center}.adventure-recent article>span{font-size:23px;color:#efd792}.adventure-recent b{font-size:12px;line-height:1.5}.adventure-recent small{display:block;font-size:10px;color:#a9bfd2;line-height:1.5}.last-result p{font-size:12px;line-height:1.6;margin:6px 0;color:#d0dfea}.last-result>b{font-size:12px;color:#f4d892}.last-result>small{display:block;font-size:11px;margin-top:5px;color:#b0c4d8}
.blessing-options{display:flex;flex-direction:column;gap:12px;flex:1;justify-content:center;min-height:0}.blessing-options button{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;text-align:left;padding:15px;border:1px solid #9b8c66;background:linear-gradient(110deg,#243a4d,#1b2b3f);min-height:78px}.blessing-options span{grid-row:1/3;font-size:30px;color:#f0d387}.blessing-options b{font-size:16px;color:#f4e7c1}.blessing-options p{font-size:13px;color:#b9d2e4;margin:4px 0 0}
#journey-status{flex-wrap:wrap}#journey-status>div{flex-basis:100%}#journey-status #battle-result{min-height:32px;padding:5px 8px;font-size:10px}
@keyframes discovery-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:380px){.growth-row{grid-template-columns:22px minmax(0,1fr) 81px;gap:6px}.growth-row h2{font-size:13px}.growth-row strong{font-size:14px}.growth-row em{font-size:12px}.growth-row p{font-size:9px}.promotion-card{grid-template-columns:minmax(0,1fr) 74px}.discovery-progress{gap:4px}.discovery-progress b{font-size:12px}.adventure-section{padding:10px}.region-loot-grid{gap:5px}}
@media(min-width:700px){.region-loot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.region-loot canvas{height:88px}.adventure-toolbar button{font-size:12px}.growth-row strong{font-size:17px}}
@media(max-height:570px){.adventure-toolbar{min-height:28px}.adventure-toolbar button{min-height:28px}.blessing-options{gap:6px;overflow:auto;justify-content:flex-start}.blessing-options button{min-height:61px;padding:8px 12px}.blessing-options p{font-size:11px}.blessing-options b{font-size:13px}#journey-status{padding:4px 7px}#journey-status>div{flex-basis:auto;flex:1}#discovery-banner{padding:5px 8px}#discovery-banner canvas{width:38px;height:38px}#discovery-banner div span{display:none}}
@media(prefers-reduced-motion:reduce){#discovery-banner{animation:none}}
/* The established combat page is a three-row grid. Keep discoveries inside it. */
#page-battle>.adventure-toolbar{position:absolute;top:100px;left:8px;right:8px;z-index:3;max-width:580px;pointer-events:none}
#page-battle>.adventure-toolbar button{pointer-events:auto;background:#132a3ded}
#page-battle #adventure-buff{background:#0e2432df;border-radius:4px;padding:3px 5px}
#page-battle #boss-hud{top:152px}
#page-battle #discovery-banner{bottom:82px}
@media(max-height:570px){#page-battle>.adventure-toolbar{top:89px}#page-battle #boss-hud{top:139px}#page-battle #discovery-banner{bottom:67px}}

@media(max-height:570px){#growth-quantity button{min-height:39px}}

/* All three buffs and the real-time deadline stay visible together. */
#overlay[data-type="blessing"] #overlay-body{gap:8px}
#overlay[data-type="blessing"] #overlay-body>.line-note{flex:none;margin:0;font-size:12px;line-height:1.5}
#overlay[data-type="blessing"] .blessing-options{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;flex:1;min-height:0;overflow:hidden}
#overlay[data-type="blessing"] .blessing-options button{min-width:0;min-height:48px;height:100%;padding:8px 12px;margin:0}
#overlay[data-type="blessing"] .blessing-options p{margin-top:2px}
.blessing-countdown{text-align:center;color:#ffe098;font-size:15px;font-weight:700;line-height:1.4;margin:0;font-variant-numeric:tabular-nums}
#overlay[data-type="blessing"] #blessing-random{min-height:44px}
@media(max-height:570px){
 #overlay[data-type="blessing"] .blessing-options{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:6px}
 #overlay[data-type="blessing"] .blessing-options button{grid-template-columns:26px minmax(0,1fr);padding:6px;column-gap:4px;min-height:48px}
 #overlay[data-type="blessing"] .blessing-options span{font-size:24px}
 #overlay[data-type="blessing"] .blessing-options b{font-size:13px}
 #overlay[data-type="blessing"] .blessing-options p{font-size:11px;line-height:1.3}
 #overlay[data-type="blessing"] #overlay-actions{gap:4px}
 .blessing-countdown{font-size:12px}
}
