/* Wilds & Sanctuaries: thumb layout, battle dock and progression surfaces. */
body{--pad-edge:18px;--action-edge:23px}
body .dpad,body .dpad.tilt-up,body .dpad.tilt-down,body .dpad.tilt-left,body .dpad.tilt-right{left:auto!important;right:max(var(--pad-edge),env(safe-area-inset-right))!important}
body .run-actions{right:auto;left:max(var(--action-edge),env(safe-area-inset-left));flex-direction:row-reverse}
body[data-movement-hand=left] .dpad{right:auto!important;left:max(var(--pad-edge),env(safe-area-inset-left))!important}
body[data-movement-hand=left] .run-actions{left:auto;right:max(var(--action-edge),env(safe-area-inset-right));flex-direction:row}
.handedness{display:flex;flex-wrap:wrap;gap:8px}.handedness button{flex:1;font-size:12px}
.handedness [aria-pressed=true]{background:#b9cfa4;color:#18393d;border-color:#dce6b7}
.battle-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:11px;max-width:460px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:22px}
.battle-bar .btn{min-height:44px;font-size:12px;padding:8px 4px;border-radius:12px}
.battle-readout{grid-column:1/-1;display:flex;flex-direction:column;gap:7px;padding:1px 3px 6px;color:#d7e4ca;font-size:11px;line-height:1.45;min-width:0}
.battle-readout>span{color:#e9d39f;font-weight:550}
.battle-readout>div{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;font-size:10px}
.battle-readout b{color:#a7e6d3;font-variant-numeric:tabular-nums}
.battle-readout #battle-catch-odds{color:#afc8b8}
.crawl-wrap.in-battle .crawl-log{display:none}
.technique-list,.ruin-journal{display:grid;gap:10px;margin:14px 0}
.technique-card{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left;background:linear-gradient(125deg,#345b59,#20434a);border:1px solid #8aac8e66;border-radius:16px;color:#e3e9cf;padding:15px;font:inherit;min-height:80px;cursor:pointer}
.technique-card strong{display:flex;gap:8px;justify-content:space-between;font-family:var(--font-body);font-size:14px;font-weight:650}
.technique-card strong small{font-size:10px;color:#d5c594;flex-shrink:0;align-self:center}
.technique-card>span{font-size:12px;line-height:1.6;color:#b9d0bd}
.technique-card em{font-size:10px;font-style:normal;color:#a7dfc6}
.technique-card:disabled{opacity:.52;cursor:default}.technique-card:not(:disabled):active{background:#426d60}
.training-progress{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;margin:9px 0 4px;font-size:10px;color:#acd8bf}.training-progress span{text-align:right;font-size:9px;color:#acc3b3}
.training-progress progress{grid-column:1/-1;width:100%;height:5px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#102f39;color:#9ed3bb}
.training-progress progress::-webkit-progress-bar{background:#102f39}.training-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#71bca5,#d4dba4)}.training-progress progress::-moz-progress-bar{background:#9ed3bb}
.ruin-facts{display:flex;justify-content:space-around;padding:18px 7px;margin:15px 0;border-top:1px solid #8ba78855;border-bottom:1px solid #8ba78855;font-size:10px;color:#b8ceb9}.ruin-facts b{display:block;text-align:center;color:#e7d49a;font-size:26px;margin-bottom:4px;font-family:var(--font-title)}
.blessing-list{display:grid;gap:9px;margin:17px 0}.blessing-list p{margin:0;padding:10px 13px;border-left:2px solid #a1c594;background:#24474b;border-radius:0 12px 12px 0}.blessing-list b{display:block;color:#e1d29c;font-size:13px}.blessing-list span{display:block;color:#bad0bd;font-size:11px;line-height:1.6;margin-top:4px}
@media(min-width:600px){body{--pad-edge:30px;--action-edge:33px}.battle-bar .btn{min-height:46px}}
@media(max-width:359px){body{--pad-edge:12px;--action-edge:15px}.battle-readout{font-size:10px}.battle-bar{width:calc(100% - 20px);padding:9px;gap:6px}.battle-bar .btn{font-size:11px}.technique-card{padding:12px}.technique-card strong{font-size:12px}}
@media(max-height:540px) and (orientation:landscape){body{--pad-edge:18px;--action-edge:20px}.battle-bar{grid-template-columns:repeat(9,minmax(0,1fr));max-width:720px;padding:8px;gap:5px;bottom:calc(8px + env(safe-area-inset-bottom))}.battle-readout{flex-direction:row;justify-content:space-between;gap:12px;padding-bottom:4px;font-size:10px}.battle-readout>div{font-size:9px}.battle-bar .btn{font-size:10px;min-height:44px;border-radius:10px}.battle-readout #battle-catch-odds{max-width:180px}.ruin-facts{padding:9px;margin:8px 0}.run-guide{max-width:330px}}
@media(prefers-reduced-motion:reduce){.battle-bar{animation:none}.primary-action,.technique-card{transition:none}}