/* Side supplies never participate in the inscription table's centering. */
.rune-board-controls{transform:none!important;margin:0 auto;isolation:isolate}
.rune-board-controls .guess-board{padding:0;margin:0}
.rune-board-controls .row-damage{left:auto;right:calc(100% + 9px);text-align:right;width:50px}
.rune-board-controls .consumable-belt{left:calc(100% + 22px);top:1px;width:52px;min-height:0;gap:8px}
.rune-board-controls .consumable-belt:before{left:25px;top:20px;bottom:20px;opacity:.45}
.rune-board-controls .draught-slot{width:52px;min-width:0;min-height:70px;padding:0 0 4px}
.rune-board-controls .draught-slot>.provision-icon{width:40px;height:47px;image-rendering:pixelated}
.rune-board-controls .draught-slot i{font-size:4px;letter-spacing:.3px}
.rune-board-controls .shield-slot{background:radial-gradient(ellipse,#a9c1c02a,transparent 65%)}
.rune-board-controls .shield-slot:hover:enabled canvas{filter:brightness(1.2) drop-shadow(0 0 6px #c1e1db66)}
/* The little purse sits beside the last row, with the cost falling into it. */
.combat-purse{position:absolute;right:calc(100% + 24px);bottom:-33px;min-width:62px;text-align:center;white-space:nowrap;color:#e4c480;pointer-events:none;text-shadow:1px 2px #090d08}
.combat-purse>div{display:flex;justify-content:center;align-items:center;gap:3px;min-height:27px}
.combat-purse .coin-icon{width:23px;height:23px;flex:none;filter:drop-shadow(0 2px #090b08)}
.combat-purse b{font:21px/1 'Knightle Herald';font-variant-numeric:tabular-nums}
.combat-purse small{display:block;font:5px/1.5 'Knightle Quill';letter-spacing:1.2px;color:#a29372;margin-top:2px}
.coin-debit{position:absolute;left:0;right:0;bottom:100%;font:24px/1 'Knightle Herald';color:#f1af71;animation:coin-into-purse 1.4s ease both;animation-delay:var(--debit-age,0ms)}
.purse-draining{animation:purse-impact .26s ease-out both}.purse-draining b{color:#ffdfa1;text-shadow:0 0 9px #f1b75099,1px 2px #090b08}
@keyframes coin-into-purse{0%{opacity:0;transform:translateY(-27px) scale(.7)}8%{opacity:1;transform:translateY(-23px) scale(1.15)}20%{opacity:1;transform:translateY(-6px) scale(1)}27%{opacity:0;transform:translateY(18px) scale(.7)}100%{opacity:0;transform:translateY(18px)}}
@keyframes purse-impact{0%{transform:translateY(0)}40%{transform:translateY(3px)}70%{transform:translateY(-1px)}100%{transform:translateY(0)}}
/* Armed wards split in two on contact. Health animation remains independent. */
.ward-rack{display:flex;gap:1px;align-items:center;min-height:28px;margin-left:3px}
.armed-ward{position:relative;display:block;width:25px;height:29px;filter:drop-shadow(0 0 4px #bdcfaa55);animation:ward-equipped .4s ease-out both}
.ward-half{position:absolute;inset:0;display:block}.ward-half canvas{width:25px;height:29px;image-rendering:pixelated}
.ward-left{clip-path:polygon(0 0,53% 0,46% 34%,60% 49%,43% 69%,51% 100%,0 100%)}
.ward-right{clip-path:polygon(53% 0,100% 0,100% 100%,51% 100%,43% 69%,60% 49%,46% 34%)}
.armed-ward>i{position:absolute;display:none;width:3px;height:4px;top:13px;left:12px;background:#e0c780}
.ward-breaking .ward-break-target{animation:none}
.ward-breaking .ward-break-target .ward-left{animation:ward-break-left .64s ease-out both}
.ward-breaking .ward-break-target .ward-right{animation:ward-break-right .64s ease-out both}
.ward-breaking .ward-break-target>i{display:block;animation:ward-shard .6s ease-out both;--sx:-15px;--sy:-12px}
.ward-breaking .ward-break-target>i:nth-of-type(2){--sx:13px;--sy:-17px;background:#c5e2e0}
.ward-breaking .ward-break-target>i:nth-of-type(3){--sx:17px;--sy:7px}
@keyframes ward-equipped{from{opacity:0;transform:scale(.5);filter:brightness(2)}to{opacity:1;transform:scale(1)}}
@keyframes ward-break-left{0%{filter:brightness(3)}25%{opacity:1;transform:translate(-3px,-2px) rotate(-12deg)}100%{opacity:0;transform:translate(-15px,16px) rotate(-40deg)}}
@keyframes ward-break-right{0%{filter:brightness(3)}25%{opacity:1;transform:translate(3px,-2px) rotate(12deg)}100%{opacity:0;transform:translate(15px,16px) rotate(40deg)}}
@keyframes ward-shard{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--sx),var(--sy)) rotate(120deg)}}
.warded-hit.enemyAttack:after{box-shadow:none!important;animation:none!important}
.warded-hit.enemyAttack{animation:none!important}
.warded-hit .floating-damage.player-hit{color:#c4ece0;font-size:24px;text-shadow:2px 3px #153127,0 0 12px #8bc6b55e}
/* Compact oak-and-brass dialogs float over the still-visible chamber. */
.last-stand-backdrop,.field-purchase-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:120;padding:18px 16px calc(var(--ad-space) + 18px);background:#03070661;backdrop-filter:none;animation:field-dialog-veil .22s ease-out both}
.field-dialog{position:relative;width:min(340px,100%);box-sizing:border-box;text-align:center;color:#d5c4a1;padding:24px 24px 18px;border:5px solid #453423;border-image:none;border-radius:3px;outline:1px solid #b08b50;outline-offset:-3px;background:repeating-linear-gradient(2deg,#5b46200c 0 1px,transparent 1px 8px),radial-gradient(ellipse at 50% 25%,#3a3a29,#171d18 83%);box-shadow:0 2px 0 2px #0e140e,0 16px 45px #01060488,inset 0 0 0 1px #8f7143,inset 0 0 0 4px #172018;animation:field-dialog-arrive .36s cubic-bezier(.16,.8,.3,1) both}
.field-dialog:before,.field-dialog:after{content:'';position:absolute;left:8px;right:8px;height:5px;background:linear-gradient(90deg,#c5a66b 0 4px,transparent 4px calc(50% - 3px),#a88b55 calc(50% - 3px) calc(50% + 3px),transparent calc(50% + 3px) calc(100% - 4px),#c5a66b calc(100% - 4px));box-shadow:none}
.field-dialog:before{top:8px}.field-dialog:after{bottom:8px}
.field-dialog .eyebrow{font:6px/1.7 'Knightle Quill';letter-spacing:1.4px;color:#c5ad7c;margin:0 0 11px}
.field-dialog h2{font:bold 27px/1.2 'Knightle Herald';color:#eee0b8;text-shadow:1px 2px #111b11;margin:10px 0}
.last-stand .revive-reliquary{display:flex;align-items:center;justify-content:center;gap:19px;width:auto;height:78px;margin:6px auto;background:radial-gradient(ellipse,#b8c98c14,transparent 64%);animation:none}
.last-stand .revive-reliquary canvas{width:55px;height:65px;filter:drop-shadow(0 3px 2px #050b07) drop-shadow(0 0 9px #b0da8755);image-rendering:pixelated}
.revive-stock{font:16px/1 'Knightle Herald';color:#a69a78;text-align:left}
.revive-stock b{font-size:32px;color:#e5cf98}.revive-stock small{font:5px/1.6 'Knightle Quill';letter-spacing:.6px;display:block;margin-top:9px;color:#b9a47f}
.last-stand .revive-promise{font:italic 14px/1.7 Georgia!important;margin:12px 0!important;color:#d4c8ac!important}.revive-promise b{color:#d2e6bd}.revive-promise em{font-size:11px;color:#a89d81}
.field-dialog .btn.primary{min-height:53px;width:100%;margin:17px 0 4px;padding:12px 10px;border:1px solid #ae8c51;border-bottom:3px solid #72582d;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);background:linear-gradient(#574a2d,#363524);box-shadow:inset 0 1px #d1b97a44;color:#f1dbac;font:16px/1.2 'Knightle Herald';letter-spacing:1px}
.field-dialog .revive-use{display:flex;gap:10px}.revive-use canvas{width:27px;height:32px}.revive-use span{font:15px 'Knightle Herald';gap:6px}.revive-use small{font:5px 'Knightle Quill';letter-spacing:.6px}
.field-dialog .revive-surrender{padding:14px 7px 6px;font:6px/1.8 'Knightle Quill';letter-spacing:.7px;color:#c2b493;min-height:40px}
.field-purchase-icon{height:63px;display:grid;place-items:center}.field-purchase-icon canvas{width:50px;height:58px;image-rendering:pixelated;filter:drop-shadow(0 4px #08100888)}
.purchase-question{display:flex;align-items:center;justify-content:center;gap:5px;font:italic 17px Georgia;color:#e9d8ac;margin:17px 0 10px}.purchase-question span{display:inline-flex;align-items:center;gap:4px}.purchase-question b{font:24px 'Knightle Herald';color:#efd18b}.purchase-question .coin-icon{width:24px;height:24px}
.purchase-rule{font:italic 13px/1.65 Georgia;color:#beb398;margin:10px 0}.purchase-wallet{font:italic 12px Georgia;display:flex;align-items:center;justify-content:center;gap:5px;color:#aba083;margin:12px 0 0}.purchase-wallet .coin-icon{width:18px;height:18px}.purchase-wallet b{font:18px 'Knightle Herald';color:#d4bd8a}
.purchase-error{font:italic 12px/1.4 Georgia;color:#e6ac86;margin:11px 0 0}.purchase-error:empty{display:none}.field-purchase .btn:disabled{filter:saturate(.3);opacity:.5}
@keyframes field-dialog-veil{from{background:#03070600}to{background:#03070661}}
@keyframes field-dialog-arrive{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){
 .rune-board-controls .consumable-belt{left:calc(100% + 13px);width:44px;gap:3px;top:0}
 .rune-board-controls .consumable-belt:before{left:18px}
 .rune-board-controls .draught-slot{width:44px;min-width:44px;min-height:65px;padding:0 0 2px}
 .rune-board-controls .draught-slot>.provision-icon{width:33px;height:39px}
 .rune-board-controls .draught-slot b{font-size:15px}.rune-board-controls .draught-slot b span{font-size:11px}
 .rune-board-controls .row-damage{right:calc(100% + 8px);width:41px;font-size:6px}
 .combat-purse{right:calc(100% + 9px);min-width:52px;max-width:70px;bottom:-33px}
 .combat-purse>div{gap:1px}.combat-purse .coin-icon{width:18px;height:18px}.combat-purse b{font-size:16px}.combat-purse small{font-size:4px;letter-spacing:.5px}
 .coin-debit{font-size:20px}
 .knight-status{gap:4px}.ward-rack{gap:0;margin-left:1px}.armed-ward,.ward-half canvas{width:21px;height:25px}
 .field-dialog{padding:23px 20px 15px;width:min(320px,100%)}
}
@media(max-width:360px){.rune-board-controls .consumable-belt{left:calc(100% + 8px)}.combat-purse{right:calc(100% + 6px);min-width:48px}.combat-purse b{font-size:14px}.combat-purse .coin-icon{width:16px;height:16px}.ward-rack{position:absolute;left:calc(100% + 4px)}.command-line .knight-status{margin-right:43px}}
@media(prefers-reduced-motion:reduce){.field-dialog,.last-stand-backdrop,.field-purchase-backdrop,.armed-ward,.purse-draining,.coin-debit{animation:none}.coin-debit{opacity:0}.ward-breaking .ward-break-target{opacity:0}.ward-breaking .ward-break-target *{animation:none!important}}

.last-stand h2{font-size:23px;line-height:1.2;margin:8px 0}.last-stand .revive-reliquary{height:68px}.armed-ward{animation-delay:var(--ward-age,-1000ms)}

.rune-board-controls .combat-purse{right:auto;left:calc(50% - min(50vw - 12px,260px));bottom:-36px;max-width:110px;width:max-content}