/* The reading game keeps its layout; these rules only apply during writing. */
#screen-battle.tate.battle-responsive.writing-battle[id="screen-battle"]{height:max(100dvh,calc(var(--wb-ink-size) + 470px));min-height:calc(var(--wb-ink-size) + 470px);overflow:clip visible}
#screen-battle.tate.writing-battle[id="screen-battle"] .options{height:auto;bottom:12px}
body:has(#screen-battle.writing-battle.active):not(.ice-dungeon-battle) #app{height:auto;overflow:visible}
#screen-battle.writing-battle #enemyWrap.twin .writing-reading{font-size:min(32px,calc(110px / var(--wb-reading-length,2)))!important}
#screen-battle.writing-battle #bOptions>.opt{display:none!important}
#screen-battle.writing-battle #wb-play{grid-column:1/-1;flex-shrink:0}
#screen-battle.writing-battle #wb-slots{display:flex;justify-content:center;gap:8px;min-height:0}
#screen-battle.writing-battle #wb-slots:empty{display:none}
#screen-battle.writing-battle #wb-question{display:block;text-wrap:balance}
#screen-battle.writing-battle #bMsg #wb-question mark .ink-run{background:transparent}
#screen-battle.writing-battle #wb-slots canvas{width:48px;height:48px;border:1px solid #87a28e;background:#fff}
#screen-battle.writing-battle #wb-slots .wb-current{border:3px solid #205b43}
#screen-battle.writing-battle #wb-status{font-size:14px;text-align:center;min-height:20px;color:#183f30;background:#fffef8;border-radius:8px;padding:4px 8px;margin:6px 0}
#screen-battle.writing-battle #wb-status:empty{padding:0;margin:0;min-height:0;background:none}
body:has(#screen-battle.writing-battle.active) #soundBtn{position:absolute}
#writing-save-dialog{position:fixed;inset:0;z-index:99999;background:#19392dd9;display:grid;place-items:center;padding:18px}
#writing-save-dialog[hidden]{display:none}
#writing-save-dialog>div{background:#fffef8;color:#183f30;padding:20px;border-radius:16px;max-width:360px;text-align:center}
#writing-save-dialog button{display:block;min-height:44px;width:100%;margin-top:12px;font:inherit}
.writing-field-reading{font-size:16px!important;white-space:normal!important;line-height:1.1!important;overflow-wrap:anywhere}
.wb-teacher{display:block;font-size:14px;line-height:1.4}
.wb-teacher img{float:left;width:48px;height:48px;object-fit:contain;margin-right:8px}
body.ice-dungeon-battle #screen-battle.writing-battle .options{height:auto!important;bottom:12px}
body.ice-dungeon-battle #screen-battle.writing-battle .msg{bottom:calc(var(--wb-input-height) + 90px)!important}
body.ice-dungeon-battle #screen-battle.writing-battle .party-row{bottom:calc(var(--wb-input-height) + 170px)!important}
body.ice-dungeon-battle #screen-battle.writing-battle{min-height:1000px!important;overflow:visible}
body.ice-dungeon-battle:has(.writing-battle) #icdViewport{position:absolute;height:320px;bottom:auto}
body.ice-dungeon-battle:has(.writing-battle) #app{height:100dvh;overflow-y:auto}
body.ice-dungeon-battle #enemyWrap.icd-combat .writing-reading{font-size:calc(2em / var(--wb-reading-length,2))!important}