/* Field notes use the same ink, parchment and character colors as the arena. */
.battle-details-dialog{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #bda77360;border-radius:22px;background:#f5f0e4;color:#243d39;box-shadow:0 24px 100px #03181570;overflow:auto;overscroll-behavior:contain}
.battle-details-dialog::backdrop{background:#071c24bd;backdrop-filter:blur(4px)}
.battle-details-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px 18px;border-bottom:1px solid #33514c20;background:#f5f0e4;position:sticky;top:0;z-index:2}
.battle-details-dialog h2{font-family:Georgia,serif;font-size:28px;margin:5px 0 0}.bd-eyebrow{display:block;color:#6d795d;font-size:11px;font-weight:800;letter-spacing:.11em;line-height:1.6}
.bd-close{width:44px;min-height:44px;flex:none;border-radius:50%;border:1px solid #33514c30;background:transparent;font-size:25px;color:inherit;cursor:pointer}
.bd-content{padding:20px 26px;font-size:14px;line-height:1.6}.battle-details-dialog>footer{padding:0 26px 24px}.battle-details-dialog button{min-height:44px}.battle-details-dialog button:focus-visible,.comfort-menu summary:focus-visible{outline:3px solid #34746f;outline-offset:3px}
.bd-identity{display:flex;gap:18px;align-items:center}.bd-identity h3{font-family:Georgia,serif;font-size:27px;margin:1px 0 5px}.bd-identity strong{font-size:16px}.bd-portrait{width:80px;height:95px;border-radius:45px 45px 16px 16px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#d4e1d2,#b2c8bd)}.bd-portrait svg{height:145px;width:116px;max-width:none;margin:-6px 0 0 -18px}
.bd-target{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:16px 0;padding:12px 15px;border-radius:12px;background:#e2e8db}.bd-target>span{font-size:11px;font-weight:800;letter-spacing:.08em}.bd-target>strong{text-align:right}
.bd-move-tabs{display:flex;gap:8px;flex-wrap:wrap}.bd-move-tabs button{flex:1;min-width:125px;padding:9px 12px;border:1px solid #355c493a;border-radius:12px;background:transparent;color:inherit;font-size:14px}.bd-move-tabs button[aria-pressed=true]{background:#234f46;color:#fff;border-color:#234f46}
.bd-availability{padding:12px 14px;border-radius:10px;background:#e9e0cc;color:#73542a;font-weight:700}.bd-availability.is-ready{background:#dce9db;color:#28563d}.bd-controller{border-left:3px solid #b5a168;padding-left:12px}
.bd-rules{display:grid;grid-template-columns:1.2fr .75fr 1.1fr;gap:9px;margin-top:17px}.bd-rules>div{padding:13px;background:#fffcf580;border:1px solid #355c4922;border-radius:12px}.bd-rules span,.bd-forecast span{display:block;font-size:12px;color:#647261}.bd-rules strong{font-size:14px;display:block;margin-top:6px}.bd-pattern{display:flex;gap:5px;margin-top:6px;align-items:center;flex-wrap:wrap}.bd-pattern .bd-symbol{color:inherit;width:28px;height:28px;display:grid;place-items:center;background:#e5dfcf;border-radius:7px}.bd-symbol svg{width:20px;height:20px}
.bd-forecast{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.bd-forecast>div{border-top:2px solid #b7a064;padding:11px 6px}.bd-forecast strong{font-family:Georgia,serif;font-size:28px;display:block}.bd-note,.bd-duration{font-size:13px;color:#627266}.bd-note{border-top:1px solid #34594c22;padding-top:14px}.bd-content .primary-button{margin-top:8px}
.bd-die-change{display:flex;align-items:center;justify-content:center;gap:22px;margin:15px 0}.bd-die-change>div{min-width:100px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #aa976155;border-radius:18px;background:#fffaf0}.bd-die-change svg{width:40px;height:40px}.bd-die-change small{font-size:12px}.bd-die-change>span{font-size:28px;color:#7a956f}.bd-probabilities{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.bd-probabilities span{display:flex;gap:5px;align-items:center;font-size:13px}.bd-probabilities svg{height:20px;width:20px}
.bd-history-heading{margin:20px 0}.bd-history-list{padding:0;list-style:none;display:grid;gap:13px}.bd-history-list li{display:flex;gap:12px;padding:13px;background:#fffaf0;border:1px solid #38564322;border-radius:12px}.bd-event-index{height:27px;width:27px;display:grid;place-items:center;flex:none;border-radius:50%;background:#dbe4d7;font-size:12px;font-weight:800}.bd-history-list strong{display:block;font-size:14px}.bd-history-list strong>span{color:#9d8b59;margin:0 4px}.bd-history-list small{display:block;font-size:13px;color:#596d60;margin-top:5px}.bd-history-list p{font-weight:700;font-size:14px;margin:6px 0 0}.bd-safe{padding:12px;background:#deead9;border-radius:12px}.bd-older{padding:10px 0}.bd-older summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-weight:700}
.bd-history-tactic{padding:12px 15px;border-left:3px solid #6b948a;background:#e9efe8;border-radius:0 10px 10px 0;overflow-wrap:anywhere}.bd-history-tactic p{margin:5px 0;font-size:13px;line-height:1.6;color:#405e52}.bd-history-tactic p:first-child{font-weight:800}
.battle-utility{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:0 4px;font-size:13px}.battle-utility .text-button{min-height:44px;text-decoration:underline;text-underline-offset:4px}
#earned-progress{border-top:1px solid #6e785c2f;margin-top:18px;padding-top:18px}#earned-progress h3{font-size:19px;margin:3px 0 13px}#earned-progress>header h3{color:#f0eddb}#earned-progress>header .bd-eyebrow{color:#d4cc9f}#earned-progress>p{font-size:13px;color:#c8d6c4}.bd-xp-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:9px}.bd-xp-member{color:#243d39;display:flex;gap:9px;align-items:center;background:#f7f2e6;border:1px solid #a6ae954a;border-radius:12px;padding:8px}.bd-xp-portrait{width:34px;height:44px;overflow:hidden;border-radius:18px;flex:none;background:#d9e3d6}.bd-xp-portrait svg{width:60px;height:75px;max-width:none;margin:-2px 0 0 -13px}.bd-xp-member>div{flex:1;min-width:0}.bd-xp-member strong{font-size:14px;overflow-wrap:anywhere}.bd-xp-member small{display:block;font-size:11px;color:#5a6d5d}.bd-xp-member>span>b{font-size:13px}.bd-xp-member button{min-height:44px;min-width:44px;color:#365448}.bd-recruit-receipt{color:#243d39;margin-top:14px;padding:16px;border:1px solid #b89b5755;border-radius:14px;background:linear-gradient(110deg,#ede7cf,#e5ebdf)}.bd-recruit-receipt>strong{font-family:Georgia,serif;font-size:22px}.bd-recruit-receipt button{min-height:44px;color:#365448}.bd-recruit-receipt p{font-size:14px;margin:7px 0 13px}
.comfort-menu{position:relative}.comfort-menu>summary{list-style:none;min-height:44px;display:flex;align-items:center;padding:8px 12px;cursor:pointer;border:1px solid #58655833;border-radius:12px;font-size:13px}.comfort-menu>summary::-webkit-details-marker{display:none}.comfort-menu-content{position:absolute;right:0;top:calc(100% + 8px);width:230px;background:#f7f2e6;border:1px solid #a2a78866;border-radius:16px;padding:12px;box-shadow:0 12px 35px #172e3930;display:grid;gap:8px;z-index:90}.comfort-menu-content button{width:100%;min-height:44px;display:flex;justify-content:center;gap:9px;align-items:center}.comfort-menu-content #sound{border-radius:10px}.comfort-menu-content #sound svg{width:20px;height:20px}
html[data-shake=on][data-motion=full] .arena[data-effect=enemy] .arena-scenery,html[data-shake=on][data-motion=full] .arena[data-effect=special] .arena-scenery{animation:bd-camera-impact 220ms ease-out 1}
@keyframes bd-camera-impact{0%,100%{transform:translate(0,0)}30%{transform:translate(2px,-1px)}65%{transform:translate(-2px,1px)}}
@media(max-width:620px){.bd-content{padding:18px}.battle-details-dialog>header{padding:17px 18px}.battle-details-dialog>footer{padding:0 18px 18px}.battle-details-dialog h2{font-size:24px}.bd-rules{grid-template-columns:1fr 1fr}.bd-rules>div:first-child{grid-column:1/-1}.bd-forecast{grid-template-columns:repeat(2,1fr)}.bd-identity h3{font-size:24px}.bd-content p{font-size:14px}.bd-recruit-receipt .secondary-button{width:100%}.battle-utility{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html[data-shake=on][data-motion=full] .arena .arena-scenery{animation:none}}

/* Inspect controls stay comfortably tappable within the actual dice and command cards. */
.command-inspect,.die-inspect{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 12px;touch-action:manipulation;font-size:14px;line-height:1.35}
.command-inspect:focus-visible,.die-inspect:focus-visible{outline:3px solid #d4c58c;outline-offset:3px}
.bd-event-target b{font-size:11px;letter-spacing:.06em}.bd-probabilities>span{padding:7px 9px;border-radius:9px;background:#e8eadf}