canvas{image-rendering:pixelated!important}.pixel-health-icons{display:block}.iron-health-legend{display:block;color:#aebfc7;font-size:9px;margin:4px 0 10px}.iron-health-legend[hidden],.pixel-health-icons[hidden]{display:none}.mobile-health b{display:flex;justify-content:center}.mobile-health{min-width:104px}header{flex-wrap:wrap}.weekly-board-button{font-size:10px}.run-summary-overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#0b1014ed;padding:12px;cursor:default}.run-summary-overlay[hidden]{display:none}.run-summary-card,.weekly-board-panel{width:min(620px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#172126;border:2px solid #8b794e;padding:20px;color:#eaddbe;text-align:left}.run-summary-card h2,.weekly-board-panel h2{margin:5px 0 16px;font-size:23px;color:#f2c66b;letter-spacing:1px}.run-eyebrow{color:#b4c7c7;font-size:10px;letter-spacing:1px;margin:0}.run-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 13px}.run-stat-grid>div{padding:9px;background:#10191e;border-left:2px solid #7f6a42}.run-stat-grid dt{font-size:9px;color:#a9b9b9}.run-stat-grid dd{margin:4px 0 0;font-size:19px;color:#fff2cf}.run-equipment{font-size:12px;line-height:1.5;border-top:1px solid #415158;padding:10px 0}.run-equipment p{margin:5px 0;overflow-wrap:anywhere}.run-equipment strong{color:#d6bded}.run-score-form{display:grid;grid-template-columns:1fr auto;gap:7px;margin:10px 0}.run-score-form label,.run-submit-status{grid-column:1/-1;font-size:11px;margin:0}.run-score-form input{width:100%;min-width:0;background:#0d171b;border:1px solid #718188;color:#fff2cf;padding:8px;font:inherit}.run-summary-card button,.weekly-board-panel button{border:1px solid #aa8a53;background:#352e24;color:#ffe1a2;padding:9px 12px;font:11px ui-monospace,monospace;cursor:pointer}.run-summary-card button:disabled{opacity:.55;cursor:default}.run-submit-status{line-height:1.45;color:#afc4c4}.run-actions{display:flex;gap:8px;margin-top:14px;justify-content:flex-end}.weekly-board-panel{width:min(680px,96vw)}.board-rules,.board-status{font-size:11px;line-height:1.5;color:#bccbca}.board-list{list-style:none;padding:0;margin:13px 0}.board-entry{display:grid;grid-template-columns:35px 1fr auto;gap:5px 10px;padding:10px 7px;border-bottom:1px solid #405055;font-size:12px}.board-rank{color:#f2c66b}.board-name{overflow-wrap:anywhere}.board-character{color:#b4c7c7;font-size:10px}.board-score{grid-column:2/-1;color:#eeddb5;font-size:10px}.board-empty{padding:16px 6px;font-size:12px}button:focus-visible,input:focus-visible{outline:2px solid #fff2cf;outline-offset:3px}
@media(max-width:600px){.run-summary-card,.weekly-board-panel{padding:12px}.run-summary-card h2,.weekly-board-panel h2{font-size:18px}.run-stat-grid{grid-template-columns:repeat(2,1fr)}.run-score-form{grid-template-columns:1fr}.run-score-form button{min-height:40px}.board-entry{grid-template-columns:27px 1fr}.board-character{grid-column:2}.run-summary-overlay{padding:7px}.cooldown-hud{grid-template-columns:42px 104px minmax(50px,1fr) minmax(50px,1fr)!important}.mobile-health{gap:0!important}}
@media(pointer:coarse) and (orientation:landscape){.cooldown-hud{grid-template-columns:1fr!important}.run-stat-grid{grid-template-columns:repeat(4,1fr)}.run-summary-card{padding:10px}.run-summary-card h2{font-size:17px;margin-bottom:8px}.run-stat-grid>div{padding:5px}.run-stat-grid dd{font-size:16px}.run-score-form{margin:5px 0}.run-actions{margin-top:6px}}

.run-summary-card{max-height:min(700px,calc(100dvh - 32px))}.weekly-touch-button{display:none;position:absolute;top:9px;right:9px;z-index:15;padding:8px;background:#15232bef;border:1px solid #819185;color:#f1e6cf;font:10px ui-monospace,monospace;touch-action:manipulation}@media(pointer:coarse) and (orientation:landscape){.weekly-touch-button{display:block}}

.modal:has(.weekly-board-panel){position:fixed;inset:0;z-index:1000;padding:12px}.modal .weekly-board-panel{max-width:680px;width:min(680px,96vw);max-height:calc(100dvh - 32px)}.statrow{gap:8px}

.bar:has(> #hpBar){display:none}@media(pointer:coarse) and (orientation:landscape){.mobile-health{min-width:0;width:104px;max-width:100%}}

.game-wrap .message{bottom:var(--health-message-bottom,80px)}

.game-wrap > .skill-toolbar{bottom:var(--health-toolbar-bottom,28px)}