.combat-screen{position:fixed;inset:0;z-index:100;background:#080809;color:#eddda5;overflow:auto;font:16px Georgia,serif;padding:16px;box-sizing:border-box}.combat-screen[hidden]{display:none}.combat-screen header{display:flex;align-items:center;justify-content:space-between;border-bottom:3px ridge #a18446;max-width:1250px;margin:auto}.combat-screen h1{font-size:24px;color:#e5c477}.combat-layout{display:grid;grid-template-columns:minmax(420px,900px) 280px;max-width:1250px;margin:auto;gap:16px}.combat-board{align-self:center}.combat-board canvas{width:100%;image-rendering:pixelated}.combat-layout aside{background:linear-gradient(100deg,#614021,#a77f45 8%,#b28a4f 90%,#5c361c);color:#21170f;border:5px ridge #927039;padding:14px;margin-top:18px}.combat-screen button,.combat-screen select{display:block;width:100%;margin:7px 0;background:#c59a56;border:2px outset #ae8644;color:#271d10;padding:8px;font:15px Georgia,serif}.combat-screen button:disabled{opacity:.45}.combat-screen button:focus-visible,.combat-screen select:focus-visible{outline:3px solid #ffe66d}.combat-portrait{width:66px;height:82px;object-fit:cover;float:right;border:3px ridge #b49b54}.combat-log{max-width:1180px;margin:12px auto;background:#191612;border-top:2px solid #635130;padding:14px 34px;min-height:85px;font:14px monospace}.combat-screen small{display:block}@media(max-width:760px){.combat-layout{grid-template-columns:1fr}.combat-layout aside{margin:0}.combat-screen header{display:block}.combat-screen{padding:8px}}