@font-face { font-family: "Sherwood"; src: url("../assets/fonts/Sherwood.otf") format("opentype"), url("../assets/fonts/SHERWOOD.TTF") format("truetype"), url("../assets/fonts/Sherwood.woff") format("woff"); } @font-face { font-family: "BlueDragon"; src: url("../assets/fonts/Blue Dragon.ttf") format("truetype"); } :root { --oh-font-primary: "Sherwood", "Palatino Linotype", serif; --oh-font-secondary: "BlueDragon", "Palatino Linotype", serif; --oh-font-body: "Calibri", "Segoe UI", sans-serif; --oh-font-size: 0.86rem; --oh-color-blue: #084a74; --oh-color-olive: #535128; --oh-color-gold: #c8a84b; --oh-color-dark: #2a1a0a; --oh-color-paper: #f5ead0; --oh-background-image: url("../assets/ui/oath_hammer_paper.webp"); --oh-logo: url("../assets/logos/official_logo_01.webp"); } .application.dialog.oathhammer { font-family: "Calibri", "Segoe UI", sans-serif; font-size: 0.86rem; background-image: var(--oh-background-image); background-repeat: no-repeat; background-size: 100% 100%; } .oathhammer .character-content, .oathhammer .npc-content, .oathhammer .settlement-content, .oathhammer .regiment-content, .oathhammer .party-content, .oathhammer .army-content { font-family: "Calibri", "Segoe UI", sans-serif; font-size: 0.86rem; color: #2a1a0a; background-image: var(--oh-background-image); background-repeat: no-repeat; background-size: 100% 100%; overflow: auto; padding: 10px 20px; } .oathhammer .character-content nav.tabs [data-tab], .oathhammer .npc-content nav.tabs [data-tab], .oathhammer .settlement-content nav.tabs [data-tab], .oathhammer .regiment-content nav.tabs [data-tab], .oathhammer .party-content nav.tabs [data-tab], .oathhammer .army-content nav.tabs [data-tab] { color: #535128; } .oathhammer .character-content nav.tabs [data-tab].active, .oathhammer .npc-content nav.tabs [data-tab].active, .oathhammer .settlement-content nav.tabs [data-tab].active, .oathhammer .regiment-content nav.tabs [data-tab].active, .oathhammer .party-content nav.tabs [data-tab].active, .oathhammer .army-content nav.tabs [data-tab].active { color: #084a74; } .oathhammer .character-content input:disabled, .oathhammer .npc-content input:disabled, .oathhammer .settlement-content input:disabled, .oathhammer .regiment-content input:disabled, .oathhammer .party-content input:disabled, .oathhammer .army-content input:disabled, .oathhammer .character-content select:disabled, .oathhammer .npc-content select:disabled, .oathhammer .settlement-content select:disabled, .oathhammer .regiment-content select:disabled, .oathhammer .party-content select:disabled, .oathhammer .army-content select:disabled { background-color: rgba(0, 0, 0, 0.08); border-color: transparent; color: #2a1a0a; } .oathhammer .character-content input, .oathhammer .npc-content input, .oathhammer .settlement-content input, .oathhammer .regiment-content input, .oathhammer .party-content input, .oathhammer .army-content input, .oathhammer .character-content select, .oathhammer .npc-content select, .oathhammer .settlement-content select, .oathhammer .regiment-content select, .oathhammer .party-content select, .oathhammer .army-content select { height: 1.5rem; background-color: rgba(255, 255, 255, 0.3); border-color: #084a74; color: #2a1a0a; } .oathhammer .character-content input[name="name"], .oathhammer .npc-content input[name="name"], .oathhammer .settlement-content input[name="name"], .oathhammer .regiment-content input[name="name"], .oathhammer .party-content input[name="name"], .oathhammer .army-content input[name="name"] { height: 2.5rem; font-family: "Sherwood", "Palatino Linotype", serif; font-size: calc(0.86rem * 1.2); font-weight: bold; border: none; border-bottom: 2px solid #084a74; background: transparent; } .oathhammer .character-content fieldset, .oathhammer .npc-content fieldset, .oathhammer .settlement-content fieldset, .oathhammer .regiment-content fieldset, .oathhammer .party-content fieldset, .oathhammer .army-content fieldset { margin-bottom: 4px; border-radius: 4px; border-color: #535128; } .oathhammer .character-content legend, .oathhammer .npc-content legend, .oathhammer .settlement-content legend, .oathhammer .regiment-content legend, .oathhammer .party-content legend, .oathhammer .army-content legend { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 1.1); font-weight: bold; letter-spacing: 1px; color: #084a74; } .oathhammer .character-content label, .oathhammer .npc-content label, .oathhammer .settlement-content label, .oathhammer .regiment-content label, .oathhammer .party-content label, .oathhammer .army-content label { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: 0.86rem; color: #2a1a0a; } .oathhammer .tab { padding: 4px; } .oathhammer prose-mirror { color: #2a1a0a !important; background: transparent; } .oathhammer prose-mirror.inactive, .oathhammer prose-mirror[toggled] { color: #2a1a0a !important; } .oathhammer .editor-content, .oathhammer .prosemirror .editor-content, .oathhammer prose-mirror .editor-content { color: #2a1a0a !important; background: transparent; } .oathhammer .editor-content p, .oathhammer .prosemirror .editor-content p, .oathhammer prose-mirror .editor-content p, .oathhammer .editor-content li, .oathhammer .prosemirror .editor-content li, .oathhammer prose-mirror .editor-content li, .oathhammer .editor-content span, .oathhammer .prosemirror .editor-content span, .oathhammer prose-mirror .editor-content span, .oathhammer .editor-content div, .oathhammer .prosemirror .editor-content div, .oathhammer prose-mirror .editor-content div, .oathhammer .editor-content blockquote, .oathhammer .prosemirror .editor-content blockquote, .oathhammer prose-mirror .editor-content blockquote, .oathhammer .editor-content h1, .oathhammer .prosemirror .editor-content h1, .oathhammer prose-mirror .editor-content h1, .oathhammer .editor-content h2, .oathhammer .prosemirror .editor-content h2, .oathhammer prose-mirror .editor-content h2, .oathhammer .editor-content h3, .oathhammer .prosemirror .editor-content h3, .oathhammer prose-mirror .editor-content h3, .oathhammer .editor-content h4, .oathhammer .prosemirror .editor-content h4, .oathhammer prose-mirror .editor-content h4, .oathhammer .editor-content h5, .oathhammer .prosemirror .editor-content h5, .oathhammer prose-mirror .editor-content h5, .oathhammer .editor-content h6, .oathhammer .prosemirror .editor-content h6, .oathhammer prose-mirror .editor-content h6 { color: #2a1a0a !important; } .oathhammer .editor-content a, .oathhammer .prosemirror .editor-content a, .oathhammer prose-mirror .editor-content a { color: #084a74; } .oathhammer .ProseMirror, .oathhammer .prosemirror .editor-container .ProseMirror { color: #2a1a0a !important; background-color: rgba(245, 234, 208, 0.6); border: 1px solid #084a74; border-radius: 3px; padding: 4px 6px; min-height: 4rem; } .oathhammer .ProseMirror p, .oathhammer .prosemirror .editor-container .ProseMirror p, .oathhammer .ProseMirror li, .oathhammer .prosemirror .editor-container .ProseMirror li, .oathhammer .ProseMirror span, .oathhammer .prosemirror .editor-container .ProseMirror span { color: #2a1a0a !important; } .oathhammer .ProseMirror a, .oathhammer .prosemirror .editor-container .ProseMirror a { color: #084a74; } .oathhammer .ProseMirror.ProseMirror-empty::before, .oathhammer .prosemirror .editor-container .ProseMirror.ProseMirror-empty::before { color: rgba(42, 26, 10, 0.45); } .oathhammer .editor-toolbar { background: rgba(8, 74, 116, 0.1); border-bottom: 1px solid #535128; } .oathhammer .editor-toolbar .control-icon, .oathhammer .editor-toolbar button { color: #084a74; } .oathhammer .editor-toolbar .control-icon:hover, .oathhammer .editor-toolbar button:hover { color: #2a1a0a; background: rgba(200, 168, 75, 0.2); } .oathhammer .skills-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; } .oathhammer .skills-container .skills-group { margin: 0; } .oathhammer .skills-container .skills-group legend .attr-rank { font-family: "Calibri", "Segoe UI", sans-serif; font-size: calc(0.86rem * 0.85); color: #535128; } .oathhammer .skills-container .skills-header, .oathhammer .skills-container .skill-row { display: grid; grid-template-columns: 1fr 2.5rem 2.5rem 2.5rem 5.5rem; align-items: center; gap: 4px; } .oathhammer .skills-container .skills-header { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.85); font-weight: bold; color: #084a74; border-bottom: 1px solid #535128; margin-bottom: 2px; padding-bottom: 2px; } .oathhammer .skills-container .skills-header span { text-align: center; } .oathhammer .skills-container .skills-header .skill-name-col { text-align: left; } .oathhammer .skills-container .skill-row { margin-bottom: 2px; } .oathhammer .skills-container .skill-row label.skill-name-col { font-size: calc(0.86rem * 0.9); font-weight: bold; } .oathhammer .skills-container .skill-row .skill-rank-col select, .oathhammer .skills-container .skill-row .skill-modifier-col input { width: 100%; text-align: center; font-size: calc(0.86rem * 0.85); padding: 1px 2px; } .oathhammer .skills-container .skill-row .skill-color-col { display: flex; align-items: center; gap: 2px; } .oathhammer .skills-container .skill-row .skill-color-col .color-dice-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; border: 1px solid rgba(0, 0, 0, 0.3); } .oathhammer .skills-container .skill-row .skill-color-col .color-dice-dot.color-dice-white { background: #f0f0f0; } .oathhammer .skills-container .skill-row .skill-color-col .color-dice-dot.color-dice-red { background: #d9534f; } .oathhammer .skills-container .skill-row .skill-color-col .color-dice-dot.color-dice-black { background: #222; } .oathhammer .skills-container .skill-row .skill-color-col .color-dice-select { flex: 1; font-size: calc(0.86rem * 0.85); padding: 1px 1px; min-width: 0; } .oathhammer .skills-container .skill-row .skill-color-col input[type="number"] { width: 2.2rem; text-align: center; font-size: calc(0.86rem * 0.85); padding: 1px 2px; flex-shrink: 0; } .oathhammer .skills-container .skill-row .skill-total { text-align: center; font-weight: bold; color: #084a74; } #pause > img { content: url("../assets/logos/oath_hammer_pause_logo.webp"); animation: none; width: 260px; height: auto; filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.8)); } #pause figcaption { font-family: "Sherwood", "Palatino Linotype", serif; font-size: 2rem; font-weight: bold; color: #c8a84b; text-shadow: 0 0 10px rgba(0, 0, 0, 0.9), 1px 1px 2px #000; letter-spacing: 2px; } .application.oathhammer { border: 2px solid #c8a84b; border-radius: 6px; box-shadow: 0 0 0 1px #2a1a0a, 0 4px 24px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(200, 168, 75, 0.3); outline: none; } .application.oathhammer > header.window-header { background: linear-gradient(to bottom, #0b629a 0%, #084a74 40%, #052c44 100%); border-bottom: 2px solid #c8a84b; border-radius: 4px 4px 0 0; padding: 4px 8px; min-height: 32px; display: flex; align-items: center; gap: 6px; } .application.oathhammer > header.window-header::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(to right, transparent, rgba(200, 168, 75, 0.7) 20%, #c8a84b 50%, rgba(200, 168, 75, 0.7) 80%, transparent); border-radius: 4px 4px 0 0; pointer-events: none; } .application.oathhammer > header.window-header .window-icon, .application.oathhammer > header.window-header img.header-icon { width: 22px; height: 22px; border: 1px solid #c8a84b; border-radius: 3px; -o-object-fit: cover; object-fit: cover; flex-shrink: 0; opacity: 0.9; } .application.oathhammer > header.window-header .window-title { font-family: "Sherwood", "Palatino Linotype", serif; font-size: 1.05rem; font-weight: normal; color: #c8a84b; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 8px rgba(200, 168, 75, 0.4); letter-spacing: 0.04em; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .application.oathhammer > header.window-header .header-control, .application.oathhammer > header.window-header .close, .application.oathhammer > header.window-header button.header-control { color: rgba(200, 168, 75, 0.7); background: transparent; border: none; padding: 2px 4px; border-radius: 3px; transition: color 0.15s, background 0.15s; font-size: 0.9rem; cursor: pointer; flex-shrink: 0; } .application.oathhammer > header.window-header .header-control:hover, .application.oathhammer > header.window-header .close:hover, .application.oathhammer > header.window-header button.header-control:hover { color: #c8a84b; background: rgba(42, 26, 10, 0.4); } .application.oathhammer > .window-content { border-radius: 0 0 4px 4px; } .oathhammer .actor-img { border: 2px solid #084a74; border-radius: 4px; cursor: pointer; -o-object-fit: cover; object-fit: cover; } .oathhammer .character-main { display: flex; flex-direction: column; gap: 4px; } .oathhammer .character-main .character-pc { display: flex; gap: 10px; align-items: flex-start; flex: 1; } .oathhammer .character-main .character-portrait { flex-shrink: 0; width: 150px; } .oathhammer .character-main .character-portrait .actor-img { width: 150px; height: 150px; -o-object-fit: cover; object-fit: cover; } .oathhammer .character-main .character-right { flex: 1; display: flex; flex-direction: column; gap: 5px; min-width: 0; } .oathhammer .character-main .character-name { display: flex; align-items: center; gap: 4px; border-bottom: 1px solid #535128; padding-bottom: 4px; } .oathhammer .character-main .character-name input { flex: 1; font-family: "Sherwood", "Palatino Linotype", serif; font-size: calc(0.86rem * 1.1); } .oathhammer .character-main .character-identity-bar { display: flex; flex-direction: row; align-items: center; gap: 6px; flex-wrap: wrap; } .oathhammer .character-main .character-identity-bar .identity-slot { display: flex; align-items: center; gap: 4px; padding: 2px 6px; border: 1px solid #535128; border-radius: 3px; background: rgba(0, 0, 0, 0.15); font-size: calc(0.86rem * 0.9); min-width: 6rem; min-height: 1.6rem; } .oathhammer .character-main .character-identity-bar .identity-slot.empty { opacity: 0.6; font-style: italic; border-style: dashed; } .oathhammer .character-main .character-identity-bar .identity-slot .identity-img { width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; border-radius: 2px; border: none; } .oathhammer .character-main .character-identity-bar .identity-slot .identity-name { flex: 1; font-family: "BlueDragon", "Palatino Linotype", serif; font-size: 0.86rem; font-weight: bold; } .oathhammer .character-main .character-identity-bar .identity-slot .slot-icon { font-size: calc(0.86rem * 0.9); opacity: 0.8; } .oathhammer .character-main .character-identity-bar .identity-slot .slot-placeholder { font-size: calc(0.86rem * 0.9); } .oathhammer .character-main .character-identity-bar .identity-slot a { font-size: calc(0.86rem * 0.9); opacity: 0.85; } .oathhammer .character-main .character-identity-bar .identity-slot a:hover { opacity: 1; } .oathhammer .character-main .character-identity-bar .identity-xp { display: flex; align-items: center; gap: 3px; margin-left: auto; font-size: calc(0.86rem * 0.9); } .oathhammer .character-main .character-identity-bar .identity-xp .xp-label { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.9); font-weight: bold; color: #2a1a0a; margin-left: 4px; } .oathhammer .character-main .character-identity-bar .identity-xp .xp-sep { opacity: 0.8; } .oathhammer .character-main .character-identity-bar .identity-xp input { width: 3rem; text-align: center; font-size: calc(0.86rem * 0.9); padding: 1px 2px; } .oathhammer .character-main .character-stats-band { display: flex; align-items: stretch; gap: 6px; flex: 1; } .oathhammer .character-main .character-stats-band .character-resources { flex-shrink: 0; display: flex; flex-direction: column; justify-content: space-evenly; gap: 2px; padding: 3px 6px; border: 1px solid #535128; border-radius: 3px; background: rgba(0, 0, 0, 0.08); } .oathhammer .character-main .character-stats-band .character-resources .character-resource { display: flex; align-items: center; gap: 3px; white-space: nowrap; } .oathhammer .character-main .character-stats-band .character-resources .character-resource div.form-group { display: contents; } .oathhammer .character-main .character-stats-band .character-resources .character-resource input { width: 2.4rem; text-align: center; font-size: calc(0.86rem * 0.9); padding: 1px 2px; } .oathhammer .character-main .character-stats-band .character-resources .character-resource .res-sep { opacity: 0.7; font-size: calc(0.86rem * 0.9); } .oathhammer .character-main .character-stats-band .character-resources .character-resource.character-resource--luck .luck-stepper { display: flex; align-items: center; gap: 1px; } .oathhammer .character-main .character-stats-band .character-resources .character-resource.character-resource--luck .luck-btn { display: inline-flex; align-items: center; justify-content: center; width: 1.2rem; height: 1.4rem; font-size: calc(0.86rem * 0.85); font-weight: bold; color: #535128; cursor: pointer; line-height: 1; } .oathhammer .character-main .character-stats-band .character-resources .character-resource.character-resource--luck .luck-btn:hover { color: #2a1a0a; } .oathhammer .character-main .character-stats-band .character-resources .character-resource .grit-stepper { display: flex; align-items: center; gap: 1px; } .oathhammer .character-main .character-stats-band .character-resources .character-resource .grit-btn { display: inline-flex; align-items: center; justify-content: center; width: 1.2rem; height: 1.4rem; font-size: calc(0.86rem * 0.85); font-weight: bold; color: #535128; cursor: pointer; line-height: 1; } .oathhammer .character-main .character-stats-band .character-resources .character-resource .grit-btn:hover { color: #2a1a0a; } .oathhammer .character-main .character-stats-band .character-resources .resource-label { min-width: 4.2rem; font-family: "BlueDragon", "Palatino Linotype", serif; font-size: 0.86rem; font-weight: bold; color: #2a1a0a; } .oathhammer .character-main .character-stats-band .character-attributes { flex: 1; min-width: 0; } .oathhammer .character-main .character-stats-band .character-arcane-stress { flex-shrink: 0; } .oathhammer .attributes-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; } .oathhammer .attribute-box { display: flex; flex-direction: column; align-items: center; gap: 2px; } .oathhammer .attribute-box label { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.9); font-weight: bold; color: #2a1a0a; text-align: center; } .oathhammer .attribute-box input { width: 2.5rem; text-align: center; font-size: calc(0.86rem * 1.1); } .oathhammer .currency-bar { margin-top: 4px; } .oathhammer .currency-bar .currency-item { display: flex; flex-direction: column; align-items: center; gap: 2px; flex: 1; } .oathhammer .currency-bar .currency-item input { width: 4rem; text-align: center; } .oathhammer .identity-lineage-class { gap: 8px; margin-bottom: 8px; } .oathhammer .identity-lineage-class .item-slot { flex: 1; display: flex; align-items: center; gap: 6px; padding: 6px 8px; border: 2px solid #c8a84b; border-radius: 4px; background: rgba(212, 160, 23, 0.08); min-height: 40px; } .oathhammer .identity-lineage-class .item-slot.empty { border-style: dashed; opacity: 0.7; cursor: default; } .oathhammer .identity-lineage-class .item-slot.empty .slot-icon { font-size: 1.2rem; color: #c8a84b; } .oathhammer .identity-lineage-class .item-slot.empty .slot-placeholder { font-family: "Calibri", "Segoe UI", sans-serif; font-style: italic; color: #c8a84b; font-size: 0.9rem; } .oathhammer .identity-lineage-class .item-slot .item-img { width: 32px; height: 32px; -o-object-fit: contain; object-fit: contain; border: none; flex-shrink: 0; } .oathhammer .identity-lineage-class .item-slot .item-name { flex: 1; font-family: "Sherwood", "Palatino Linotype", serif; font-size: 1rem; color: #2a1a0a; } .oathhammer .identity-lineage-class .item-slot a[data-action] { color: #c8a84b; } .oathhammer .identity-lineage-class .item-slot a[data-action]:hover { color: #084a74; } .oathhammer .biodata-col { flex: 1; display: flex; flex-direction: column; gap: 2px; } .oathhammer .character-arcane-stress .stress-inputs { display: flex; align-items: center; justify-content: center; gap: 4px; } .oathhammer .character-arcane-stress div.form-group { display: contents; } .oathhammer .character-arcane-stress input { width: 2.8rem; text-align: center; } .oathhammer .character-arcane-stress span { opacity: 0.8; } .oathhammer .defense-display { min-width: 3rem; max-width: 3rem; text-align: center; font-weight: bold; } .oathhammer .stress-controls { display: flex; align-items: center; gap: 6px; flex-wrap: nowrap; padding: 4px 0; } .oathhammer .stress-controls .stress-btn { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: 1px solid #535128; border-radius: 3px; background: rgba(42, 26, 10, 0.06); color: #2a1a0a; font-size: 1rem; line-height: 1; cursor: pointer; flex-shrink: 0; text-decoration: none; } .oathhammer .stress-controls .stress-btn:hover { background: rgba(8, 74, 116, 0.15); border-color: #084a74; } .oathhammer .stress-controls .arcane-stress-display { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 1.1); font-weight: bold; color: #2a1a0a; min-width: 3rem; text-align: center; flex-shrink: 0; } .oathhammer .stress-controls .arcane-stress-display.stress-at-limit { color: #c0392b; } .oathhammer .stress-controls .stress-bonus-label { margin-left: auto; font-size: calc(0.86rem * 0.85); color: #535128; white-space: nowrap; flex-shrink: 0; } .oathhammer .stress-controls .stress-bonus-input { width: 3rem; text-align: center; flex-shrink: 0; } .oathhammer .npc-main .npc-left { min-width: 120px; max-width: 120px; flex-shrink: 0; } .oathhammer .npc-main .npc-left .actor-img { width: 100%; height: 170px; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; } .oathhammer .npc-main .npc-right { flex: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0; } .oathhammer .npc-main .character-name { display: flex; align-items: center; gap: 4px; border-bottom: 1px solid #535128; padding-bottom: 4px; } .oathhammer .npc-main .character-name input { flex: 1; font-family: "Sherwood", "Palatino Linotype", serif; font-size: calc(0.86rem * 1.1); } .oathhammer .npc-main .npc-vitals-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4px 10px; padding: 4px 6px; border: 1px solid #535128; border-radius: 3px; background: rgba(0, 0, 0, 0.08); } .oathhammer .npc-main .npc-vitals-grid .npc-vital { display: flex; align-items: center; gap: 4px; } .oathhammer .npc-main .npc-vitals-grid .npc-vital .vital-label { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.85); font-weight: bold; color: #2a1a0a; white-space: nowrap; min-width: 4.5rem; } .oathhammer .npc-main .npc-vitals-grid .npc-vital .vital-roll-label { cursor: pointer; color: #084a74; transition: color 0.15s; } .oathhammer .npc-main .npc-vitals-grid .npc-vital .vital-roll-label i { margin-right: 2px; font-size: 0.75rem; } .oathhammer .npc-main .npc-vitals-grid .npc-vital .vital-roll-label:hover { color: #c8a84b; text-decoration: underline; } .oathhammer .npc-main .npc-vitals-grid .npc-vital .vital-value { display: flex; align-items: center; gap: 3px; flex: 1; } .oathhammer .npc-main .npc-vitals-grid .npc-vital .vital-value div.form-group { display: contents; } .oathhammer .npc-main .npc-vitals-grid .npc-vital .vital-value input, .oathhammer .npc-main .npc-vitals-grid .npc-vital .vital-value .npc-num-input { width: 2.8rem; text-align: center; font-size: calc(0.86rem * 0.85); padding: 1px 2px; } .oathhammer .npc-main .npc-vitals-grid .npc-vital .vital-value .res-sep { opacity: 0.6; font-size: calc(0.86rem * 0.9); } .oathhammer .npc-main .npc-vitals-grid .npc-vital-grit .vital-value .grit-btn { display: inline-flex; align-items: center; justify-content: center; width: 1.2rem; height: 1.2rem; font-size: 0.85rem; font-weight: bold; line-height: 1; border: 1px solid #535128; border-radius: 3px; background: rgba(83, 81, 40, 0.2); color: #2a1a0a; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; } .oathhammer .npc-main .npc-vitals-grid .npc-vital-grit .vital-value .grit-btn:hover { background: #c8a84b; border-color: #c8a84b; } .oathhammer .npc-color-badge { font-size: 0.85rem; flex-shrink: 0; line-height: 1; } .oathhammer .npc-color-select { width: 88px; max-width: 88px; flex-shrink: 0; font-size: calc(0.86rem * 0.9); padding: 0 2px; height: 20px; min-width: 0; } .oathhammer .npc-subtype-badge { font-size: 0.86rem; font-weight: 600; color: #2a1a0a; background: rgba(200, 168, 75, 0.2); border: 1px solid rgba(200, 168, 75, 0.5); border-radius: 3px; padding: 1px 8px; } .oathhammer .npc-subtype-select { font-size: calc(0.86rem * 0.85); padding: 0 2px; height: 20px; min-width: 80px; } .oathhammer .npc-skill-color { font-size: 0.95rem; text-align: center; line-height: 1; justify-self: center; } .oathhammer .npc-skill-color-white { opacity: 0.75; } .oathhammer .npc-skill-color-red { color: #cc4444; } .oathhammer .npc-skill-color-black { color: #333; font-weight: bold; } .oathhammer .npc-skill-roll-btn { color: #c8a84b; padding: 2px 4px; border: 1px solid rgba(200, 168, 75, 0.4); border-radius: 3px; font-size: calc(0.86rem * 0.85); text-align: center; justify-self: center; } .oathhammer .npc-skill-roll-btn:hover { background: rgba(200, 168, 75, 0.15); } .oathhammer .npc-trait-type-badge { font-size: 0.72rem; padding: 1px 5px; border-radius: 3px; white-space: nowrap; background: rgba(200, 168, 75, 0.15); border: 1px solid rgba(200, 168, 75, 0.35); color: #2a1a0a; text-align: center; overflow: hidden; text-overflow: ellipsis; } .npc-skill-dialog { display: flex; flex-direction: column; gap: 8px; padding: 4px 0; } .oathhammer .npc-main .regiment-vitals-grid.regiment-row1 { grid-template-columns: 1fr 1fr 1fr; } .oathhammer .npc-main .regiment-vitals-grid.regiment-row2 { grid-template-columns: 1fr 1fr 1fr; border-top: none; margin-top: 4px; padding-top: 4px; border-top: 1px dashed rgba(83, 81, 40, 0.5); } .oathhammer .regiment-content .npc-left { min-width: 94px; max-width: 94px; } .oathhammer .regiment-content .npc-left .actor-img { width: 94px; height: 110px; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; border: 2px solid rgba(42, 26, 10, 0.4); border-radius: 4px; cursor: pointer; flex-shrink: 0; flex-grow: 0; } .oathhammer .regiment-fieldset { border: none; padding: 0; margin: 0; } .oathhammer .regiment-leader-row { display: flex; align-items: center; gap: 6px; margin-top: 5px; padding: 4px 6px; border: 1px dashed rgba(83, 81, 40, 0.6); border-radius: 3px; background: rgba(0, 0, 0, 0.04); min-height: 28px; } .oathhammer .regiment-leader-row .regiment-leader-label { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.85); font-weight: bold; color: #2a1a0a; white-space: nowrap; min-width: 5.5rem; } .oathhammer .regiment-leader-row .regiment-leader-img { width: 22px; height: 22px; border-radius: 3px; border: 1px solid #535128; -o-object-fit: cover; object-fit: cover; flex-shrink: 0; } .oathhammer .regiment-leader-row .regiment-leader-name { flex: 1; font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.85); color: #084a74; font-weight: 600; cursor: pointer; } .oathhammer .regiment-leader-row .regiment-leader-name:hover { text-decoration: underline; color: #c8a84b; } .oathhammer .regiment-leader-row .regiment-leader-empty { flex: 1; font-size: calc(0.86rem * 0.9); color: rgba(42, 26, 10, 0.45); font-style: italic; } .oathhammer .regiment-leader-row .regiment-leader-clear { color: rgba(42, 26, 10, 0.4); font-size: calc(0.86rem * 0.85); cursor: pointer; flex-shrink: 0; } .oathhammer .regiment-leader-row .regiment-leader-clear:hover { color: #cc3333; } .oathhammer .item-list { list-style: none; margin: 0; padding: 0; } .oathhammer .item-list-header { display: grid; align-items: center; gap: 4px; padding: 2px 4px 3px; border-bottom: 1px solid #535128; margin-bottom: 2px; font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.9); color: #084a74; } .oathhammer .item-list-header span { text-align: center; } .oathhammer .item-list-header .col-name { text-align: left; } .oathhammer .item-entry { display: grid; align-items: center; gap: 4px; padding: 2px 4px; border-bottom: 1px solid rgba(83, 81, 40, 0.2); } .oathhammer .item-entry:hover { background-color: rgba(8, 74, 116, 0.08); } .oathhammer .item-entry .item-img { width: 24px; height: 24px; border: 1px solid #535128; border-radius: 2px; -o-object-fit: cover; object-fit: cover; align-self: center; justify-self: center; flex-shrink: 0; } .oathhammer .item-entry .item-name { font-family: "Calibri", "Segoe UI", sans-serif; font-size: 0.86rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } .oathhammer .item-entry .item-detail { font-size: calc(0.86rem * 0.9); color: #2a1a0a; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .oathhammer .item-entry .item-group { font-size: calc(0.86rem * 0.9); color: #2a1a0a; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .oathhammer .item-entry .item-magic { text-align: center; font-size: calc(0.86rem * 0.9); color: #8e44ad; } .oathhammer .item-entry .item-type { font-size: calc(0.86rem * 0.9); color: #084a74; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .oathhammer .item-entry .item-equipped { display: flex; align-items: center; justify-content: center; } .oathhammer .item-entry .item-equipped input[type="checkbox"] { width: 0.95rem; height: 0.95rem; cursor: pointer; margin: 0; } .oathhammer .item-entry .item-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; } .oathhammer .item-entry .item-actions a { opacity: 0.85; transition: opacity 0.2s; font-size: calc(0.86rem * 0.85); } .oathhammer .item-entry .item-actions a:hover { opacity: 1; } .oathhammer .item-entry .item-actions a:hover { color: #084a74; } .oathhammer .item-list--weapon .item-list-header, .oathhammer .item-list--weapon .item-entry { grid-template-columns: 24px 1fr 4.5rem 3.5rem 2rem 1.5rem 1.8rem 9rem; } .oathhammer .item-list--weapons .item-list-header, .oathhammer .item-list--weapons .item-entry { grid-template-columns: 24px 1fr 6rem 4rem; } .oathhammer .item-list--armor .item-list-header, .oathhammer .item-list--armor .item-entry { grid-template-columns: 24px 1fr 3.5rem 2.5rem 3.5rem 1.5rem 1.8rem 5.5rem; } .oathhammer .item-list--armors .item-list-header, .oathhammer .item-list--armors .item-entry { grid-template-columns: 24px 1fr 6rem 4rem; } .oathhammer .item-list--ammo .item-list-header, .oathhammer .item-list--ammo .item-entry { grid-template-columns: 24px 1fr 4rem 3.5rem; } .oathhammer .item-list--spell .item-list-header, .oathhammer .item-list--spell .item-entry { grid-template-columns: 24px 1fr 2.5rem 5.5rem 3.5rem 4.5rem 3.5rem 5rem; } .oathhammer .item-list--miracle .item-list-header, .oathhammer .item-list--miracle .item-entry { grid-template-columns: 24px 1fr 6rem 5rem; } .oathhammer .miracles-blocked { opacity: 0.45; pointer-events: none; } .oathhammer .item-list--equipment .item-list-header, .oathhammer .item-list--equipment .item-entry { grid-template-columns: 24px 1fr 5rem 3rem 3.5rem; } .oathhammer .item-list--magic-item .item-list-header, .oathhammer .item-list--magic-item .item-entry { grid-template-columns: 24px 1fr 5rem 3.5rem; } .oathhammer .item-list--condition .item-list-header, .oathhammer .item-list--condition .item-entry { grid-template-columns: 24px 1fr 5.5rem 3.5rem; } .oathhammer .item-list--trait .item-list-header, .oathhammer .item-list--trait .item-entry { grid-template-columns: 24px 1fr 6rem 6rem 3.5rem; } .oathhammer .item-list--oath .item-list-header, .oathhammer .item-list--oath .item-entry { grid-template-columns: 24px 12rem 1fr 3.5rem 3.5rem; } .oathhammer .item-list--npc-skill .item-list-header, .oathhammer .item-list--npc-skill .item-entry { grid-template-columns: 1.8rem 1fr 3.5rem 3.5rem 2rem 4.5rem; } .oathhammer .item-list--npc-weapon .item-list-header, .oathhammer .item-list--npc-weapon .item-entry { grid-template-columns: 24px 1fr 3.5rem 2.5rem 7rem; } .oathhammer .item-list--npc-trait .item-list-header, .oathhammer .item-list--npc-trait .item-entry { grid-template-columns: 24px 1fr 6rem 3.5rem; } .oathhammer .item-list--npc-armor .item-list-header, .oathhammer .item-list--npc-armor .item-entry { grid-template-columns: 24px 1fr 3rem 3rem 3.5rem; } .oathhammer .item-list--npc-equip .item-list-header, .oathhammer .item-list--npc-equip .item-entry { grid-template-columns: 24px 1fr 3.5rem; } .oathhammer .item-list--npc-attack .item-list-header, .oathhammer .item-list--npc-attack .item-entry { grid-template-columns: 24px 1fr 7rem 3rem 6rem; } .oathhammer .item-usage { font-size: calc(0.86rem * 0.9); color: #2a1a0a; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .oathhammer .item-violated { text-align: center; font-size: calc(0.86rem * 0.85); } .oathhammer .item-violated i.fa-circle-xmark { color: #c0392b; } .oathhammer .item-violated i.fa-circle-check { color: #27ae60; } .oathhammer .oath--violated { background-color: rgba(192, 57, 43, 0.08); } .oathhammer .oath--violated .item-name { color: #c0392b; } .oathhammer .no-items { color: #535128; font-style: italic; font-size: calc(0.86rem * 0.9); padding: 4px; } .oathhammer .create-btn { margin-left: 6px; color: #084a74; opacity: 0.85; transition: opacity 0.2s; } .oathhammer .create-btn:hover { opacity: 1; } .miracle-blocked-banner { display: flex; align-items: center; gap: 6px; background: rgba(192, 57, 43, 0.1); border: 1px solid rgba(192, 57, 43, 0.45); border-radius: 4px; padding: 4px 10px; margin-bottom: 4px; color: #c0392b; font-size: calc(0.86rem * 0.9); font-weight: bold; } .miracle-blocked-banner span { flex: 1; } .miracle-blocked-banner a { color: #2a1a0a; font-weight: normal; font-size: calc(0.86rem * 0.85); opacity: 0.85; transition: opacity 0.2s; white-space: nowrap; } .miracle-blocked-banner a:hover { opacity: 1; } .miracle-blocked-banner a i { color: #c8a84b; } .slots-counter { display: flex; gap: 6px; padding: 2px 6px 4px; } .slots-counter .slots-label { font-size: calc(0.86rem * 0.9); font-weight: bold; color: #2a1a0a; text-transform: uppercase; letter-spacing: 0.03em; } .slots-counter .slots-value { font-size: calc(0.86rem * 0.9); font-weight: bold; color: #2a1a0a; background: rgba(200, 168, 75, 0.15); border: 1px solid rgba(200, 168, 75, 0.4); border-radius: 4px; padding: 1px 8px; min-width: 3.5rem; text-align: center; } .slots-counter .slots-value.slots-over { color: #c0392b; background: rgba(192, 57, 43, 0.1); border-color: rgba(192, 57, 43, 0.4); } .oathhammer .item-list--regiment .item-list-header, .oathhammer .item-list--regiment .item-entry { grid-template-columns: 24px 1fr 4rem 5rem 4rem 4.5rem; } .oathhammer .item-sheet-common { overflow: auto; padding: 10px 20px; font-family: "Calibri", "Segoe UI", sans-serif; font-size: 0.86rem; background-image: var(--oh-background-image); background-repeat: no-repeat; background-size: 100% 100%; } .oathhammer .item-sheet-common .header { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; padding-bottom: 4px; border-bottom: 2px solid #084a74; } .oathhammer .item-sheet-common .header input[name="name"] { font-family: "Sherwood", "Palatino Linotype", serif; } .oathhammer .item-sheet-common .item-img { height: 52px; width: 52px; border: 2px solid #535128; border-radius: 4px; cursor: pointer; -o-object-fit: cover; object-fit: cover; } .oathhammer .item-sheet-common input:not([type="checkbox"]), .oathhammer .item-sheet-common select { height: 1.5rem; background-color: rgba(255, 255, 255, 0.3); border-color: #084a74; color: #2a1a0a; } .oathhammer .item-sheet-common input[type="checkbox"] { width: auto; height: auto; background-color: transparent; border-color: #084a74; } .oathhammer .item-sheet-common input[name="name"] { height: 2.5rem; font-family: "Sherwood", "Palatino Linotype", serif; font-size: calc(0.86rem * 1.2); font-weight: bold; border: none; border-bottom: 2px solid #084a74; background: transparent; } .oathhammer .item-sheet-common label { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: 0.86rem; color: #2a1a0a; } .oathhammer .item-sheet-common .form-group { display: flex; flex-direction: row; align-items: center; gap: 6px; margin-bottom: 4px; } .oathhammer .item-sheet-common .form-group > label { flex: 0 0 8rem; font-family: "BlueDragon", "Palatino Linotype", serif; font-size: 0.86rem; color: #2a1a0a; } .oathhammer .item-sheet-common .form-group .form-fields { flex: 1; min-width: 0; } .oathhammer .item-sheet-common .form-group .form-fields input:not([type="checkbox"]), .oathhammer .item-sheet-common .form-group .form-fields select { width: 100%; box-sizing: border-box; } .oathhammer .item-sheet-common .align-top { flex: 1; min-width: 0; align-self: flex-start; padding: 0 0.3rem; } .oathhammer .item-sheet-common .shift-right { margin-left: 2rem; } .oathhammer .item-sheet-common fieldset { margin-top: 6px; border-color: #535128; border-radius: 4px; } .oathhammer .item-sheet-common legend { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 1.1); font-weight: bold; color: #084a74; } .oathhammer .item-sheet-common .enchantment-fieldset .enchant-cursed-label { display: flex; align-items: center; gap: 4px; flex-shrink: 0; margin-left: 8px; font-family: "BlueDragon", "Palatino Linotype", serif; font-size: 0.86rem; color: #2a1a0a; white-space: nowrap; } .oathhammer .item-sheet-common .enchantment-fieldset .enchant-cursed-label input[type="checkbox"] { margin: 0; } .oathhammer .item-sheet-common .rune-zone { margin-top: 6px; border-color: #084a74; } .oathhammer .item-sheet-common .rune-zone legend { color: #084a74; } .oathhammer .item-sheet-common .rune-zone legend i { margin-right: 4px; } .oathhammer .item-sheet-common .rune-zone .rune-list { list-style: none; margin: 0 0 6px; padding: 0; display: flex; flex-direction: column; gap: 4px; } .oathhammer .item-sheet-common .rune-zone .rune-entry { display: flex; align-items: center; gap: 6px; padding: 3px 6px; border-radius: 3px; background: rgba(0, 0, 0, 0.06); border: 1px solid #535128; } .oathhammer .item-sheet-common .rune-zone .rune-entry.rune-exalted { border-color: #084a74; background: rgba(8, 74, 116, 0.08); } .oathhammer .item-sheet-common .rune-zone .rune-entry .rune-img { width: 24px; height: 24px; border-radius: 3px; border: 1px solid #535128; -o-object-fit: cover; object-fit: cover; flex-shrink: 0; } .oathhammer .item-sheet-common .rune-zone .rune-entry .rune-name { flex: 1; font-family: "BlueDragon", "Palatino Linotype", serif; font-size: 0.86rem; font-weight: bold; color: #2a1a0a; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .oathhammer .item-sheet-common .rune-zone .rune-entry .rune-badge-exalted { color: #084a74; font-size: calc(0.86rem * 0.85); font-weight: bold; flex-shrink: 0; } .oathhammer .item-sheet-common .rune-zone .rune-entry .rune-dv { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.9); color: #535128; flex-shrink: 0; white-space: nowrap; } .oathhammer .item-sheet-common .rune-zone .rune-entry .rune-duration { font-family: "Calibri", "Segoe UI", sans-serif; font-size: calc(0.86rem * 0.9); color: #2a1a0a; opacity: 0.7; flex-shrink: 0; white-space: nowrap; } .oathhammer .item-sheet-common .rune-zone .rune-entry .rune-effect-toggle { color: #535128; flex-shrink: 0; } .oathhammer .item-sheet-common .rune-zone .rune-entry .rune-effect-toggle:hover { color: #084a74; } .oathhammer .item-sheet-common .rune-zone .rune-entry .rune-remove { color: #2a1a0a; opacity: 0.4; flex-shrink: 0; margin-left: auto; } .oathhammer .item-sheet-common .rune-zone .rune-entry .rune-remove:hover { color: #c0392b; opacity: 1; } .oathhammer .item-sheet-common .rune-zone .rune-drop-zone { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 6px 8px; border: 1px dashed #535128; border-radius: 3px; color: #535128; font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.85); font-style: italic; opacity: 0.7; pointer-events: none; } .oathhammer .item-sheet-common .proficiency-section { display: flex; gap: 8px; margin-top: 8px; } .oathhammer .item-sheet-common .proficiency-section .proficiency-fieldset { flex: 1; } .oathhammer .item-sheet-common .proficiency-section .proficiency-checkboxes { display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 4px 2px; } .oathhammer .item-sheet-common .proficiency-section .proficiency-option { display: flex; align-items: center; gap: 4px; font-family: "Calibri", "Segoe UI", sans-serif; font-size: 0.86rem; color: #2a1a0a; cursor: pointer; white-space: nowrap; } .oathhammer .item-sheet-common .proficiency-section .proficiency-option input[type="checkbox"] { width: auto; height: auto; accent-color: #084a74; } .oathhammer .skillnpc-sheet .skillnpc-stats { display: flex; flex-direction: column; gap: 2px; margin-bottom: 6px; } .oathhammer .skillnpc-sheet .skillnpc-stats .form-group > label { flex: 0 0 9rem; } .oathhammer .npcattack-sheet .npcattack-stats { display: flex; flex-direction: column; gap: 2px; margin-bottom: 6px; } .oathhammer .npcattack-sheet .npcattack-stats .form-group > label { flex: 0 0 9rem; } .oathhammer .regiment-sheet { display: flex; flex-direction: column; gap: 6px; } .oathhammer .regiment-sheet .regiment-stats-row { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 4px; } .oathhammer .regiment-sheet .regiment-stats-row .form-group > label { flex: 0 0 6rem; } .oathhammer .regiment-sheet .regiment-armor-fields { display: flex; gap: 4px; } .oathhammer .regiment-sheet .regiment-armor-fields input[type="number"] { width: 3rem; } .oathhammer .regiment-sheet .regiment-skill-row, .oathhammer .regiment-sheet .regiment-attack-row, .oathhammer .regiment-sheet .regiment-trait-row { display: grid; gap: 4px; margin-bottom: 2px; align-items: center; } .oathhammer .regiment-sheet .regiment-skill-row input, .oathhammer .regiment-sheet .regiment-attack-row input, .oathhammer .regiment-sheet .regiment-trait-row input, .oathhammer .regiment-sheet .regiment-skill-row select, .oathhammer .regiment-sheet .regiment-attack-row select, .oathhammer .regiment-sheet .regiment-trait-row select { font-size: calc(0.86rem * 0.85); padding: 1px 3px; } .oathhammer .regiment-sheet .regiment-skill-row a.item-delete, .oathhammer .regiment-sheet .regiment-attack-row a.item-delete, .oathhammer .regiment-sheet .regiment-trait-row a.item-delete { text-align: center; color: #2a1a0a; opacity: 0.4; } .oathhammer .regiment-sheet .regiment-skill-row a.item-delete:hover, .oathhammer .regiment-sheet .regiment-attack-row a.item-delete:hover, .oathhammer .regiment-sheet .regiment-trait-row a.item-delete:hover { color: #c0392b; opacity: 1; } .oathhammer .regiment-sheet .regiment-skill-header, .oathhammer .regiment-sheet .regiment-attack-header { font-weight: bold; font-size: calc(0.86rem * 0.9); color: #2a1a0a; opacity: 0.6; text-transform: uppercase; } .oathhammer .regiment-sheet .regiment-skill-row { grid-template-columns: 1fr 3rem 6rem 1.5rem; } .oathhammer .regiment-sheet .regiment-attack-row { grid-template-columns: 1fr 3.5rem 6rem 3rem 1fr 1.5rem; } .oathhammer .regiment-sheet .regiment-trait-row { grid-template-columns: 1fr 2fr 1.5rem; } .oh-roll-card { font-family: "Calibri", "Segoe UI", sans-serif; border: 1px solid #535128; border-radius: 4px; padding: 6px 8px; background: rgba(245, 234, 208, 0.4); } .oh-roll-card .oh-roll-header { display: flex; align-items: center; gap: 6px; font-family: "BlueDragon", "Palatino Linotype", serif; font-size: 0.86rem; font-weight: bold; color: #2a1a0a; margin-bottom: 4px; border-bottom: 1px solid rgba(83, 81, 40, 0.2); padding-bottom: 3px; } .oh-roll-card .oh-roll-header .oh-card-weapon-img { width: 28px; height: 28px; -o-object-fit: contain; object-fit: contain; border: 1px solid rgba(83, 81, 40, 0.2); border-radius: 3px; flex-shrink: 0; } .oh-roll-card .oh-roll-info { display: flex; justify-content: space-between; font-size: calc(0.86rem * 0.9); color: #535128; margin-bottom: 6px; } .oh-roll-card .oh-roll-dice { display: flex; flex-wrap: wrap; gap: 3px; margin-bottom: 6px; } .oh-roll-card .oh-roll-dice .oh-die { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 3px; font-weight: bold; font-size: 13px; border: 1px solid #535128; } .oh-roll-card .oh-roll-dice .die-success { background: #2ecc71; color: #fff; border-color: #27ae60; } .oh-roll-card .oh-roll-dice .die-fail { background: #ecf0f1; color: #7f8c8d; border-color: #bdc3c7; } .oh-roll-card .oh-roll-result { display: flex; justify-content: space-between; align-items: center; padding: 4px 6px; border-radius: 3px; font-weight: bold; font-size: calc(0.86rem * 0.85); } .oh-roll-card .roll-success { background: rgba(46, 204, 113, 0.2); color: #1e8449; } .oh-roll-card .roll-failure { background: rgba(231, 76, 60, 0.15); color: #c0392b; } .oh-roll-card .roll-opposed { background: rgba(52, 152, 219, 0.15); color: #1a6fa8; } .oathhammer .rarity-roll-btn { display: inline-flex; align-items: center; gap: 3px; cursor: pointer; font-size: calc(0.86rem * 0.9); color: #084a74; opacity: 0.85; transition: opacity 0.2s; } .oathhammer .rarity-roll-btn:hover { opacity: 1; } .oathhammer .rarity-roll-btn:hover { color: #2a1a0a; text-decoration: underline; } .oathhammer .rarity-roll-btn i { font-size: 0.85em; } .fvtt-oath-hammer .window-content { background: #f5ead0; padding: 6px 8px; } .fvtt-oath-hammer .oh-roll-dialog { font-family: "Calibri", "Segoe UI", sans-serif; min-width: 320px; padding: 4px 2px; background: #f5ead0; color: #2a1a0a; } .fvtt-oath-hammer .oh-roll-dialog .roll-actor-name { text-align: center; font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 1.2); color: #084a74; margin-bottom: 8px; padding-bottom: 4px; border-bottom: 1px solid rgba(83, 81, 40, 0.2); } .fvtt-oath-hammer .oh-roll-dialog fieldset { border: 1px solid rgba(83, 81, 40, 0.2); border-radius: 4px; padding: 8px 10px; margin-bottom: 8px; } .fvtt-oath-hammer .oh-roll-dialog fieldset legend { font-family: "BlueDragon", "Palatino Linotype", serif; color: #535128; font-size: calc(0.86rem * 0.9); padding: 0 6px; letter-spacing: 0.04em; } .fvtt-oath-hammer .oh-roll-dialog .roll-info-block { background: rgba(83, 81, 40, 0.06); } .fvtt-oath-hammer .oh-roll-dialog .roll-info-block .roll-skill-line { display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px; } .fvtt-oath-hammer .oh-roll-dialog .roll-info-block .roll-skill-name { font-weight: bold; font-size: calc(0.86rem * 1.1); color: #2a1a0a; } .fvtt-oath-hammer .oh-roll-dialog .roll-info-block .roll-attr-info { font-size: calc(0.86rem * 0.9); color: #535128; } .fvtt-oath-hammer .oh-roll-dialog .roll-info-block .roll-dice-preview { display: flex; align-items: center; gap: 8px; } .fvtt-oath-hammer .oh-roll-dialog .roll-info-block .roll-pool { font-size: 1.6rem; font-weight: bold; color: #084a74; line-height: 1; } .fvtt-oath-hammer .oh-roll-dialog .roll-info-block .roll-color-badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 4px; font-size: calc(0.86rem * 0.9); font-weight: bold; border: 1px solid; } .fvtt-oath-hammer .oh-roll-dialog .roll-info-block .color-badge-white { background: #f0f0f0; color: #555; border-color: #ccc; } .fvtt-oath-hammer .oh-roll-dialog .roll-info-block .color-badge-red { background: rgba(231, 76, 60, 0.12); color: #c0392b; border-color: rgba(231, 76, 60, 0.35); } .fvtt-oath-hammer .oh-roll-dialog .roll-info-block .color-badge-black { background: rgba(44, 62, 80, 0.1); color: #2c3e50; border-color: rgba(44, 62, 80, 0.35); } .fvtt-oath-hammer .oh-roll-dialog .roll-info-block .roll-dual-attr { display: flex; align-items: center; gap: 6px; margin-top: 8px; padding-top: 6px; border-top: 1px dashed rgba(83, 81, 40, 0.2); } .fvtt-oath-hammer .oh-roll-dialog .roll-info-block .roll-dual-attr label { font-size: calc(0.86rem * 0.9); color: #535128; white-space: nowrap; } .fvtt-oath-hammer .oh-roll-dialog .roll-info-block .roll-dual-attr select { flex: 1; font-size: calc(0.86rem * 0.9); font-family: "Calibri", "Segoe UI", sans-serif; padding: 2px 4px; border: 1px solid rgba(83, 81, 40, 0.2); border-radius: 3px; background: rgba(255, 255, 255, 0.85); color: #2a1a0a; } .fvtt-oath-hammer .oh-roll-dialog .roll-option-row { display: flex; flex-wrap: nowrap; align-items: center; gap: 4px 8px; padding: 5px 0; } .fvtt-oath-hammer .oh-roll-dialog .roll-option-row:not(:last-child) { border-bottom: 1px solid rgba(83, 81, 40, 0.1); } .fvtt-oath-hammer .oh-roll-dialog .roll-option-row label { flex: 0 0 140px; font-size: calc(0.86rem * 0.9); color: #2a1a0a; white-space: nowrap; font-family: "Calibri", "Segoe UI", sans-serif; } .fvtt-oath-hammer .oh-roll-dialog .roll-option-row select, .fvtt-oath-hammer .oh-roll-dialog .roll-option-row input[type="text"], .fvtt-oath-hammer .oh-roll-dialog .roll-option-row input[type="number"] { flex: 0 0 110px; padding: 3px 6px; border: 1px solid rgba(49, 47, 23, 0.2); border-radius: 3px; background: rgba(255, 255, 255, 0.85); color: #2a1a0a; font-family: "Calibri", "Segoe UI", sans-serif; font-size: calc(0.86rem * 0.9); } .fvtt-oath-hammer .oh-roll-dialog .roll-option-row .roll-option-hint { flex: 1 1 auto; font-size: calc(calc(0.86rem * 0.9) * 0.85); color: #535128; font-style: italic; padding-left: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fvtt-oath-hammer .oh-roll-dialog .roll-option-luck label { color: #c8a84b; font-weight: bold; } .fvtt-oath-hammer .oh-roll-dialog .roll-option-luck select { border-color: #c8a84b; } .fvtt-oath-hammer .oh-roll-dialog .roll-option-luck .luck-icon { color: #c8a84b; font-size: 0.8em; } .fvtt-oath-hammer .oh-roll-dialog .roll-option-check input[type="checkbox"] { flex: 0 0 auto; width: 16px; height: 16px; accent-color: #084a74; cursor: pointer; } .fvtt-oath-hammer .oh-roll-dialog .roll-option-check label { cursor: pointer; flex: 1 1 auto; } .fvtt-oath-hammer .oh-roll-dialog .roll-visibility-block select { width: 100%; padding: 4px 6px; border: 1px solid rgba(83, 81, 40, 0.2); border-radius: 3px; background: rgba(255, 255, 255, 0.85); color: #2a1a0a; font-family: "Calibri", "Segoe UI", sans-serif; font-size: calc(0.86rem * 0.9); } .fvtt-oath-hammer .skills-list a.skill-name-col { cursor: pointer; color: #2a1a0a; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; opacity: 0.85; transition: opacity 0.2s; } .fvtt-oath-hammer .skills-list a.skill-name-col:hover { opacity: 1; } .fvtt-oath-hammer .skills-list a.skill-name-col .skill-roll-icon { font-size: 0.75em; color: #535128; flex-shrink: 0; } .fvtt-oath-hammer .skills-list a.skill-name-col:hover { color: #084a74; text-decoration: underline; } .fvtt-oath-hammer .skills-list a.skill-name-col:hover .skill-roll-icon { color: #084a74; } .oh-weapon-dialog .weapon-header { display: flex; align-items: flex-start; gap: 10px; padding: 6px 0 8px; border-bottom: 1px solid rgba(83, 81, 40, 0.2); margin-bottom: 8px; } .oh-weapon-dialog .weapon-header .weapon-img-sm { width: 40px; height: 40px; -o-object-fit: contain; object-fit: contain; border: 1px solid rgba(83, 81, 40, 0.2); border-radius: 4px; flex-shrink: 0; } .oh-weapon-dialog .weapon-header .weapon-header-info { flex: 1; display: flex; flex-direction: column; gap: 4px; } .oh-weapon-dialog .weapon-header .weapon-name-lg { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 1.1); color: #084a74; font-weight: bold; } .oh-weapon-dialog .weapon-header .weapon-badges { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; } .oh-weapon-dialog .weapon-header .weapon-badges .roll-color-badge { display: inline-flex; align-items: center; gap: 4px; padding: 2px 7px; border-radius: 4px; font-size: calc(0.86rem * 0.9); font-weight: bold; border: 1px solid; } .oh-weapon-dialog .weapon-header .weapon-badges .color-badge-white { background: #f0f0f0; color: #555; border-color: #ccc; } .oh-weapon-dialog .weapon-header .weapon-badges .color-badge-red { background: rgba(231, 76, 60, 0.12); color: #c0392b; border-color: rgba(231, 76, 60, 0.35); } .oh-weapon-dialog .weapon-header .weapon-badges .color-badge-black { background: rgba(44, 62, 80, 0.1); color: #2c3e50; border-color: rgba(44, 62, 80, 0.35); } .oh-weapon-dialog .weapon-header .damage-formula-badge { font-family: "Calibri", "Segoe UI", sans-serif; font-size: calc(0.86rem * 0.9); font-weight: bold; color: #2a1a0a; background: rgba(83, 81, 40, 0.1); border: 1px solid rgba(83, 81, 40, 0.2); border-radius: 3px; padding: 2px 6px; } .oh-weapon-dialog .weapon-header .ap-badge { font-size: calc(0.86rem * 0.9); font-weight: bold; color: #8b0000; background: rgba(139, 0, 0, 0.08); border: 1px solid rgba(139, 0, 0, 0.25); border-radius: 3px; padding: 2px 6px; } .oh-weapon-dialog .weapon-header .range-badge { font-size: calc(0.86rem * 0.9); color: #535128; background: rgba(83, 81, 40, 0.08); border: 1px solid rgba(83, 81, 40, 0.2); border-radius: 3px; padding: 2px 6px; } .oh-weapon-dialog .weapon-header .auto-bonus-badge { font-size: calc(0.86rem * 0.9); font-weight: bold; color: #987d2e; background: rgba(200, 168, 75, 0.12); border: 1px solid rgba(200, 168, 75, 0.4); border-radius: 3px; padding: 2px 6px; } .oh-weapon-dialog .weapon-header .weapon-traits-row { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 2px; } .oh-weapon-dialog .weapon-header .trait-tag-sm { font-size: calc(calc(0.86rem * 0.9) * 0.85); color: #535128; background: rgba(83, 81, 40, 0.08); border: 1px solid rgba(83, 81, 40, 0.2); border-radius: 3px; padding: 1px 5px; } .oh-weapon-dialog .pool-info-line { font-size: calc(0.86rem * 0.9); color: #2a1a0a; padding: 4px 0 6px; font-family: "Calibri", "Segoe UI", sans-serif; } .oh-weapon-dialog .pool-info-line strong { color: #084a74; font-size: calc(0.86rem * 1.1); } .oh-weapon-dialog .pool-info-line .auto-bonus { color: #ac8d34; font-weight: bold; font-size: calc(0.86rem * 0.9); } .oh-weapon-card .oh-roll-header, .oh-spell-card .oh-roll-header, .oh-miracle-card .oh-roll-header { display: flex; align-items: center; gap: 8px; } .oh-weapon-card .oh-card-weapon-img, .oh-spell-card .oh-card-weapon-img, .oh-miracle-card .oh-card-weapon-img { width: 28px; height: 28px; -o-object-fit: contain; object-fit: contain; border-radius: 3px; border: 1px solid rgba(83, 81, 40, 0.2); flex-shrink: 0; } .oh-weapon-card .oh-weapon-damage-btn-row, .oh-spell-card .oh-weapon-damage-btn-row, .oh-miracle-card .oh-weapon-damage-btn-row { margin-top: 8px; text-align: center; } .oh-weapon-card .oh-roll-damage-btn, .oh-spell-card .oh-roll-damage-btn, .oh-miracle-card .oh-roll-damage-btn { background: #084a74; color: #fff; border: none; border-radius: 4px; padding: 5px 14px; font-family: "Calibri", "Segoe UI", sans-serif; font-size: calc(0.86rem * 0.9); cursor: pointer; opacity: 0.85; transition: opacity 0.2s; } .oh-weapon-card .oh-roll-damage-btn:hover, .oh-spell-card .oh-roll-damage-btn:hover, .oh-miracle-card .oh-roll-damage-btn:hover { opacity: 1; } .oh-weapon-card .oh-roll-damage-btn:hover, .oh-spell-card .oh-roll-damage-btn:hover, .oh-miracle-card .oh-roll-damage-btn:hover { background: #0b68a4; opacity: 1; } .oh-weapon-card .oh-ap-note, .oh-spell-card .oh-ap-note, .oh-miracle-card .oh-ap-note { font-size: calc(0.86rem * 0.9); color: #8b0000; font-weight: bold; margin-left: 8px; } .item-list--weapon .item-entry .item-actions { gap: 14px; } .item-list--weapon .item-entry .item-actions a[data-action="attackWeapon"] { color: #084a74; font-size: 1.1em; opacity: 0.85; transition: opacity 0.2s; } .item-list--weapon .item-entry .item-actions a[data-action="attackWeapon"]:hover { opacity: 1; } .item-list--weapon .item-entry .item-actions a[data-action="defendWeapon"] { color: #535128; font-size: 1.1em; opacity: 0.85; transition: opacity 0.2s; } .item-list--weapon .item-entry .item-actions a[data-action="defendWeapon"]:hover { opacity: 1; } .item-list--weapon .item-entry .item-actions a[data-action="damageWeapon"] { color: #8b0000; font-size: 1.1em; opacity: 0.85; transition: opacity 0.2s; } .item-list--weapon .item-entry .item-actions a[data-action="damageWeapon"]:hover { opacity: 1; } .item-list--weapon .item-entry .item-actions a[data-action="edit"] { margin-left: 4px; } .oh-spell-dialog .dv-badge, .oh-miracle-dialog .dv-badge { background: #3a0e6b; color: #e8d9ff; border-radius: 3px; padding: 1px 6px; font-size: 0.78em; font-weight: bold; } .oh-spell-dialog .tradition-badge, .oh-miracle-dialog .tradition-badge { background: #0e3a6b; color: #d9eeff; border-radius: 3px; padding: 1px 6px; font-size: 0.78em; } .oh-spell-dialog .ritual-badge, .oh-miracle-dialog .ritual-badge { background: #4a3000; color: #ffe8a0; border-radius: 3px; padding: 1px 6px; font-size: 0.78em; } .oh-spell-dialog .missile-badge, .oh-miracle-dialog .missile-badge { background: #1a4a1a; color: #b8ffb8; border-radius: 3px; padding: 1px 6px; font-size: 0.78em; } .oh-spell-dialog .range-badge, .oh-miracle-dialog .range-badge, .oh-spell-dialog .duration-badge, .oh-miracle-dialog .duration-badge { background: rgba(42, 26, 10, 0.12); color: #2a1a0a; border-radius: 3px; padding: 1px 6px; font-size: 0.75em; } .oh-spell-dialog .save-info, .oh-miracle-dialog .save-info { font-size: 0.8em; color: #2a1a0a; font-style: italic; margin-top: 3px; } .oh-spell-dialog .stress-tracker, .oh-miracle-dialog .stress-tracker { display: flex; align-items: center; gap: 8px; padding: 6px 10px; margin: 8px 0 4px; background: rgba(83, 81, 40, 0.1); border: 1px solid rgba(83, 81, 40, 0.3); border-radius: 4px; font-size: 0.88em; } .oh-spell-dialog .stress-tracker i, .oh-miracle-dialog .stress-tracker i { color: #2a1a0a; } .oh-spell-dialog .stress-tracker .stress-warning, .oh-miracle-dialog .stress-tracker .stress-warning { margin-left: auto; color: #c00; font-weight: bold; font-size: 0.9em; } .oh-spell-dialog .stress-tracker.stress-danger, .oh-miracle-dialog .stress-tracker.stress-danger { background: rgba(204, 0, 0, 0.08); border-color: rgba(204, 0, 0, 0.4); } .oh-spell-dialog .miracle-warning, .oh-miracle-dialog .miracle-warning { display: flex; align-items: center; gap: 8px; padding: 6px 10px; margin: 8px 0 4px; background: rgba(139, 0, 0, 0.08); border: 1px solid rgba(139, 0, 0, 0.3); border-radius: 4px; font-size: 0.83em; color: #8b0000; font-style: italic; } .oh-spell-dialog .miracle-warning i, .oh-miracle-dialog .miracle-warning i { flex-shrink: 0; } .oh-spell-dialog select.enhancement-select, .oh-miracle-dialog select.enhancement-select { min-width: 220px; } .oh-spell-card .oh-stress-line, .oh-miracle-card .oh-stress-line { margin-top: 6px; padding: 4px 8px; background: rgba(83, 81, 40, 0.1); border: 1px solid rgba(83, 81, 40, 0.3); border-radius: 3px; font-size: 0.82em; color: #2a1a0a; } .oh-spell-card .oh-stress-line.stress-blocked, .oh-miracle-card .oh-stress-line.stress-blocked { background: rgba(204, 0, 0, 0.08); border-color: rgba(204, 0, 0, 0.4); color: #c00; } .oh-spell-card .oh-miracle-blocked, .oh-miracle-card .oh-miracle-blocked { margin-top: 6px; padding: 5px 8px; background: rgba(139, 0, 0, 0.08); border: 1px solid rgba(139, 0, 0, 0.35); border-radius: 3px; font-size: 0.85em; color: #8b0000; font-weight: bold; text-align: center; } .item-list--spell .item-actions, .item-list--miracle .item-actions { gap: 8px; } .item-list--spell .item-actions a[data-action="castSpell"] .spell-cast-icon, .item-list--miracle .item-actions a[data-action="castSpell"] .spell-cast-icon { color: #3a0e6b; font-size: 1.05em; } .item-list--spell .item-actions a[data-action="castMiracle"] .miracle-cast-icon, .item-list--miracle .item-actions a[data-action="castMiracle"] .miracle-cast-icon { color: #5a3000; font-size: 1.05em; } .item-list--spell .item-actions a[data-action="edit"], .item-list--miracle .item-actions a[data-action="edit"] { margin-left: 6px; } .oh-defense-dialog .oh-trait-info, .oh-armor-dialog .oh-trait-info { display: flex; align-items: center; gap: 6px; padding: 5px 10px; margin: 4px 0; background: rgba(8, 74, 116, 0.08); border: 1px solid rgba(8, 74, 116, 0.25); border-radius: 4px; font-size: 0.84em; color: #052c44; } .oh-defense-dialog .oh-trait-info i, .oh-armor-dialog .oh-trait-info i { flex-shrink: 0; } .oh-defense-card .oh-roll-header, .oh-armor-card .oh-roll-header { display: flex; align-items: center; gap: 8px; } .oh-defense-card .oh-defense-icon, .oh-armor-card .oh-defense-icon { font-size: 1.1em; color: #084a74; flex-shrink: 0; } .oh-defense-card .oh-card-weapon-img, .oh-armor-card .oh-card-weapon-img { width: 28px; height: 28px; -o-object-fit: contain; object-fit: contain; border-radius: 3px; border: 1px solid rgba(83, 81, 40, 0.2); flex-shrink: 0; } .defense-row { align-items: flex-end; } .defense-row .defense-roll-group { flex: 0 0 auto; } .defense-roll-btn { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; background: #084a74; color: #fff; border-radius: 4px; font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.85); cursor: pointer; text-decoration: none; opacity: 0.85; transition: opacity 0.2s; } .defense-roll-btn:hover { opacity: 1; } .defense-roll-btn i { font-size: 0.9em; } .defense-roll-btn:hover { opacity: 0.85; color: #fff; text-decoration: none; } .item-list--armor .item-actions { gap: 8px; } .item-list--armor .item-actions a[data-action="rollArmorSave"] .armor-roll-icon { color: #084a74; font-size: 1.05em; } .item-list--armor .item-actions a[data-action="edit"] { margin-left: 6px; } .oathhammer.settlement { min-height: 520px; } .oathhammer .settlement-main { padding: 0 0 8px; border-bottom: 1px solid rgba(42, 26, 10, 0.25); margin-bottom: 4px; } .oathhammer .settlement-header { align-items: flex-start; gap: 10px; } .oathhammer .settlement-header .actor-img { width: 94px; height: 110px; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; border: 2px solid rgba(42, 26, 10, 0.4); border-radius: 4px; cursor: pointer; flex-shrink: 0; flex-grow: 0; } .oathhammer .settlement-header-info { flex: 1; display: flex; flex-direction: column; gap: 6px; } .oathhammer .settlement-name-row { align-items: center; gap: 8px; } .oathhammer .settlement-archetype-badge { font-size: 0.86rem; font-weight: 600; color: #150d05; background: rgba(200, 168, 75, 0.2); border: 1px solid rgba(200, 168, 75, 0.55); border-radius: 3px; padding: 1px 8px; white-space: nowrap; } .oathhammer .settlement-stats { gap: 8px; flex-wrap: wrap; align-items: flex-start; } .oathhammer .settlement-stats .stat-item { display: flex; flex-direction: column; gap: 2px; min-width: 80px; } .oathhammer .settlement-stats .stat-item label { font-size: 0.72rem; color: #2a1a0a; opacity: 0.8; text-transform: uppercase; letter-spacing: 0.03em; } .oathhammer .settlement-stats .stat-item input { padding: 2px 4px; } .oathhammer .settlement-stats .stat-item--flags { display: flex; flex-direction: row; gap: 8px; align-items: center; flex-wrap: wrap; min-width: unset; } .oathhammer .settlement-stats .stat-item--flags label { display: flex; align-items: center; gap: 4px; font-size: calc(0.86rem * 0.85); text-transform: none; letter-spacing: 0; cursor: pointer; } .oathhammer .settlement-badge { font-size: 0.75rem; font-weight: bold; border-radius: 3px; padding: 2px 7px; } .oathhammer .settlement-badge--capital { background: rgba(200, 168, 75, 0.2); border: 1px solid rgba(200, 168, 75, 0.5); color: #5d4d1d; } .oathhammer .settlement-badge--siege { background: rgba(180, 40, 40, 0.12); border: 1px solid rgba(180, 40, 40, 0.4); color: #8a1a1a; } .oathhammer .settlement-content .tab { padding: 8px 0; } .oathhammer .settlement-overview-grid { display: grid; grid-template-columns: 1fr 1fr 2fr; gap: 8px; margin-bottom: 8px; } .oathhammer .settlement-hint { font-size: 0.78rem; color: #2a1a0a; opacity: 0.7; margin: 0 0 8px; font-style: italic; } .oathhammer .item-list--buildings .item-list-header, .oathhammer .item-list--buildings .item-entry { display: grid; grid-template-columns: 28px 1fr 3rem 5rem 4rem 3rem; align-items: center; gap: 4px; } .oathhammer .item-entry.building-constructed { background: rgba(60, 140, 60, 0.08); } .oathhammer .item-entry.building-constructed .item-name { font-weight: 600; } .oathhammer .item-constructed { text-align: center; font-size: 1rem; color: #3a7a3a; } .oathhammer .item-tax { font-size: calc(0.86rem * 0.85); color: #312f17; text-align: center; } .oathhammer .item-tax--inactive { opacity: 0.4; } .oathhammer .item-cost { font-size: calc(0.86rem * 0.85); color: #856d28; text-align: right; } .oathhammer .construct-toggle { color: #3a7a3a; cursor: pointer; font-size: 1rem; } .oathhammer .construct-toggle:hover { color: #214621; } .oathhammer .settlement-buildings-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; } .oathhammer .settlement-buildings-header .settlement-hint { margin: 0; } .oathhammer .settlement-buildings-header .collect-taxes-btn { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; background: rgba(200, 168, 75, 0.2); border: 1px solid rgba(200, 168, 75, 0.6); border-radius: 4px; font-size: calc(0.86rem * 0.85); font-weight: bold; color: #2a1a0a; cursor: pointer; white-space: nowrap; } .oathhammer .settlement-buildings-header .collect-taxes-btn:hover { background: rgba(200, 168, 75, 0.4); border-color: #c8a84b; } .oathhammer .settlement-buildings-header .collect-taxes-btn i { color: #c8a84b; } .oathhammer .party-main .party-header { display: flex; flex-direction: row; gap: 8px; align-items: stretch; } .oathhammer .party-main .party-portrait-wrap { flex-shrink: 0; } .oathhammer .party-main .party-portrait-wrap .party-portrait { width: 94px; height: 110px; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; border: 2px solid rgba(42, 26, 10, 0.4); border-radius: 4px; cursor: pointer; } .oathhammer .party-main .party-header-body { flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 6px; min-width: 0; } .oathhammer .party-main .party-header-body .character-name { display: flex; align-items: center; gap: 4px; border-bottom: 1px solid #535128; padding-bottom: 4px; } .oathhammer .party-main .party-header-body .character-name input, .oathhammer .party-main .party-header-body .character-name span { flex: 1; min-width: 0; font-family: "Sherwood", "Palatino Linotype", serif; font-size: calc(0.86rem * 1.1); } .oathhammer .party-main .party-header-body .character-name > .control { flex-shrink: 0; } .oathhammer .party-main .party-header-fieldset { border: none; padding: 0; margin: 0; } .oathhammer .party-main .party-treasury { display: flex; align-items: center; gap: 10px; padding: 4px 6px; border: 1px solid #535128; border-radius: 3px; background: rgba(0, 0, 0, 0.08); flex-wrap: wrap; } .oathhammer .party-main .party-treasury .party-treasury-label { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.85); font-weight: bold; color: #2a1a0a; white-space: nowrap; min-width: 4rem; } .oathhammer .party-main .party-treasury .party-currency { display: flex; align-items: center; gap: 4px; flex: 1; min-width: 7rem; } .oathhammer .party-main .party-treasury .party-currency .currency-label { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.9); font-weight: bold; color: #2a1a0a; white-space: nowrap; min-width: 1.8rem; } .oathhammer .party-main .party-treasury .party-currency .currency-stepper { display: flex; align-items: center; gap: 2px; } .oathhammer .party-main .party-treasury .party-currency .currency-stepper input { width: 3.5rem; text-align: center; font-size: calc(0.86rem * 0.85); padding: 1px 2px; } .oathhammer .party-main .party-treasury .party-currency .currency-stepper .currency-btn { display: inline-flex; align-items: center; justify-content: center; width: 1.1rem; height: 1.1rem; font-size: 0.85rem; font-weight: bold; line-height: 1; border: 1px solid #535128; border-radius: 3px; background: rgba(83, 81, 40, 0.2); color: #2a1a0a; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; } .oathhammer .party-main .party-treasury .party-currency .currency-stepper .currency-btn:hover { background: #c8a84b; border-color: #c8a84b; } .oathhammer .party-main .party-treasury .party-currency-gp .currency-label { color: #987d2e; } .oathhammer .party-main .party-treasury .party-currency-sp .currency-label { color: #888; } .oathhammer .party-main .party-treasury .party-currency-cp .currency-label { color: #aa6633; } .oathhammer .party-main .party-slots { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.3rem; font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.85); } .oathhammer .party-main .party-slots .party-slots-label { font-weight: bold; color: #535128; margin-right: 0.3rem; text-transform: uppercase; font-size: calc(0.86rem * 0.9); letter-spacing: 0.04em; } .oathhammer .party-main .party-slots .party-slots-current { font-weight: bold; min-width: 1.8rem; text-align: right; } .oathhammer .party-main .party-slots .party-slots-sep { color: #535128; } .oathhammer .party-main .party-slots .party-slots-max { width: 3.5rem; text-align: center; font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.85); } .oathhammer .party-main .party-slots .party-renown-label { font-weight: bold; color: #535128; margin-left: 0.8rem; margin-right: 0.3rem; text-transform: uppercase; font-size: calc(0.86rem * 0.9); letter-spacing: 0.04em; } .oathhammer .party-main .party-slots .party-renown-value { width: 3.5rem; text-align: center; font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.85); } .oathhammer .item-list--party-member .item-list-header, .oathhammer .item-list--party-member .item-entry { grid-template-columns: 1.8rem 24px 1fr 7rem 5rem 3rem 5.5rem; } .oathhammer .item-list--party-member .party-member-order { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.9); font-weight: bold; color: #535128; text-align: center; align-self: center; } .oathhammer .item-list--party-member .item-detail--center { text-align: center; } .oathhammer .item-list--party-member .item-detail--center a { color: #2a1a0a; } .oathhammer .item-list--party-member .item-detail--center .fa-faded { opacity: 0.2; } .oathhammer .item-list--party-loot .item-list-header, .oathhammer .item-list--party-loot .item-entry { grid-template-columns: 24px 1fr 6rem 5.5rem 5rem; } .oathhammer .item-list--party-loot .item-qty { display: flex; align-items: center; gap: 3px; font-size: calc(0.86rem * 0.85); } .oathhammer .item-list--party-loot .item-qty span { min-width: 1.5rem; text-align: center; } .oathhammer .item-list--party-loot .item-qty .qty-btn { display: inline-flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; font-size: 0.8rem; font-weight: bold; line-height: 1; border: 1px solid #535128; border-radius: 2px; background: rgba(83, 81, 40, 0.2); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .oathhammer .item-list--party-loot .item-qty .qty-btn:hover { background: #c8a84b; border-color: #c8a84b; } .oathhammer .army-main .army-header { display: flex; flex-direction: row; gap: 8px; align-items: stretch; } .oathhammer .army-main .army-portrait-wrap { flex-shrink: 0; } .oathhammer .army-main .army-portrait-wrap .army-portrait { width: 94px; height: 110px; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; border: 2px solid rgba(42, 26, 10, 0.4); border-radius: 4px; cursor: pointer; } .oathhammer .army-main .army-header-body { flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 5px; min-width: 0; } .oathhammer .army-main .army-header-body .character-name { display: flex; align-items: center; gap: 4px; border-bottom: 1px solid #535128; padding-bottom: 4px; } .oathhammer .army-main .army-header-body .character-name input, .oathhammer .army-main .army-header-body .character-name span { flex: 1; min-width: 0; font-family: "Sherwood", "Palatino Linotype", serif; font-size: calc(0.86rem * 1.1); } .oathhammer .army-main .army-header-body .character-name > .control { flex-shrink: 0; } .oathhammer .army-main .army-header-fieldset { border: none; padding: 0; margin: 0; } .oathhammer .army-main .army-leader-row { display: flex; align-items: center; gap: 5px; padding: 3px 5px; border: 1px dashed #535128; border-radius: 3px; min-height: 2rem; background: rgba(83, 81, 40, 0.05); } .oathhammer .army-main .army-leader-row .army-field-label { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.85); font-weight: bold; color: #2a1a0a; white-space: nowrap; min-width: 6rem; } .oathhammer .army-main .army-leader-row .army-leader-img { width: 24px; height: 24px; -o-object-fit: cover; object-fit: cover; border-radius: 3px; border: 1px solid #535128; } .oathhammer .army-main .army-leader-row .army-leader-name { flex: 1; font-size: calc(0.86rem * 0.85); color: #2a1a0a; } .oathhammer .army-main .army-leader-row .army-leader-name:hover { color: #535128; text-decoration: underline; } .oathhammer .army-main .army-leader-row .army-leader-clear { color: #535128; } .oathhammer .army-main .army-leader-row .army-leader-clear:hover { color: #aa3333; } .oathhammer .army-main .army-leader-row .army-field-empty { flex: 1; font-size: calc(0.86rem * 0.9); color: rgba(42, 26, 10, 0.5); font-style: italic; } .oathhammer .army-main .army-location-row { display: flex; align-items: center; gap: 5px; } .oathhammer .army-main .army-location-row .army-field-label { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.85); font-weight: bold; color: #2a1a0a; white-space: nowrap; min-width: 6rem; } .oathhammer .army-main .army-location-row input { flex: 1; font-size: calc(0.86rem * 0.85); } .oathhammer .item-list--army-regiment .item-list-header, .oathhammer .item-list--army-regiment .item-entry { grid-template-columns: 24px 1fr 4.5rem 4.5rem 4.5rem 4.5rem 3rem; } .oathhammer .item-list--army-regiment .army-total-row { border-top: 2px solid #535128; font-weight: bold; } .oathhammer .item-list--army-regiment .army-total-row .army-total-label { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.85); color: #2a1a0a; } .oathhammer .item-list--army-regiment .army-total-row .army-total-value { color: #987d2e; font-family: "BlueDragon", "Palatino Linotype", serif; } .oh-free-roll-bar { display: flex; flex-direction: row; align-items: center; gap: 6px; padding: 4px 6px; border-top: 1px solid rgba(83, 81, 40, 0.4); border-bottom: 1px solid rgba(83, 81, 40, 0.4); background: #f5ead0; flex-shrink: 0; flex-wrap: wrap; z-index: 1; position: relative; pointer-events: auto; } .oh-free-roll-bar .oh-frb-label { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.9); font-weight: bold; color: #2a1a0a; white-space: nowrap; display: flex; align-items: center; gap: 4px; } .oh-free-roll-bar .oh-frb-controls { display: flex; flex-direction: row; align-items: center; gap: 4px; flex-wrap: wrap; flex: 1; } .oh-free-roll-bar .oh-frb-controls select { font-size: calc(0.86rem * 0.9); padding: 1px 2px; height: 1.6rem; border: 1px solid #535128; border-radius: 3px; background: #fff; color: #2a1a0a; cursor: pointer; } .oh-free-roll-bar .oh-frb-controls .oh-frb-pool { width: 3.8rem; } .oh-free-roll-bar .oh-frb-controls .oh-frb-color { flex: 1; min-width: 6rem; } .oh-free-roll-bar .oh-frb-controls .oh-frb-explode-label { display: flex; align-items: center; gap: 3px; font-size: calc(0.86rem * 0.9); cursor: pointer; white-space: nowrap; color: #2a1a0a; } .oh-free-roll-bar .oh-frb-controls .oh-frb-explode-label input[type="checkbox"] { cursor: pointer; } .oh-free-roll-bar .oh-frb-controls .oh-frb-roll-btn { font-family: "BlueDragon", "Palatino Linotype", serif; font-size: calc(0.86rem * 0.9); font-weight: bold; padding: 2px 8px; height: 1.6rem; border: 1px solid #535128; border-radius: 3px; background: rgba(83, 81, 40, 0.2); color: #2a1a0a; cursor: pointer; white-space: nowrap; } .oh-free-roll-bar .oh-frb-controls .oh-frb-roll-btn:hover { background: #c8a84b; border-color: #ac8d34; }