/* Brass command plates. No parchment picture is stretched over the buttons. */
#hud #fireAction,#hud #endTurn{background-image:linear-gradient(155deg,#ffffff12,transparent 38%,#0000002a)!important;background-size:100% 100%!important;background-blend-mode:normal!important;border:3px solid #b49b69!important;box-shadow:inset 0 2px 0 #eed49d55,inset 0 -3px 0 #351e1677,0 3px 7px #061b2877!important;gap:10px!important;padding:8px 15px!important}
#hud #fireAction{background-color:#81422e!important}
#hud #endTurn{background-color:#234e55!important}
#hud :is(#fireAction,#endTurn)::before{content:'';position:absolute;inset:5px;border:2px solid #d5bb8055;border-radius:2px;pointer-events:none}
#hud #fireAction.is-targeting{border-color:#efcc79!important;box-shadow:inset 0 0 0 2px #ffd98b66,0 0 14px #dcb76d44!important}
#hud :is(#fireAction,#endTurn) .command-key{font-size:16px!important;line-height:18px!important;border:0!important;padding:0!important;background:none!important;color:#dfc995!important;letter-spacing:.4px!important}
#hud{border:0!important;outline:0!important}
#hud .hud-paper{inset:-3px 0 -6px!important;clip-path:inset(3px 0 0)}
#ui{border:0!important;outline:0!important}
.fullscreen-button{display:grid!important;place-items:center!important;padding:0!important}
.fullscreen-button>.painted-ui-icon{display:block;justify-self:center;align-self:center}
#hud .post-name{width:174px!important;font:700 max(20px,calc(17px / var(--ui-scale,1)))/24px 'Alegreya',serif!important;letter-spacing:.25px!important}
#hud .portrait{left:22px!important;top:32px!important;width:60px!important;height:120px!important;border:0!important;background:none!important;box-shadow:none!important;clip-path:none!important;overflow:visible!important;mask:none!important}
#hud .portrait img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border:0!important;background:none!important;clip-path:none!important;mask:none!important;filter:drop-shadow(0 1px 1px #68452226)}
#hud .officer-name{top:160px!important;font:700 max(20px,calc(17px / var(--ui-scale,1)))/22px 'Alegreya',serif!important}
#hud .ability-column{top:32px!important;left:108px!important;gap:10px!important}
#hud .ability-column .ability{width:66px!important;height:66px!important;min-height:66px!important;border:3px solid #90623e!important;border-radius:12px!important;background:#f0e6cf!important;box-shadow:inset 0 0 0 2px #faf2df99,0 2px 3px #66482b33!important;clip-path:none!important;padding:4px!important;overflow:visible!important}
#hud .ability .ability-art{width:100%!important;height:100%!important;object-fit:contain!important}
#hud .ability.passive{border-color:#7e8580!important;background:#e2e0d1!important;box-shadow:inset 0 0 0 2px #ffffff55,0 2px 3px #4b504533!important;filter:none!important;opacity:1!important;cursor:help!important}
#hud .ability.passive:disabled{filter:none!important;opacity:1!important;cursor:help!important}
#hud .ability:disabled:not(.passive){filter:none!important;opacity:.6!important}
#hud .ability.active{border-color:#b76231!important;box-shadow:inset 0 0 0 2px #f0c276,0 0 7px #b67b4266!important}
#hud .ability .slot-cost{display:block!important;position:absolute!important;left:auto!important;right:-6px!important;bottom:-5px!important;width:auto!important;min-width:25px!important;height:25px!important;line-height:23px!important;border:2px solid #886341!important;border-radius:50%!important;background:#eee1bf!important;padding:0 4px!important;color:#4d3424!important;font:700 18px/23px 'Alegreya',serif!important;z-index:2!important}
#hud .ability.passive .slot-cost{border-color:#7e8580!important;border-radius:4px!important;transform:rotate(45deg);font-size:0!important;background:#d7d9d2!important}
#hud .ability.passive .slot-cost:before{content:'∞';display:block;transform:rotate(-45deg);font:700 20px/21px 'Alegreya',serif;color:#4c5652}
#hud .ability .cooldown-counter{font-family:'Alegreya',serif!important;border-radius:8px!important}
/* One readable serif for running text; calligraphy remains specific to the map. */
body :is(button,kbd,input,select,textarea,p,dt,dd,small,.resource-value,.queue-caption){font-family:'Alegreya',serif!important}
#hover{position:fixed!important;z-index:1000!important;width:380px!important;max-width:calc(100vw - 24px)!important;left:auto;right:auto!important;bottom:auto!important;transform:none!important;background:#f0e6d0!important;background-image:none!important;color:#3c2e23!important;border:0!important;border-radius:5px!important;padding:17px 20px!important;box-shadow:0 4px 18px #061b2480!important;clip-path:polygon(6px 0,calc(100% - 8px) 0,100% 6px,100% calc(100% - 7px),calc(100% - 6px) 100%,7px 100%,0 calc(100% - 6px),0 7px)!important;pointer-events:none!important;font:500 20px/26px 'Alegreya',serif!important;text-shadow:none!important;opacity:1!important;animation:none!important;transition:none!important}
#hover .tooltip-head{display:flex!important;align-items:flex-start!important;gap:12px!important;border:0!important;padding:0!important;min-width:0!important}
#hover .tooltip-head>div{flex:1!important;min-width:0!important}
#hover .tooltip-head>.painted-ui-icon{width:42px!important;height:48px!important;object-fit:contain!important;flex:0 0 42px}
#hover .tooltip-head small{font:600 17px/21px 'Alegreya',serif!important;color:#816143!important;letter-spacing:0!important}
#hover .tooltip-head h3{font:700 26px/28px 'Alegreya',serif!important;margin:2px 0 0!important;letter-spacing:0!important;color:#3c2e23!important}
#hover p{font:500 20px/26px 'Alegreya',serif!important;margin:12px 0 0!important;color:#3c2e23!important}
#hover .tooltip-warning{font:600 18px/23px 'Alegreya',serif!important;border:0!important;margin-top:10px!important;padding:0!important;color:#98503a!important}
#hover .tooltip-stats{font:500 19px/25px 'Alegreya',serif!important}
#hover[data-kind='officer'] .tooltip-head>.painted-ui-icon{width:64px!important;height:64px!important;flex-basis:64px}
.prep-skill{border:3px solid #90623e!important;border-radius:10px!important;background:#f0e6cf!important;clip-path:none!important}
.prep-skill.passive{border-color:#7e8580!important;background:#e2e0d1!important;filter:none!important;opacity:1!important}
#prepTooltip,#prepTip,.prep-tooltip{z-index:1100!important;font:500 20px/26px 'Alegreya',serif!important}
#preparation .prep-officer small,.officer-candidate small{font:600 16px/20px 'Alegreya',serif!important}
.queue-caption{font-size:max(18px,calc(16px / var(--ui-scale,1)))!important}
#modeHint{font:600 max(18px,calc(16px / var(--ui-scale,1)))/24px 'Alegreya',serif!important}
@media(max-height:850px),(max-width:1400px){#hud .portrait{top:30px!important;left:24px!important;width:56px!important;height:112px!important}#hud .officer-name{top:148px!important;line-height:28px!important;height:56px!important}#hud .post-name{top:0!important;height:28px!important;line-height:28px!important}#hud #fireAction,#hud #endTurn{height:92px!important;top:-66px!important}#hud :is(#fireAction,#endTurn) .command-copy b{font-size:24px!important;line-height:24px!important;white-space:normal!important}#hud :is(#fireAction,#endTurn) .command-key{font-size:24px!important;line-height:24px!important}#hud .ability .slot-cost{font-size:24px!important}}