#dpad{position:absolute;bottom:74px;left:26px;display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,42px);gap:4px;touch-action:manipulation;user-select:none}
#dpad button{padding:0;border:1px solid #a4b99988;background:#294439e8;border-radius:7px;color:#dfdfaa;box-shadow:0 3px #0a1a18;font-size:15px}
#dpad .up{grid-area:1/2}#dpad .left{grid-area:2/1}#dpad .wait{grid-area:2/2;background:#192f2ce8;font-size:29px;color:#b6c99a}#dpad .right{grid-area:2/3}#dpad .down{grid-area:3/2}
#dpad>span{grid-area:4/1/4/4;text-align:center;font-size:9px;color:#aebc94;margin-top:5px;letter-spacing:1px}
#battle-scene{position:absolute;inset:0;overflow:hidden;background:#101d26}#arena{width:100%;height:100%;display:block;image-rendering:pixelated}
.battle-view .location,.battle-view #minimap-button,.battle-view #transition-banner{display:none}
.battle-heading{position:absolute;top:99px;left:0;right:0;text-align:center;pointer-events:none;text-shadow:0 2px #08181e}.battle-heading>span{font-size:8px;letter-spacing:3px;color:#aab68e}.battle-heading h1{font-size:23px;color:#e5d69f;margin:7px 0}.battle-heading p{color:#8baba0;font-size:10px}
#enemy-intents{position:absolute;top:191px;left:18px;right:18px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.intent{font-size:10px;padding:7px 10px;border:1px solid #8a9a7155;background:#243b33bd;color:#b5c49c;border-radius:5px}.intent b{margin-left:7px;font-weight:400;color:#d2cda0}.intent.attack{border-color:#ae755b80;background:#4b3932b3}.intent.attack b{color:#f1bc91}
#battle-skills{position:absolute;left:18px;right:18px;bottom:193px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap;pointer-events:none}#battle-skills span{font-size:10px;color:#d2d3a6;padding:7px 9px;border:1px solid #96a07655;border-radius:5px;background:#23372fc9}
#scene-transition{position:absolute;inset:0;z-index:30;pointer-events:none;--cover:0;--reveal:0}.shutter{position:absolute;left:0;right:0;height:51%;background:#101e23;box-shadow:0 0 0 1px #8e95626b}.shutter.top{top:0;transform:translateY(calc((1 - var(--cover))*-101%))}.shutter.bottom{bottom:0;transform:translateY(calc((1 - var(--cover))*101%))}.encounter-title{position:absolute;top:42%;left:0;right:0;text-align:center;opacity:var(--reveal);transform:translateX(calc((1 - var(--reveal))*45px));display:flex;align-items:center;flex-direction:column;gap:15px;color:#e7d59b}.encounter-title>span{font:12px Georgia,serif;letter-spacing:6px;color:#82998c}.encounter-title strong{font-size:32px;letter-spacing:4px}.encounter-title small{font-size:8px;letter-spacing:3px;color:#7d9587}
.exp-footer{z-index:10}.settings-fields>p{align-self:center}.battle-view #toast{top:24%}
@media(min-width:850px){#dpad{left:44px;bottom:77px}.battle-heading{top:110px}#enemy-intents{top:205px}#battle-skills{bottom:202px}}
@media(max-width:430px){#dpad{left:15px;bottom:78px;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px);gap:4px}.battle-heading{top:87px}.battle-heading h1{font-size:20px}.battle-heading>span{font-size:7px;letter-spacing:2px}#enemy-intents{top:170px;gap:4px;left:10px;right:10px}.intent{font-size:8px;padding:6px}.intent b{margin-left:4px}#battle-skills span{font-size:9px}#travel-hint{font-size:8px}.exp-footer b{margin-left:4px}}
@media(max-height:650px){#dpad{bottom:58px;grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px);gap:3px}#dpad>span{font-size:8px;margin-top:3px}.battle-heading{top:69px}.battle-heading h1{font-size:16px;margin:4px 0}.battle-heading p{display:none}#enemy-intents{top:123px}.intent{padding:4px 5px;font-size:8px}#battle-skills{bottom:161px}#battle-skills span{padding:4px 5px;font-size:8px}.encounter-title strong{font-size:25px}}
.shutter{transition:transform .08s linear}.encounter-title{transition:opacity .08s linear,transform .08s linear}
@media(prefers-reduced-motion:reduce){.encounter-title{transform:none}}