@font-face { font-family: "TimesNewRoman"; src: url("../assets/fonts/Times New Roman.ttf") format("truetype"); } @font-face { font-family: "EagleLake"; src: url("../assets/fonts/EagleLake-Regular.ttf") format("truetype"); } :root { --font-size-standard: 0.9rem; --font-size-result: 1.4rem; --background-image-base: url("../assets/ui/sheet_background_01.webp"); --font-primary: "TimesNewRoman"; --font-secondary: "TimesNewRoman"; --font-title: "EagleLake"; --logo-standard: url("../assets/ui/rose_des_vents_01.webp"); --title-color: #dea60b; --background-box: #e0dcdc; --color-success: #0f7a0f; --color-failure: #8b7355; --color-warning: darkorange; --color-critical-success: #1527cc; --color-critical-failure: #8d20e7; --color-sheet-nav: #120c04; --input-height: 1.2rem; } body { --color-light-1: rgba(182, 178, 178, 0.6); --color-warm-1: #c9a876; --input-height: 1.4rem; } #logo { content: var(--logo-standard); width: 100px; height: 50px; margin-left: 15px; } .scrollable-content { max-height: 600px; overflow-y: auto; padding-right: 10px; } nav.tabs [data-tab] { color: var(--title-color); } #pause > img { content: var(--logo-standard); height: 256px; width: 256px; top: -45px; left: calc(50% - 96px); } i.fvtt-hamalron { width: 36px; height: 36px; background-image: var(--logo-standard); background-size: 100%; background-position: center; background-repeat: no-repeat; display: flex; position: relative; filter: grayscale(1); transition: 0.3s; } .application.dialog.fvtt-hamalron { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); background-image: var(--background-image-base); } .application.dialog.fvtt-hamalron button:hover { background: var(--color-dark-6); } .application.dialog.fvtt-hamalron .legend { font-family: var(--font-primary); } .chat-message, .chat-message.whisper { font-family: var(--font-primary); background-image: var(--background-image-base); background-repeat: repeat-y; background-position: 0%; background-size: 100% 100%; } .fvtt-hamalron .character-sheet-common label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .vehicle-sheet-common label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .enemy-sheet-common label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .item-sheet-common .form-fields { padding-top: 4px; } .fvtt-hamalron .item-sheet-common label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-hamalron .item-sheet-common .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; } .fvtt-hamalron .item-sheet-common .shift-right { margin-left: 2rem; } .fvtt-hamalron .character-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; overflow: scroll; } .fvtt-hamalron .character-content input:disabled, .fvtt-hamalron .character-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-hamalron .character-content input, .fvtt-hamalron .character-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-hamalron .character-content input[name="name"] { height: 40px; margin-right: 10px; font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; margin-top: 4px; } .fvtt-hamalron .character-content fieldset { margin-bottom: 4px; border-radius: 4px; } .fvtt-hamalron .character-content .form-fields input, .fvtt-hamalron .character-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .character-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .character-content legend { font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.1); font-weight: bold; letter-spacing: 1px; } .fvtt-hamalron .character-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .sheet-tabs { background-color: var(--color-light-1); font-family: var(--font-title); } .fvtt-hamalron .sheet-tabs a { color: var(--color-sheet-nav); font-size: 0.9rem; } .fvtt-hamalron .character-main { display: flex; justify-content: center; } .fvtt-hamalron .character-main .character-pc { display: flex; gap: 4px; flex: 1; } .fvtt-hamalron .character-main .character-pc .character-left { min-width: 220px; display: flex; flex-direction: column; } .fvtt-hamalron .character-main .character-pc .character-left .character-left-image { display: flex; justify-content: center; align-items: center; padding-bottom: 8px; } .fvtt-hamalron .character-main .character-pc .character-left .character-left-image .character-img { height: 140px; width: auto; border: none; } .fvtt-hamalron .character-main .character-pc .character-left .character-hp { gap: 2px; align-items: center; } .fvtt-hamalron .character-main .character-pc .character-left .character-hp input { flex: none; width: 2.5rem; margin-left: 2px; margin-right: 4px; } .fvtt-hamalron .character-main .character-pc .character-left .character-hp .hp-separator { font-size: calc(var(--font-size-standard) * 1.2); display: flex; align-items: center; justify-content: center; } .fvtt-hamalron .character-main .character-pc .character-left .character-dv .form-fields, .fvtt-hamalron .character-main .character-pc .character-left .character-dmax .form-fields { flex: none; } .fvtt-hamalron .character-main .character-pc .character-right { display: flex; flex-direction: column; gap: 2px; } .fvtt-hamalron .character-main .character-pc .character-right .character-definition .form-group { display: flex; align-items: center; margin-bottom: 4px; } .fvtt-hamalron .character-main .character-pc .character-right .character-definition .splitted { display: flex; flex-direction: row; gap: 4px; } .fvtt-hamalron .character-main .character-pc .character-right .character-definition label { max-width: 5rem; min-width: 5rem; } .fvtt-hamalron .character-main .character-pc .character-right .character-definition input { text-align: left; min-width: 9rem; max-width: 9rem; margin-bottom: auto; } .fvtt-hamalron .character-main .character-pc .character-right .character-definition .trait { min-width: 7rem; max-width: 7rem; margin-right: 1rem; margin-bottom: auto; } .fvtt-hamalron .character-main .character-pc .character-right .character-definition .item-controls { display: flex; align-items: center; gap: 0.5rem; flex: 1; } .fvtt-hamalron .character-main .character-pc .character-right .character-definition .item-controls .item-name { flex: 1; min-width: 0; } .fvtt-hamalron .character-main .character-pc .character-right .character-definition .item-controls .control { flex-shrink: 0; cursor: pointer; opacity: 0.7; transition: opacity 0.2s; } .fvtt-hamalron .character-main .character-pc .character-right .character-definition .item-controls .control:hover { opacity: 1; } .fvtt-hamalron .character-main .character-pc .character-right .character-definition .item-controls .control i { font-size: 0.9rem; } .fvtt-hamalron .character-main .character-pc .character-right .character-name { display: flex; } .fvtt-hamalron .character-main .character-pc .character-right .character-name input { font-family: var(--font-title); font-size: var(--font-size-title); width: 400px; } .fvtt-hamalron .character-main .character-pc .character-right label { min-width: 120px; } .fvtt-hamalron .character-main .character-pc-play { min-width: 660px; } .fvtt-hamalron .character-main .character-pc-edit { min-width: 660px; } .fvtt-hamalron .character-main .character-stats { /*background-color: var(--color-light-1);*/ display: flex; flex-direction: column; gap: 2px; flex: 1; } .fvtt-hamalron .character-main .character-stats .stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.2rem; } .fvtt-hamalron .character-main .character-stats .character-stat { display: flex; align-items: center; justify-content: space-between; gap: 0.2rem; padding: 0.1rem 0.2rem; background: rgba(0, 0, 0, 0.1); border-radius: 0.25rem; } .fvtt-hamalron .character-main .character-stats .character-stat .stat-label { flex: 1; min-width: 0; } .fvtt-hamalron .character-main .character-stats .character-stat .stat-label.rollable:hover, .fvtt-hamalron .character-main .character-stats .character-stat .stat-label.rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-hamalron .character-main .character-stats .character-stat .stat-label i { margin-right: 0.25rem; } .fvtt-hamalron .character-main .character-stats .character-stat .stat-values { display: flex; align-items: center; gap: 0.25rem; flex-shrink: 0; } .fvtt-hamalron .character-main .character-stats .character-stat .stat-values input { width: 3rem; text-align: center; } .fvtt-hamalron .character-main .character-stats .character-stat .stat-values .stat-value { width: 3rem; text-align: center; display: inline-block; } .fvtt-hamalron .character-main .character-stats .character-stat .stat-values .separator { font-weight: bold; color: var(--color-text-dark-secondary); } .fvtt-hamalron .character-main .character-resistances { display: flex; flex-direction: column; gap: 2px; flex: 1; } .fvtt-hamalron .character-main .character-resistances .resistances-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.2rem; } .fvtt-hamalron .character-main .character-resistances .resistance-stat { display: flex; align-items: center; justify-content: space-between; gap: 0.2rem; padding: 0.1rem 0.2rem; background: rgba(0, 0, 0, 0.1); border-radius: 0.25rem; } .fvtt-hamalron .character-main .character-resistances .resistance-stat .stat-label { flex: 1; min-width: 0; } .fvtt-hamalron .character-main .character-resistances .resistance-stat .stat-values { display: flex; align-items: center; gap: 0.2rem; flex-shrink: 0; } .fvtt-hamalron .character-main .character-resistances .resistance-stat .stat-values input { width: 3rem; text-align: center; } .fvtt-hamalron .character-main .character-resistances .resistance-stat .stat-values .stat-value { width: 3rem; text-align: center; display: inline-block; } .fvtt-hamalron .character-main .character-resistances .resistance-stat .stat-values .resistance-control { cursor: pointer; opacity: 0.8; transition: all 0.2s ease; padding: 0.15rem 0.35rem; background: rgba(0, 0, 0, 0.1); border-radius: 3px; color: var(--color-text-dark-primary); } .fvtt-hamalron .character-main .character-resistances .resistance-stat .stat-values .resistance-control:hover { opacity: 1; background: rgba(0, 100, 200, 0.2); transform: scale(1.1); } .fvtt-hamalron .character-main .character-resistances .resistance-stat .stat-values .resistance-control:active { transform: scale(0.95); } .fvtt-hamalron .character-main .character-resistances .resistance-stat .stat-values .resistance-control i { font-size: 0.7rem; } .fvtt-hamalron .character-main .character-resistances .resistance-stat .stat-values .separator { font-weight: bold; color: var(--color-text-dark-secondary); } .fvtt-hamalron .character-main .character-stats-play { min-width: 120px; } .fvtt-hamalron .character-main .character-stats-edit { min-width: 120px; } .fvtt-hamalron .tab.character-competences .main-div { /*background-color: var(--color-light-1);*/ display: grid; grid-template-columns: 1fr; gap: 8px; } .fvtt-hamalron .tab.character-competences .main-div legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 5px; } .fvtt-hamalron .tab.character-competences .main-div .competences-group { margin-bottom: 12px; background: rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 8px; } .fvtt-hamalron .tab.character-competences .main-div .competences-group .competences-type-header { font-weight: bold; font-size: calc(var(--font-size-standard) * 1.1); color: var(--color-text-dark-primary); margin-bottom: 8px; padding: 4px 8px; border-left: 3px solid var(--color-border-dark-primary); } .fvtt-hamalron .tab.character-competences .main-div .competences { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; } .fvtt-hamalron .tab.character-competences .main-div .competences .competence { display: flex; align-items: center; gap: 6px; padding: 4px 6px; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; transition: all 0.2s ease; } .fvtt-hamalron .tab.character-competences .main-div .competences .competence:hover { background: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .fvtt-hamalron .tab.character-competences .main-div .competences .competence .item-img { width: 28px; height: 28px; border-radius: 3px; flex-shrink: 0; } .fvtt-hamalron .tab.character-competences .main-div .competences .competence .name { flex: 1; min-width: 0; font-weight: 500; } .fvtt-hamalron .tab.character-competences .main-div .competences .competence .name a { color: var(--color-text-dark-primary); text-decoration: none; cursor: pointer; } .fvtt-hamalron .tab.character-competences .main-div .competences .competence .name a:hover { color: var(--color-text-hyperlink); text-decoration: underline; } .fvtt-hamalron .tab.character-competences .main-div .competences .competence .carte { font-size: 0.85rem; padding: 2px 6px; background: rgba(0, 0, 0, 0.08); border-radius: 3px; white-space: nowrap; } .fvtt-hamalron .tab.character-competences .main-div .competences .competence .niveau { font-size: 0.85rem; padding: 2px 6px; background: rgba(0, 100, 200, 0.1); color: var(--color-text-dark-primary); border-radius: 3px; white-space: nowrap; font-weight: 500; } .fvtt-hamalron .tab.character-competences .main-div .competences .competence .controls { display: flex; gap: 4px; font-size: 0.85rem; flex-shrink: 0; } .fvtt-hamalron .tab.character-competences .main-div .competences .competence .controls a { padding: 2px 4px; color: var(--color-text-dark-secondary); cursor: pointer; transition: color 0.2s ease; } .fvtt-hamalron .tab.character-competences .main-div .competences .competence .controls a:hover { color: var(--color-text-dark-primary); } .fvtt-hamalron .tab.character-competences .main-div .add-competence-section { text-align: center; padding: 12px; } .fvtt-hamalron .tab.character-competences .main-div .add-competence-section .add-competence-button { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; background: rgba(0, 100, 200, 0.1); border: 1px solid rgba(0, 100, 200, 0.3); border-radius: 4px; color: var(--color-text-dark-primary); font-weight: 500; cursor: pointer; transition: all 0.2s ease; } .fvtt-hamalron .tab.character-competences .main-div .add-competence-section .add-competence-button:hover { background: rgba(0, 100, 200, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .fvtt-hamalron .tab.character-competences .main-div .add-competence-section .add-competence-button i { font-size: 1rem; } .fvtt-hamalron .tab.character-competences .main-div .mortality { display: flex; align-items: center; gap: 4px; margin-left: 4px; min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .tab.character-competences .main-div .mortality label { min-width: 5rem; max-width: 5rem; } .fvtt-hamalron .tab.character-competences .main-div .counters { display: flex; direction: column; align-items: center; gap: 4px; margin-left: 4px; } .fvtt-hamalron .tab.character-competences .main-div .counters .characteristics-label { color: grey; font-size: small; } .fvtt-hamalron .tab.character-competences .main-div .counters label { min-width: 4rem; max-width: 4rem; } .fvtt-hamalron .tab.character-competences .main-div .counters .spaced-left { margin-left: 0.8rem; } .fvtt-hamalron .tab.character-competences .main-div .counters input { min-width: 2.5rem; max-width: 2.5rem; } .fvtt-hamalron .tab.character-competences .main-div .ailments { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; } .fvtt-hamalron .tab.character-competences .main-div .ailments .ailment { display: flex; align-items: center; gap: 4px; margin-left: 4px; min-width: 8rem; max-width: 8rem; } .fvtt-hamalron .tab.character-competences .main-div .ailments .ailment label { min-width: 5rem; max-width: 5rem; } .fvtt-hamalron .tab.character-competences .main-div .ailments .ailment .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.character-sortileges .main-div { /*background-color: var(--color-light-1);*/ display: grid; grid-template-columns: 1fr; } .fvtt-hamalron .tab.character-sortileges .main-div legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 5px; } .fvtt-hamalron .tab.character-sortileges .main-div .sortileges { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .fvtt-hamalron .tab.character-sortileges .main-div .sortileges .malefica { display: flex; align-items: center; gap: 4px; min-width: 20rem; max-width: 20rem; } .fvtt-hamalron .tab.character-sortileges .main-div .sortileges .malefica .controls { font-size: 0.7rem; min-width: 1.8rem; max-width: 1.8rem; } .fvtt-hamalron .tab.character-sortileges .main-div .sortileges .malefica .name { min-width: 10rem; max-width: 10rem; } .fvtt-hamalron .tab.character-sortileges .main-div .sortileges .malefica .damage { min-width: 3.2rem; max-width: 3.2rem; } .fvtt-hamalron .tab.character-sortileges .main-div .sortileges .malefica .domain { min-width: 4rem; max-width: 4rem; } .fvtt-hamalron .tab.character-sortileges .main-div .sortileges .malefica .level { min-width: 2rem; max-width: 2rem; } .fvtt-hamalron .tab.character-sortileges .main-div .sortileges .malefica .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.character-equipment .main-div { /*background-color: var(--color-light-1);*/ display: grid; grid-template-columns: 1fr; } .fvtt-hamalron .tab.character-equipment .main-div legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 5px; } .fvtt-hamalron .tab.character-equipment .main-div .limboes { display: flex; flex-direction: row; } .fvtt-hamalron .tab.character-equipment .main-div .limboes .limboes-line { display: flex; flex-direction: row; } .fvtt-hamalron .tab.character-equipment .main-div .limboes .form-group { display: flex; flex-direction: row; align-items: center; gap: 4px; margin-left: 4px; min-width: 6rem; max-width: 6rem; } .fvtt-hamalron .tab.character-equipment .main-div .limboes .ammo-quantity { text-align: left; max-width: 3rem; min-width: 3rem; } .fvtt-hamalron .tab.character-equipment .main-div .limboes input { text-align: left; min-width: 8rem; max-width: 8rem; } .fvtt-hamalron .tab.character-equipment .main-div .weapons { display: grid; grid-template-columns: repeat(1, 1fr); gap: 4px; } .fvtt-hamalron .tab.character-equipment .main-div .weapons .weapon { display: flex; align-items: center; gap: 4px; min-width: 13rem; max-width: 13rem; } .fvtt-hamalron .tab.character-equipment .main-div .weapons .weapon .rollable:hover, .fvtt-hamalron .tab.character-equipment .main-div .weapons .weapon .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-hamalron .tab.character-equipment .main-div .weapons .weapon .controls { font-size: 0.7rem; min-width: 1.8rem; max-width: 1.8rem; } .fvtt-hamalron .tab.character-equipment .main-div .weapons .weapon .properties { min-width: 16.3rem; max-width: 16.3rem; } .fvtt-hamalron .tab.character-equipment .main-div .weapons .weapon .range { min-width: 4.5rem; max-width: 4.5rem; } .fvtt-hamalron .tab.character-equipment .main-div .weapons .weapon .ammo { min-width: 4.5rem; max-width: 4.5rem; } .fvtt-hamalron .tab.character-equipment .main-div .weapons .weapon .ammoQuantity { min-width: 4.2rem; max-width: 4.2rem; } .fvtt-hamalron .tab.character-equipment .main-div .weapons .weapon .type { min-width: 3rem; max-width: 3rem; } .fvtt-hamalron .tab.character-equipment .main-div .weapons .weapon .damage { min-width: 4rem; max-width: 4rem; } .fvtt-hamalron .tab.character-equipment .main-div .weapons .weapon .name { min-width: 10rem; max-width: 10rem; } .fvtt-hamalron .tab.character-equipment .main-div .weapons .weapon .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.character-equipment .main-div .armors { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .fvtt-hamalron .tab.character-equipment .main-div .armors .armor { display: flex; align-items: center; gap: 4px; min-width: 13rem; max-width: 13rem; } .fvtt-hamalron .tab.character-equipment .main-div .armors .armor .controls { font-size: 0.7rem; min-width: 1.8rem; max-width: 1.8rem; } .fvtt-hamalron .tab.character-equipment .main-div .armors .armor .bonus { min-width: 2rem; max-width: 2rem; } .fvtt-hamalron .tab.character-equipment .main-div .armors .armor .resilience { min-width: 2rem; max-width: 2rem; } .fvtt-hamalron .tab.character-equipment .main-div .armors .armor .reduction { min-width: 2rem; max-width: 2rem; } .fvtt-hamalron .tab.character-equipment .main-div .armors .armor .name { min-width: 13.5rem; max-width: 13.5rem; } .fvtt-hamalron .tab.character-equipment .main-div .armors .armor .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.character-equipment .main-div .equipments { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .fvtt-hamalron .tab.character-equipment .main-div .equipments .equipment { display: flex; align-items: center; gap: 4px; min-width: 13rem; max-width: 13rem; } .fvtt-hamalron .tab.character-equipment .main-div .equipments .equipment .rollable:hover, .fvtt-hamalron .tab.character-equipment .main-div .equipments .equipment .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-hamalron .tab.character-equipment .main-div .equipments .equipment .controls { font-size: 0.7rem; min-width: 1.8rem; max-width: 1.8rem; } .fvtt-hamalron .tab.character-equipment .main-div .equipments .equipment .name { min-width: 10rem; max-width: 10rem; } .fvtt-hamalron .tab.character-equipment .main-div .equipments .equipment .quantity { min-width: 2rem; max-width: 2rem; } .fvtt-hamalron .tab.character-equipment .main-div .equipments .equipment .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.character-equipment .main-div prose-mirror.inactive { min-height: 40px; } .fvtt-hamalron .tab.character-equipment .main-div prose-mirror.active { min-height: 150px; } .fvtt-hamalron .tab.character-biography .main-div { /*background-color: var(--color-light-1);*/ display: grid; grid-template-columns: 1fr; } .fvtt-hamalron .tab.character-biography .main-div legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 5px; } .fvtt-hamalron .tab.character-biography .main-div .splitted-text { display: flex; flex-direction: row; gap: 4px; } .fvtt-hamalron .tab.character-biography .main-div .splitted-text fieldset { width: 100%; } .fvtt-hamalron .tab.character-biography .main-div .deals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .fvtt-hamalron .tab.character-biography .main-div .deals .deal { display: flex; align-items: center; gap: 4px; margin-left: 4px; min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .tab.character-biography .main-div .deals .deal .rollable:hover, .fvtt-hamalron .tab.character-biography .main-div .deals .deal .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-hamalron .tab.character-biography .main-div .deals .deal .controls { font-size: 0.7rem; min-width: 1.8rem; max-width: 1.8rem; } .fvtt-hamalron .tab.character-biography .main-div .deals .deal .name { min-width: 10rem; max-width: 10rem; } .fvtt-hamalron .tab.character-biography .main-div .deals .deal .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.character-biography .main-div .aliases { display: flex; flex-direction: row; align-items: center; margin-bottom: 4px; margin-left: 4px; } .fvtt-hamalron .tab.character-biography .main-div .aliases .form-group { display: flex; flex-direction: row; align-items: center; gap: 4px; margin-left: 4px; } .fvtt-hamalron .tab.character-biography .main-div .aliases .form-group label { min-width: 6rem; max-width: 6rem; } .fvtt-hamalron .tab.character-biography .main-div .aliases input { text-align: left; min-width: 41rem; max-width: 41rem; } .fvtt-hamalron .tab.character-biography .main-div .biodata { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .fvtt-hamalron .tab.character-biography .main-div .biodata .experience { display: flex; flex-direction: row; align-items: center; gap: 4px; margin-left: 4px; } .fvtt-hamalron .tab.character-biography .main-div .biodata .form-group { display: flex; flex-direction: row; align-items: center; gap: 4px; margin-left: 4px; min-width: 14rem; max-width: 14rem; } .fvtt-hamalron .tab.character-biography .main-div .biodata .form-group label { min-width: 6rem; max-width: 6rem; } .fvtt-hamalron .tab.character-biography .main-div .biodata input { text-align: left; min-width: 8rem; max-width: 8rem; } .fvtt-hamalron .tab.character-biography .main-div prose-mirror.inactive { min-height: 40px; } .fvtt-hamalron .tab.character-biography .main-div prose-mirror.active { min-height: 150px; } .fvtt-hamalron .character-content .tarot-hand-container { padding: 0.3rem; height: 100%; display: flex; flex-direction: column; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.2rem; padding-bottom: 0.2rem; border-bottom: 2px solid var(--color-border-dark); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-header h2 { margin: 0; font-size: 1.5rem; color: var(--color-text-dark-primary); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-header .tarot-hand-info { display: flex; align-items: center; gap: 1rem; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-header .tarot-hand-info .card-count { display: flex; align-items: center; gap: 0.3rem; padding: 0.3rem 0.6rem; background: rgba(102, 126, 234, 0.2); border-radius: 0.25rem; border: 1px solid rgba(102, 126, 234, 0.4); font-weight: bold; font-size: 0.85rem; color: var(--color-text-light-heading); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-header .tarot-hand-info .card-count i { color: #667eea; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-header .tarot-hand-info .card-count.over-limit { background: rgba(234, 102, 102, 0.2); border-color: rgba(234, 102, 102, 0.4); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-header .tarot-hand-info .card-count.over-limit i { color: #ea6666; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-header .tarot-hand-info .hand-warning { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: rgba(234, 179, 8, 0.2); border-radius: 0.25rem; border: 1px solid rgba(234, 179, 8, 0.4); color: #eab308; font-weight: bold; animation: pulse 2s ease-in-out infinite; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-header .tarot-hand-info .hand-warning i { color: #eab308; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards { display: flex; flex-wrap: wrap; gap: 0.3rem; overflow-y: auto; padding: 0.2rem; justify-content: center; align-items: flex-start; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper { perspective: 1000px; cursor: grab; flex-shrink: 0; position: relative; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper:active { cursor: grabbing; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper.success-card .tarot-card .tarot-card-inner .tarot-card-front { border: 3px solid #ffd700; box-shadow: 0 0 15px rgba(255, 215, 0, 0.6), 0 4px 8px rgba(0, 0, 0, 0.3); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper.success-card .tarot-card-controls .success-indicator { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(255, 215, 0, 0.9); color: #8b6914; animation: pulse-gold 2s ease-in-out infinite; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper.success-card .tarot-card-controls .success-indicator i { font-size: 0.7rem; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper.selected .tarot-card { border: 2px solid #667eea; box-shadow: 0 0 20px rgba(102, 126, 234, 0.6); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper.selected .card-actions { display: flex !important; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card { position: relative; width: 110px; height: 190px; transition: transform 0.3s ease; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card:hover { transform: translateY(-10px) scale(1.05); z-index: 10; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner { position: relative; width: 100%; height: 100%; border-radius: 0.5rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); overflow: hidden; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front { width: 100%; height: 100%; background: linear-gradient(135deg, rgba(20, 20, 30, 0.95) 0%, rgba(40, 40, 50, 0.95) 100%); border: 2px solid var(--color-border-dark); border-radius: 0.5rem; display: flex; flex-direction: column; padding: 0.4rem; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-header { position: absolute; top: 0.25rem; right: 0.25rem; z-index: 2; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-header .tarot-card-controls { display: flex; gap: 0.25rem; opacity: 0; transition: opacity 0.2s ease; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-header .tarot-card-controls .card-control { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(0, 0, 0, 0.7); color: white; transition: all 0.2s ease; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-header .tarot-card-controls .card-control.delete-control:hover { background: rgba(234, 102, 102, 0.9); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-header .tarot-card-controls .card-control.view-control:hover { background: rgba(102, 126, 234, 0.9); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-header .tarot-card-controls .card-control i { font-size: 0.7rem; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front:hover .tarot-card-header .tarot-card-controls { opacity: 1; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-image { width: 100%; height: 125px; border-radius: 0.25rem 0.25rem 0 0; overflow: hidden; background: rgba(0, 0, 0, 0.3); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-image img { width: 100%; height: 100%; object-fit: cover; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-name { padding: 0.5rem; background: rgba(0, 0, 0, 0.3); border-bottom: 1px solid var(--color-border-dark); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-name h4 { margin: 0; font-size: 0.85rem; font-weight: bold; color: #667eea; text-align: center; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info { padding: 0.5rem; background: rgba(0, 0, 0, 0.2); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-compact { display: flex; flex-direction: column; gap: 0.4rem; font-size: 0.75rem; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-compact .card-symbole { display: flex; align-items: center; gap: 0.3rem; font-weight: bold; justify-content: center; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-compact .card-symbole i { font-size: 0.6rem; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-compact .card-symbole.symbole-coupe { color: #3498db; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-compact .card-symbole.symbole-epee { color: #d4a574; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-compact .card-symbole.symbole-denier { color: #f39c12; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-compact .card-symbole.symbole-baton { color: #2ecc71; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-compact .card-valeur { text-align: center; color: #ffffff; font-weight: bold; font-size: 1rem; background: rgba(0, 0, 0, 0.4); padding: 0.3rem 0.5rem; border-radius: 0.25rem; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-actions { display: none; margin-top: 0.5rem; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-actions .discard-and-draw-button { width: 100%; padding: 0.5rem; background: rgba(102, 126, 234, 0.3); border: 1px solid rgba(102, 126, 234, 0.6); border-radius: 0.25rem; color: #9ab4ff; font-size: 0.75rem; font-weight: bold; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; gap: 0.3rem; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-actions .discard-and-draw-button i { font-size: 0.7rem; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-actions .discard-and-draw-button:hover { background: rgba(102, 126, 234, 0.5); border-color: rgba(102, 126, 234, 0.8); color: #aac4ff; transform: translateY(-1px); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-actions .discard-and-draw-button:active { transform: translateY(0); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .discard-button { margin-top: 0.5rem; padding: 0.4rem 0.5rem; background: rgba(234, 102, 102, 0.3); border: 1px solid rgba(234, 102, 102, 0.6); border-radius: 0.25rem; color: #ea6666; font-size: 0.7rem; font-weight: bold; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; gap: 0.3rem; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .discard-button i { font-size: 0.65rem; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .discard-button:hover { background: rgba(234, 102, 102, 0.5); border-color: rgba(234, 102, 102, 0.8); color: #ff6666; transform: translateY(-1px); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .discard-button:active { transform: translateY(0); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-empty { flex: 1; display: flex; align-items: center; justify-content: center; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-empty .empty-state { text-align: center; color: var(--color-text-dark-secondary); max-width: 400px; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-empty .empty-state i { opacity: 0.2; margin-bottom: 1rem; } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-empty .empty-state h3 { margin: 0 0 0.5rem 0; font-size: 1.25rem; color: var(--color-text-dark-primary); } .fvtt-hamalron .character-content .tarot-hand-container .tarot-hand-empty .empty-state p { margin: 0; font-style: italic; opacity: 0.8; } .fvtt-hamalron .enemy-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; overflow: scroll; } .fvtt-hamalron .enemy-content input:disabled, .fvtt-hamalron .enemy-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-hamalron .enemy-content input, .fvtt-hamalron .enemy-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-hamalron .enemy-content input[name="name"] { height: 40px; margin-right: 10px; font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; margin-top: 4px; } .fvtt-hamalron .enemy-content fieldset { margin-bottom: 4px; border-radius: 4px; } .fvtt-hamalron .enemy-content .form-fields input, .fvtt-hamalron .enemy-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .enemy-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .enemy-content legend { font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.1); font-weight: bold; letter-spacing: 1px; } .fvtt-hamalron .enemy-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .sheet-tabs { background-color: var(--color-light-1); } .fvtt-hamalron .enemy-main { /*background-color: var(--color-light-1);*/ display: flex; } .fvtt-hamalron .enemy-main .enemy-pc { display: flex; gap: 4px; flex: 1; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-left { min-width: 180px; display: flex; flex-direction: column; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-left .enemy-left-image { display: flex; justify-content: center; align-items: center; padding-bottom: 8px; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-left .enemy-left-image .enemy-img { height: 140px; width: auto; border: none; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-left .enemy-hp { gap: 2px; align-items: center; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-left .enemy-hp input { flex: none; width: 2.5rem; margin-left: 2px; margin-right: 4px; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-left .enemy-hp .hp-separator { font-size: calc(var(--font-size-standard) * 1.2); display: flex; align-items: center; justify-content: center; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-left .enemy-dv .form-fields, .fvtt-hamalron .enemy-main .enemy-pc .enemy-left .enemy-dmax .form-fields { flex: none; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-right { display: flex; flex-direction: column; gap: 5px; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-right .enemy-definition .form-group { display: flex; align-items: center; margin-bottom: 4px; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-right .enemy-definition .splitted { display: flex; flex-direction: row; gap: 4px; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-right .enemy-definition label { max-width: 5rem; min-width: 5rem; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-right .enemy-definition input { text-align: left; min-width: 18rem; max-width: 18rem; margin-bottom: auto; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-right .enemy-definition .trait { min-width: 7rem; max-width: 7rem; margin-right: 1rem; margin-bottom: auto; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-right .enemy-name { display: flex; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-right .enemy-name input { font-family: var(--font-title); font-size: var(--font-size-title); width: 400px; } .fvtt-hamalron .enemy-main .enemy-pc .enemy-right label { min-width: 120px; } .fvtt-hamalron .enemy-main .enemy-pc-play { min-width: 500px; } .fvtt-hamalron .enemy-main .enemy-pc-edit { min-width: 500px; } .fvtt-hamalron .enemy-main .enemy-stats { /*background-color: var(--color-light-1);*/ display: flex; flex-direction: column; gap: 5px; flex: 1; } .fvtt-hamalron .enemy-main .enemy-stats .enemy-stat { display: flex; align-items: center; } .fvtt-hamalron .enemy-main .enemy-stats .enemy-stat .icon-stat { width: 24px; height: 24px; margin-right: 4px; } .fvtt-hamalron .enemy-main .enemy-stats .enemy-stat .rollable:hover, .fvtt-hamalron .enemy-main .enemy-stats .enemy-stat .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-hamalron .enemy-main .enemy-stats .enemy-stat .rollable { min-width: 3.5rem; max-width: 3.5rem; } .fvtt-hamalron .enemy-main .enemy-stats .enemy-stat input { min-width: 2.5rem; max-width: 2.5rem; } .fvtt-hamalron .enemy-main .enemy-stats-play { min-width: 120px; } .fvtt-hamalron .enemy-main .enemy-stats-edit { min-width: 120px; } .fvtt-hamalron .tab.enemy-traits .main-div { /*background-color: var(--color-light-1);*/ display: grid; grid-template-columns: 1fr; } .fvtt-hamalron .tab.enemy-traits .main-div legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 5px; } .fvtt-hamalron .tab.enemy-traits .main-div .enemy-column { display: flex; flex-direction: row; gap: 4px; } .fvtt-hamalron .tab.enemy-traits .main-div .enemy-column fieldset { width: 100%; } .fvtt-hamalron .tab.enemy-traits .main-div .mortality { display: flex; align-items: center; gap: 4px; margin-left: 4px; min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .tab.enemy-traits .main-div .mortality label { min-width: 5rem; max-width: 5rem; } .fvtt-hamalron .tab.enemy-traits .main-div .counters { display: flex; direction: column; align-items: center; gap: 4px; margin-left: 4px; } .fvtt-hamalron .tab.enemy-traits .main-div .counters .characteristics-label { color: grey; font-size: small; } .fvtt-hamalron .tab.enemy-traits .main-div .counters .characteristics-label label { min-width: 3.5rem; max-width: 3.5rem; } .fvtt-hamalron .tab.enemy-traits .main-div .counters .characteristics-label span { min-width: 3rem; max-width: 3rem; } .fvtt-hamalron .tab.enemy-traits .main-div .counters label { min-width: 4rem; max-width: 4rem; } .fvtt-hamalron .tab.enemy-traits .main-div .counters .spaced-left { margin-left: 0.8rem; } .fvtt-hamalron .tab.enemy-traits .main-div .counters input { min-width: 2.5rem; max-width: 2.5rem; } .fvtt-hamalron .tab.enemy-traits .main-div .traits { display: grid; grid-template-columns: repeat(1, 1fr); gap: 4px; } .fvtt-hamalron .tab.enemy-traits .main-div .traits .trait { display: flex; align-items: center; gap: 4px; margin-left: 4px; min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .tab.enemy-traits .main-div .traits .trait .rollable:hover, .fvtt-hamalron .tab.enemy-traits .main-div .traits .trait .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-hamalron .tab.enemy-traits .main-div .traits .trait .controls { font-size: 0.7rem; min-width: 1.8rem; max-width: 1.8rem; } .fvtt-hamalron .tab.enemy-traits .main-div .traits .trait .name { min-width: 18rem; max-width: 18rem; } .fvtt-hamalron .tab.enemy-traits .main-div .traits .trait .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.enemy-traits .main-div .equipments { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .fvtt-hamalron .tab.enemy-traits .main-div .equipments .equipment { display: flex; align-items: center; gap: 4px; min-width: 13rem; max-width: 13rem; } .fvtt-hamalron .tab.enemy-traits .main-div .equipments .equipment .rollable:hover, .fvtt-hamalron .tab.enemy-traits .main-div .equipments .equipment .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-hamalron .tab.enemy-traits .main-div .equipments .equipment .controls { font-size: 0.7rem; min-width: 1.8rem; max-width: 1.8rem; } .fvtt-hamalron .tab.enemy-traits .main-div .equipments .equipment .name { min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .tab.enemy-traits .main-div .equipments .equipment .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.enemy-traits .main-div .ailments { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; } .fvtt-hamalron .tab.enemy-traits .main-div .ailments .ailment { display: flex; align-items: center; gap: 4px; margin-left: 4px; min-width: 8rem; max-width: 8rem; } .fvtt-hamalron .tab.enemy-traits .main-div .ailments .ailment label { min-width: 5rem; max-width: 5rem; } .fvtt-hamalron .tab.enemy-traits .main-div .ailments .ailment .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.enemy-traits .main-div .maleficas { display: grid; grid-template-columns: repeat(1, 1fr); gap: 4px; } .fvtt-hamalron .tab.enemy-traits .main-div .maleficas .malefica { display: flex; align-items: center; gap: 4px; margin-left: 4px; min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .tab.enemy-traits .main-div .maleficas .malefica .rollable:hover, .fvtt-hamalron .tab.enemy-traits .main-div .maleficas .malefica .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-hamalron .tab.enemy-traits .main-div .maleficas .malefica .controls { font-size: 0.7rem; min-width: 1.8rem; max-width: 1.8rem; } .fvtt-hamalron .tab.enemy-traits .main-div .maleficas .malefica .domain { min-width: 4rem; max-width: 4rem; } .fvtt-hamalron .tab.enemy-traits .main-div .maleficas .malefica .damage { min-width: 3.2rem; max-width: 3.2rem; } .fvtt-hamalron .tab.enemy-traits .main-div .maleficas .malefica .level { min-width: 2rem; max-width: 2rem; } .fvtt-hamalron .tab.enemy-traits .main-div .maleficas .malefica .name { min-width: 10rem; max-width: 10em; } .fvtt-hamalron .tab.enemy-traits .main-div .maleficas .malefica .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.enemy-traits .main-div .weapons { display: grid; grid-template-columns: repeat(1, 1fr); gap: 4px; } .fvtt-hamalron .tab.enemy-traits .main-div .weapons .weapon { display: flex; align-items: center; gap: 4px; min-width: 13rem; max-width: 13rem; } .fvtt-hamalron .tab.enemy-traits .main-div .weapons .weapon .rollable:hover, .fvtt-hamalron .tab.enemy-traits .main-div .weapons .weapon .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-hamalron .tab.enemy-traits .main-div .weapons .weapon .controls { font-size: 0.7rem; min-width: 1.8rem; max-width: 1.8rem; } .fvtt-hamalron .tab.enemy-traits .main-div .weapons .weapon .properties { min-width: 18rem; max-width: 18rem; } .fvtt-hamalron .tab.enemy-traits .main-div .weapons .weapon .range { min-width: 4rem; max-width: 4rem; } .fvtt-hamalron .tab.enemy-traits .main-div .weapons .weapon .ammo { min-width: 3rem; max-width: 3rem; } .fvtt-hamalron .tab.enemy-traits .main-div .weapons .weapon .type { min-width: 3rem; max-width: 3rem; } .fvtt-hamalron .tab.enemy-traits .main-div .weapons .weapon .damage { min-width: 4rem; max-width: 4rem; } .fvtt-hamalron .tab.enemy-traits .main-div .weapons .weapon .name { min-width: 10rem; max-width: 10rem; } .fvtt-hamalron .tab.enemy-traits .main-div .weapons .weapon .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.enemy-biography .main-div { /*background-color: var(--color-light-1);*/ display: grid; grid-template-columns: 1fr; } .fvtt-hamalron .tab.enemy-biography .main-div legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 5px; } .fvtt-hamalron .tab.enemy-biography .main-div .splitted-text { display: flex; flex-direction: row; gap: 4px; } .fvtt-hamalron .tab.enemy-biography .main-div .splitted-text fieldset { width: 100%; } .fvtt-hamalron .tab.enemy-biography .main-div .deals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .fvtt-hamalron .tab.enemy-biography .main-div .deals .deal { display: flex; align-items: center; gap: 4px; margin-left: 4px; min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .tab.enemy-biography .main-div .deals .deal .rollable:hover, .fvtt-hamalron .tab.enemy-biography .main-div .deals .deal .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-hamalron .tab.enemy-biography .main-div .deals .deal .controls { font-size: 0.7rem; min-width: 1.8rem; max-width: 1.8rem; } .fvtt-hamalron .tab.enemy-biography .main-div .deals .deal .name { min-width: 10rem; max-width: 10rem; } .fvtt-hamalron .tab.enemy-biography .main-div .deals .deal .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.enemy-biography .main-div .biodata { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .fvtt-hamalron .tab.enemy-biography .main-div .biodata .experience { display: flex; flex-direction: row; align-items: center; gap: 4px; margin-left: 4px; } .fvtt-hamalron .tab.enemy-biography .main-div .biodata .form-group { display: flex; flex-direction: row; align-items: center; gap: 4px; margin-left: 4px; min-width: 14rem; max-width: 14rem; } .fvtt-hamalron .tab.enemy-biography .main-div .biodata .form-group label { min-width: 6rem; max-width: 6rem; } .fvtt-hamalron .tab.enemy-biography .main-div .biodata input { text-align: left; min-width: 8rem; max-width: 8rem; } .fvtt-hamalron .tab.enemy-biography .main-div prose-mirror.inactive { min-height: 40px; } .fvtt-hamalron .tab.enemy-biography .main-div prose-mirror.active { min-height: 150px; } .fvtt-hamalron .weapon-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } .fvtt-hamalron .weapon-content input:disabled, .fvtt-hamalron .weapon-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-hamalron .weapon-content input, .fvtt-hamalron .weapon-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-hamalron .weapon-content input[name="name"] { height: 40px; margin-right: 10px; font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; margin-top: 4px; } .fvtt-hamalron .weapon-content fieldset { margin-bottom: 4px; border-radius: 4px; } .fvtt-hamalron .weapon-content .form-fields input, .fvtt-hamalron .weapon-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .weapon-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .weapon-content legend { font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.1); font-weight: bold; letter-spacing: 1px; } .fvtt-hamalron .weapon-content .form-fields { padding-top: 4px; } .fvtt-hamalron .weapon-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-hamalron .weapon-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; } .fvtt-hamalron .weapon-content .shift-right { margin-left: 2rem; } .fvtt-hamalron .weapon-content .header { display: flex; } .fvtt-hamalron .weapon-content .header img { width: 50px; height: 50px; } .fvtt-hamalron .weapon-content fieldset { margin-top: 8px; } .fvtt-hamalron .weapon-content fieldset .form-group { display: flex; align-items: center; } .fvtt-hamalron .weapon-content fieldset .form-group.long-input input { min-width: 24rem; max-width: 24rem; text-align: left; } .fvtt-hamalron .weapon-content fieldset .form-group input { min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .weapon-content fieldset .form-group select { min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .weapon-content label { flex: 10%; } .fvtt-hamalron .armor-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } .fvtt-hamalron .armor-content input:disabled, .fvtt-hamalron .armor-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-hamalron .armor-content input, .fvtt-hamalron .armor-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-hamalron .armor-content input[name="name"] { height: 40px; margin-right: 10px; font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; margin-top: 4px; } .fvtt-hamalron .armor-content fieldset { margin-bottom: 4px; border-radius: 4px; } .fvtt-hamalron .armor-content .form-fields input, .fvtt-hamalron .armor-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .armor-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .armor-content legend { font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.1); font-weight: bold; letter-spacing: 1px; } .fvtt-hamalron .armor-content .form-fields { padding-top: 4px; } .fvtt-hamalron .armor-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-hamalron .armor-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; } .fvtt-hamalron .armor-content .shift-right { margin-left: 2rem; } .fvtt-hamalron .armor-content .header { background-color: var(--color-light-1); display: flex; } .fvtt-hamalron .armor-content .header img { width: 50px; height: 50px; } .fvtt-hamalron .armor-content fieldset { margin-top: 8px; } .fvtt-hamalron .armor-content fieldset .form-group { display: flex; align-items: center; } .fvtt-hamalron .armor-content fieldset .form-group input { min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .armor-content fieldset .form-group select { min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .armor-content label { flex: 10%; } .fvtt-hamalron .perk-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } .fvtt-hamalron .perk-content input:disabled, .fvtt-hamalron .perk-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-hamalron .perk-content input, .fvtt-hamalron .perk-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-hamalron .perk-content input[name="name"] { height: 40px; margin-right: 10px; font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; margin-top: 4px; } .fvtt-hamalron .perk-content fieldset { margin-bottom: 4px; border-radius: 4px; } .fvtt-hamalron .perk-content .form-fields input, .fvtt-hamalron .perk-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .perk-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .perk-content legend { font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.1); font-weight: bold; letter-spacing: 1px; } .fvtt-hamalron .perk-content .form-fields { padding-top: 4px; } .fvtt-hamalron .perk-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-hamalron .perk-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; } .fvtt-hamalron .perk-content .shift-right { margin-left: 2rem; } .fvtt-hamalron .perk-content fieldset { margin-top: 8px; } .fvtt-hamalron .perk-content fieldset .form-group { display: flex; align-items: center; } .fvtt-hamalron .perk-content fieldset .form-group.long-input input { min-width: 24rem; max-width: 24rem; text-align: left; } .fvtt-hamalron .perk-content fieldset .form-group input { min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .perk-content fieldset .form-group select { min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .perk-content .header { display: flex; } .fvtt-hamalron .perk-content .header img { width: 50px; height: 50px; } .fvtt-hamalron .perk-content label { flex: 10%; } .fvtt-hamalron .equipment-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } .fvtt-hamalron .equipment-content input:disabled, .fvtt-hamalron .equipment-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-hamalron .equipment-content input, .fvtt-hamalron .equipment-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-hamalron .equipment-content input[name="name"] { height: 40px; margin-right: 10px; font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; margin-top: 4px; } .fvtt-hamalron .equipment-content fieldset { margin-bottom: 4px; border-radius: 4px; } .fvtt-hamalron .equipment-content .form-fields input, .fvtt-hamalron .equipment-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .equipment-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .equipment-content legend { font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.1); font-weight: bold; letter-spacing: 1px; } .fvtt-hamalron .equipment-content .form-fields { padding-top: 4px; } .fvtt-hamalron .equipment-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-hamalron .equipment-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; } .fvtt-hamalron .equipment-content .shift-right { margin-left: 2rem; } .fvtt-hamalron .equipment-content fieldset { margin-top: 8px; } .fvtt-hamalron .equipment-content fieldset .form-group { display: flex; align-items: center; } .fvtt-hamalron .equipment-content fieldset .form-group input { min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .equipment-content fieldset .form-group select { min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .equipment-content .header { display: flex; } .fvtt-hamalron .equipment-content .header img { width: 50px; height: 50px; } .fvtt-hamalron .equipment-content label { flex: 10%; } .fvtt-hamalron .faction-sheet-common .form-fields { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 0.5rem; } .fvtt-hamalron .langue-sheet-common .form-fields { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 0.5rem; } .fvtt-hamalron .peuple-sheet-common .form-fields { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 0.5rem; } .fvtt-hamalron .region-sheet-common .form-fields { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 0.5rem; } .fvtt-hamalron .ritual-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } .fvtt-hamalron .ritual-content input:disabled, .fvtt-hamalron .ritual-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-hamalron .ritual-content input, .fvtt-hamalron .ritual-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-hamalron .ritual-content input[name="name"] { height: 40px; margin-right: 10px; font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; margin-top: 4px; } .fvtt-hamalron .ritual-content fieldset { margin-bottom: 4px; border-radius: 4px; } .fvtt-hamalron .ritual-content .form-fields input, .fvtt-hamalron .ritual-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .ritual-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .ritual-content legend { font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.1); font-weight: bold; letter-spacing: 1px; } .fvtt-hamalron .ritual-content .form-fields { padding-top: 4px; } .fvtt-hamalron .ritual-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-hamalron .ritual-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; } .fvtt-hamalron .ritual-content .shift-right { margin-left: 2rem; } .fvtt-hamalron .ritual-content fieldset { margin-top: 8px; } .fvtt-hamalron .ritual-content fieldset .form-group { display: flex; align-items: center; } .fvtt-hamalron .ritual-content fieldset .form-group.long-input input { min-width: 24rem; max-width: 24rem; text-align: left; } .fvtt-hamalron .ritual-content fieldset .form-group input { min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .ritual-content fieldset .form-group select { min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .ritual-content .header { display: flex; } .fvtt-hamalron .ritual-content .header img { width: 50px; height: 50px; } .fvtt-hamalron .ritual-content label { flex: 10%; } .fvtt-hamalron .tarot-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } .fvtt-hamalron .tarot-content input:disabled, .fvtt-hamalron .tarot-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-hamalron .tarot-content input, .fvtt-hamalron .tarot-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-hamalron .tarot-content input[name="name"] { height: 40px; margin-right: 10px; font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; margin-top: 4px; } .fvtt-hamalron .tarot-content fieldset { margin-bottom: 4px; border-radius: 4px; } .fvtt-hamalron .tarot-content .form-fields input, .fvtt-hamalron .tarot-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .tarot-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-hamalron .tarot-content legend { font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.1); font-weight: bold; letter-spacing: 1px; } .fvtt-hamalron .tarot-content .form-fields { padding-top: 4px; } .fvtt-hamalron .tarot-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-hamalron .tarot-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; } .fvtt-hamalron .tarot-content .shift-right { margin-left: 2rem; } .fvtt-hamalron .tarot-content fieldset { margin-top: 8px; } .fvtt-hamalron .tarot-content fieldset legend { margin-top: 1rem; } .fvtt-hamalron .tarot-content fieldset .form-group { display: flex; align-items: center; } .fvtt-hamalron .tarot-content fieldset .form-group.long-input input { min-width: 24rem; max-width: 24rem; text-align: left; } .fvtt-hamalron .tarot-content fieldset .form-group input { min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .tarot-content fieldset .form-group select { min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .tarot-content fieldset .flexrow, .fvtt-hamalron .tarot-content fieldset .scrollable-content { align-items: flex-start; } .fvtt-hamalron .tarot-content fieldset .tarot-pic { margin-left: 1rem; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .fvtt-hamalron .tarot-content .header { display: flex; } .fvtt-hamalron .tarot-content .header img { width: 60px; height: 90px; object-fit: cover; aspect-ratio: 2/3; } .fvtt-hamalron .tarot-content label { flex: 10%; } .fvtt-hamalron.ask-roll { display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.1); } .fvtt-hamalron.competence-roll { background: #e8e8e8; border: 2px solid #999; border-radius: 0.5rem; overflow: hidden; } .fvtt-hamalron.competence-roll .competence-roll-header { background: rgba(255, 255, 255, 0.5); padding: 0.5rem; border-bottom: 2px solid #999; } .fvtt-hamalron.competence-roll .competence-roll-header .actor-info-compact { display: flex; align-items: center; gap: 0.5rem; } .fvtt-hamalron.competence-roll .competence-roll-header .actor-info-compact .actor-avatar { width: 40px; height: 40px; border-radius: 50%; border: 2px solid #667eea; object-fit: cover; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .fvtt-hamalron.competence-roll .competence-roll-header .actor-info-compact .actor-details { flex: 1; } .fvtt-hamalron.competence-roll .competence-roll-header .actor-info-compact .actor-details .competence-name { margin: 0 0 0.25rem 0; font-size: 1rem; color: #667eea; font-weight: bold; } .fvtt-hamalron.competence-roll .competence-roll-header .actor-info-compact .actor-details .competence-meta { display: flex; gap: 0.75rem; font-size: 0.75rem; color: var(--color-text-dark-secondary); } .fvtt-hamalron.competence-roll .competence-roll-header .actor-info-compact .actor-details .competence-meta .meta-item { display: flex; align-items: center; gap: 0.35rem; } .fvtt-hamalron.competence-roll .competence-roll-header .actor-info-compact .actor-details .competence-meta .meta-item i { color: #667eea; font-size: 0.75rem; } .fvtt-hamalron.competence-roll .competence-roll-body { padding: 0.5rem; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section { background: rgba(102, 126, 234, 0.1); border: 1px solid rgba(102, 126, 234, 0.4); border-radius: 0.35rem; padding: 0.4rem; margin-bottom: 0.5rem; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-label { display: flex; align-items: center; gap: 0.3rem; font-size: 0.75rem; font-weight: bold; color: #4a5fc1; margin-bottom: 0.35rem; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-label i { font-size: 0.75rem; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content { display: flex; align-items: center; gap: 0.4rem; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-thumbnail { width: 40px; height: 40px; border-radius: 0.25rem; border: 1px solid rgba(102, 126, 234, 0.5); object-fit: cover; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info { display: flex; flex-direction: column; gap: 0.25rem; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .card-name { font-weight: bold; color: var(--color-text-dark-primary); } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .card-match { display: flex; align-items: center; gap: 0.3rem; font-size: 0.75rem; font-style: italic; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .card-match.match-success { color: #2ecc71; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .card-match.match-success i { color: #2ecc71; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .card-match.match-partial { color: #f39c12; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .card-match.match-partial i { color: #f39c12; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .card-match.match-atout { color: #9b59b6; font-weight: bold; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .card-match.match-atout i { color: #9b59b6; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .card-match i { font-size: 0.7rem; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .valet-special-rule, .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .cavalier-special-rule, .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .reine-special-rule, .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .roi-special-rule { display: flex; align-items: center; gap: 0.3rem; font-size: 0.75rem; font-weight: bold; padding: 0.3rem 0.4rem; border-radius: 0.25rem; background: rgba(255, 193, 7, 0.15); border-left: 3px solid #ffc107; color: #856404; margin-top: 0.2rem; } .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .valet-special-rule i, .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .cavalier-special-rule i, .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .reine-special-rule i, .fvtt-hamalron.competence-roll .competence-roll-body .card-used-section .card-used-content .card-info .roi-special-rule i { font-size: 0.8rem; color: #ffc107; } .fvtt-hamalron.competence-roll .competence-roll-body .calculation-section { background: rgba(0, 0, 0, 0.05); border-radius: 0.35rem; padding: 0.4rem; margin-bottom: 0.5rem; } .fvtt-hamalron.competence-roll .competence-roll-body .calculation-section .calculation-row { display: flex; justify-content: space-between; align-items: center; padding: 0.2rem 0; font-size: 0.8rem; } .fvtt-hamalron.competence-roll .competence-roll-body .calculation-section .calculation-row .calc-label { color: var(--color-text-dark-secondary); } .fvtt-hamalron.competence-roll .competence-roll-body .calculation-section .calculation-row .calc-value { font-weight: bold; font-size: 0.9rem; color: var(--color-text-dark-primary); } .fvtt-hamalron.competence-roll .competence-roll-body .calculation-section .calculation-row .calc-value.calc-bonus { color: #2ecc71; } .fvtt-hamalron.competence-roll .competence-roll-body .calculation-section .calculation-row .calc-value.calc-total { font-size: 1.1rem; color: #667eea; } .fvtt-hamalron.competence-roll .competence-roll-body .calculation-section .calculation-row.total-row { padding-top: 0.3rem; } .fvtt-hamalron.competence-roll .competence-roll-body .calculation-section .calculation-divider { height: 1px; background: var(--color-border-dark); margin: 0.4rem 0; } .fvtt-hamalron.competence-roll .competence-roll-body .difficulty-section .difficulty-info { display: flex; align-items: center; gap: 0.4rem; padding: 0.4rem; background: rgba(0, 0, 0, 0.05); border-radius: 0.35rem; font-size: 0.8rem; } .fvtt-hamalron.competence-roll .competence-roll-body .difficulty-section .difficulty-info i { color: #f39c12; } .fvtt-hamalron.competence-roll .competence-roll-body .difficulty-section .difficulty-info .difficulty-label { color: var(--color-text-dark-primary); font-weight: 500; } .fvtt-hamalron.competence-roll .competence-roll-body .difficulty-section .difficulty-info .difficulty-target { margin-left: auto; color: var(--color-text-dark-secondary); } .fvtt-hamalron.competence-roll .competence-roll-body .difficulty-section .difficulty-info .difficulty-target strong { color: var(--color-text-dark-primary); font-size: 1rem; } .fvtt-hamalron.competence-roll .competence-roll-footer { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.5rem; font-size: 1.1rem; font-weight: bold; border-top: 2px solid #999; } .fvtt-hamalron.competence-roll .competence-roll-footer .automatic-success-banner { display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; padding: 0.5rem; background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%); color: #8b6914; font-size: 0.95rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; border-radius: 0.25rem; box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4); animation: pulse-banner 2s ease-in-out infinite; } .fvtt-hamalron.competence-roll .competence-roll-footer .automatic-success-banner i { color: #8b6914; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); } .fvtt-hamalron.competence-roll .competence-roll-footer.result-success { background: rgba(46, 204, 113, 0.2); color: #2ecc71; } .fvtt-hamalron.competence-roll .competence-roll-footer.result-success .result-icon i { color: #2ecc71; } .fvtt-hamalron.competence-roll .competence-roll-footer.result-failure { background: rgba(234, 102, 102, 0.2); color: #ea6666; } .fvtt-hamalron.competence-roll .competence-roll-footer.result-failure .result-icon i { color: #ea6666; } .fvtt-hamalron.competence-roll .competence-roll-footer.gm-only-buttons { background: rgba(102, 126, 234, 0.1); padding: 0.75rem; } .fvtt-hamalron.competence-roll .competence-roll-footer.gm-only-buttons .special-rules-section { background: rgba(255, 193, 7, 0.15); border: 2px solid #ffc107; border-radius: 0.35rem; padding: 0.5rem; margin-bottom: 0.75rem; } .fvtt-hamalron.competence-roll .competence-roll-footer.gm-only-buttons .special-rules-section .special-rule-item { display: flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0; font-weight: bold; color: #856404; } .fvtt-hamalron.competence-roll .competence-roll-footer.gm-only-buttons .special-rules-section .special-rule-item:not(:last-child) { border-bottom: 1px solid rgba(255, 193, 7, 0.3); margin-bottom: 0.3rem; padding-bottom: 0.4rem; } .fvtt-hamalron.competence-roll .competence-roll-footer.gm-only-buttons .special-rules-section .special-rule-item i { font-size: 0.9rem; color: #ffc107; } .fvtt-hamalron.competence-roll .competence-roll-footer.gm-only-buttons .special-rules-section .special-rule-item strong { color: #6c5400; } .fvtt-hamalron.competence-roll .competence-roll-footer.gm-only-buttons .gm-buttons { display: flex; gap: 0.75rem; width: 100%; } .fvtt-hamalron.competence-roll .competence-roll-footer.gm-only-buttons .gm-buttons button { flex: 1; padding: 0.5rem 1rem; border: 2px solid #667eea; border-radius: 0.35rem; background: white; color: #667eea; font-weight: bold; font-size: 0.9rem; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; justify-content: center; gap: 0.5rem; } .fvtt-hamalron.competence-roll .competence-roll-footer.gm-only-buttons .gm-buttons button i { font-size: 0.85rem; } .fvtt-hamalron.competence-roll .competence-roll-footer.gm-only-buttons .gm-buttons button:hover { background: #667eea; color: white; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .fvtt-hamalron.competence-roll .competence-roll-footer.gm-only-buttons .gm-buttons button.sous-tension-btn { border-color: #f39c12; color: #f39c12; } .fvtt-hamalron.competence-roll .competence-roll-footer.gm-only-buttons .gm-buttons button.sous-tension-btn:hover { background: #f39c12; color: white; } .fvtt-hamalron.competence-roll .competence-roll-footer.gm-only-buttons .gm-buttons button.oppose-btn { border-color: #e74c3c; color: #e74c3c; } .fvtt-hamalron.competence-roll .competence-roll-footer.gm-only-buttons .gm-buttons button.oppose-btn:hover { background: #e74c3c; color: white; } .fvtt-hamalron.competence-roll .competence-roll-footer .result-icon { font-size: 1.2rem; } .fvtt-hamalron.competence-roll .competence-roll-footer .result-text { text-transform: uppercase; letter-spacing: 0.05em; } .fvtt-hamalron.hamalron-tarot-draw { padding: 0.5rem; } .fvtt-hamalron.hamalron-tarot-draw .tarot-draw-header { margin-bottom: 1rem; } .fvtt-hamalron.hamalron-tarot-draw .tarot-draw-header .tarot-draw-title { display: flex; align-items: center; gap: 0.5rem; margin: 0; padding-bottom: 0.5rem; border-bottom: 2px solid var(--color-border-dark); font-size: 1.25rem; color: var(--color-text-dark-primary); } .fvtt-hamalron.hamalron-tarot-draw .tarot-draw-header .tarot-draw-title i { color: #667eea; } .fvtt-hamalron.hamalron-tarot-draw .tarot-draw-content { display: flex; gap: 1rem; } .fvtt-hamalron.hamalron-tarot-draw .tarot-draw-content .tarot-card-image { flex-shrink: 0; } .fvtt-hamalron.hamalron-tarot-draw .tarot-draw-content .tarot-card-image img { width: 150px; height: 150px; object-fit: cover; border-radius: 0.25rem; border: 2px solid var(--color-border-dark); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .fvtt-hamalron.hamalron-tarot-draw .tarot-draw-content .tarot-card-details { flex: 1; display: flex; flex-direction: column; gap: 0.5rem; } .fvtt-hamalron.hamalron-tarot-draw .tarot-draw-content .tarot-card-details .tarot-detail-row { display: flex; gap: 0.5rem; } .fvtt-hamalron.hamalron-tarot-draw .tarot-draw-content .tarot-card-details .tarot-detail-row .detail-label { font-weight: bold; color: var(--color-text-dark-secondary); } .fvtt-hamalron.hamalron-tarot-draw .tarot-draw-content .tarot-card-details .tarot-detail-row .detail-value { color: var(--color-text-dark-primary); } .fvtt-hamalron.hamalron-tarot-draw .tarot-draw-content .tarot-card-details .tarot-description { margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid var(--color-border-dark); } .fvtt-hamalron.hamalron-tarot-draw .tarot-draw-content .tarot-card-details .tarot-description .description-label { font-weight: bold; color: var(--color-text-dark-secondary); margin-bottom: 0.25rem; } .fvtt-hamalron.hamalron-tarot-draw .tarot-draw-content .tarot-card-details .tarot-description .description-content { color: var(--color-text-dark-primary); font-style: italic; } .fvtt-hamalron.tarot-draw-chat { background: #e8e8e8; border: 2px solid #999; border-radius: 0.5rem; overflow: hidden; } .fvtt-hamalron.tarot-draw-chat .tarot-draw-header { background: rgba(255, 255, 255, 0.5); padding: 0.5rem; border-bottom: 2px solid #999; } .fvtt-hamalron.tarot-draw-chat .tarot-draw-header .draw-info-compact { display: flex; align-items: center; gap: 0.5rem; } .fvtt-hamalron.tarot-draw-chat .tarot-draw-header .draw-info-compact .card-thumbnail { width: 60px; height: 60px; border-radius: 0.25rem; object-fit: cover; border: 2px solid #999; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .fvtt-hamalron.tarot-draw-chat .tarot-draw-header .draw-info-compact .card-details { flex: 1; } .fvtt-hamalron.tarot-draw-chat .tarot-draw-header .draw-info-compact .card-details .card-name { margin: 0 0 0.25rem 0; font-size: 1rem; font-weight: bold; color: #333; } .fvtt-hamalron.tarot-draw-chat .tarot-draw-header .draw-info-compact .card-details .card-meta { display: flex; gap: 0.75rem; flex-wrap: wrap; font-size: 0.75rem; } .fvtt-hamalron.tarot-draw-chat .tarot-draw-header .draw-info-compact .card-details .card-meta .meta-item { display: flex; align-items: center; gap: 0.25rem; color: #666; } .fvtt-hamalron.tarot-draw-chat .tarot-draw-header .draw-info-compact .card-details .card-meta .meta-item i { color: #999; } .fvtt-hamalron.tarot-draw-chat .tarot-draw-body { padding: 0.5rem; } .fvtt-hamalron.tarot-draw-chat .tarot-draw-body .description-section .description-label { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; font-weight: bold; color: #666; margin-bottom: 0.4rem; } .fvtt-hamalron.tarot-draw-chat .tarot-draw-body .description-section .description-label i { color: #999; } .fvtt-hamalron.tarot-draw-chat .tarot-draw-body .description-section .description-content { font-size: 0.85rem; color: #555; font-style: italic; line-height: 1.4; padding: 0.4rem; background: rgba(255, 255, 255, 0.3); border-radius: 0.25rem; border-left: 3px solid #999; } .fvtt-hamalron.tarot-tension-chat { background: #e8e8e8; border: 2px solid #999; border-radius: 0.5rem; overflow: hidden; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-header { background: rgba(255, 165, 0, 0.2); padding: 0.5rem; border-bottom: 2px solid #f39c12; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-header .tension-info-compact { display: flex; align-items: center; gap: 0.5rem; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-header .tension-info-compact .card-thumbnail { width: 60px; height: 60px; border-radius: 0.25rem; object-fit: cover; border: 2px solid #f39c12; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .fvtt-hamalron.tarot-tension-chat .tarot-tension-header .tension-info-compact .card-details { flex: 1; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-header .tension-info-compact .card-details .card-name { margin: 0 0 0.25rem 0; font-size: 1rem; font-weight: bold; color: #333; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-header .tension-info-compact .card-details .card-meta { display: flex; gap: 0.75rem; flex-wrap: wrap; font-size: 0.75rem; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-header .tension-info-compact .card-details .card-meta .meta-item { display: flex; align-items: center; gap: 0.25rem; color: #666; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-header .tension-info-compact .card-details .card-meta .meta-item i { color: #f39c12; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-body { padding: 0.5rem; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-body .difficulty-section { margin-bottom: 0.75rem; padding: 0.5rem; background: rgba(243, 156, 18, 0.1); border-left: 3px solid #f39c12; border-radius: 0.25rem; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-body .difficulty-section .difficulty-label { display: flex; align-items: center; gap: 0.4rem; font-size: 0.75rem; font-weight: bold; color: #666; margin-bottom: 0.25rem; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-body .difficulty-section .difficulty-label i { color: #f39c12; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-body .difficulty-section .difficulty-value { font-size: 0.9rem; font-weight: bold; color: #333; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-body .calculation-section .calculation-row { display: flex; justify-content: space-between; align-items: center; padding: 0.3rem 0.5rem; margin-bottom: 0.25rem; background: rgba(255, 255, 255, 0.3); border-radius: 0.25rem; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-body .calculation-section .calculation-row .calc-label { font-size: 0.8rem; color: #666; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-body .calculation-section .calculation-row .calc-value { font-size: 0.85rem; font-weight: bold; color: #333; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-body .calculation-section .calculation-row .calc-value.positive { color: #27ae60; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-body .calculation-section .calculation-row .calc-value.negative { color: #e74c3c; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-body .calculation-section .calculation-total { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem; margin-top: 0.5rem; background: rgba(243, 156, 18, 0.15); border: 2px solid #f39c12; border-radius: 0.25rem; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-body .calculation-section .calculation-total .total-label { font-size: 0.85rem; font-weight: bold; color: #666; text-transform: uppercase; letter-spacing: 0.05em; } .fvtt-hamalron.tarot-tension-chat .tarot-tension-body .calculation-section .calculation-total .total-value { font-size: 1.25rem; font-weight: bold; color: #f39c12; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .fvtt-hamalron.chat-tarot-summary { background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%); border: 2px solid #667eea; border-radius: 0.5rem; padding: 1rem; } .fvtt-hamalron.chat-tarot-summary .tarot-summary-title { text-align: center; color: #667eea; font-size: 1.2rem; margin: 0 0 1rem 0; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; } .fvtt-hamalron.chat-tarot-summary .tarot-summary-title i { margin-right: 0.5rem; } .fvtt-hamalron.chat-tarot-summary .tarot-cards-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; } .fvtt-hamalron.chat-tarot-summary .tarot-cards-grid .tarot-card-summary-item { display: flex; flex-direction: column; align-items: center; text-align: center; background: white; border: 1px solid #ddd; border-radius: 0.25rem; padding: 0.35rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); transition: transform 0.2s, box-shadow 0.2s; } .fvtt-hamalron.chat-tarot-summary .tarot-cards-grid .tarot-card-summary-item:hover { transform: translateY(-2px); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); } .fvtt-hamalron.chat-tarot-summary .tarot-cards-grid .tarot-card-summary-item img { width: 35px; height: auto; border-radius: 0.2rem; margin-bottom: 0.3rem; object-fit: contain; } .fvtt-hamalron.chat-tarot-summary .tarot-cards-grid .tarot-card-summary-item .card-name { font-size: 0.65rem; color: #333; font-weight: 600; line-height: 1.1; } @keyframes pulse-banner { 0%, 100% { box-shadow: 0 0 10px rgba(255, 215, 0, 0.5); } 50% { box-shadow: 0 0 20px rgba(255, 215, 0, 0.8); } } .initiative-roll { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border: 1px solid #e94560; border-radius: 8px; overflow: hidden; font-family: var(--font-secondary, sans-serif); } .initiative-roll .initiative-header { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; background: rgba(233, 69, 96, 0.15); border-bottom: 1px solid rgba(233, 69, 96, 0.3); } .initiative-roll .initiative-header .initiative-actor { display: flex; align-items: center; gap: 8px; } .initiative-roll .initiative-header .initiative-actor .initiative-avatar { width: 32px; height: 32px; border-radius: 50%; border: 2px solid #e94560; object-fit: cover; } .initiative-roll .initiative-header .initiative-actor .initiative-name { color: #e0e0e0; font-size: 14px; font-weight: 600; } .initiative-roll .initiative-header .initiative-badge { display: flex; align-items: center; gap: 6px; background: #e94560; color: #fff; font-size: 20px; font-weight: 700; padding: 4px 14px; border-radius: 20px; box-shadow: 0 0 10px rgba(233, 69, 96, 0.5); } .initiative-roll .initiative-card { display: flex; align-items: center; gap: 12px; padding: 12px; } .initiative-roll .initiative-card .initiative-card-img { width: 48px; height: 48px; object-fit: contain; border-radius: 4px; background: rgba(255, 255, 255, 0.05); padding: 4px; } .initiative-roll .initiative-card .initiative-card-info { display: flex; flex-direction: column; gap: 2px; } .initiative-roll .initiative-card .initiative-card-info .card-name { color: #f0e6d3; font-size: 13px; font-weight: 500; } .initiative-roll .initiative-card .initiative-card-info .card-value { color: #aaa; font-size: 12px; } .initiative-roll .initiative-footer { text-align: center; padding: 4px; background: rgba(233, 69, 96, 0.08); font-size: 11px; color: #e94560; text-transform: uppercase; letter-spacing: 2px; } .application.dialog.fvtt-hamalron { color: var(--color-dark-1); background-color: var(--color-light-1); } .application.dialog.fvtt-hamalron button { background-image: none; background-color: var(--color-dark-6); color: #ffffff; font-weight: 500; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .application.dialog.fvtt-hamalron input, .application.dialog.fvtt-hamalron select { text-align: left; background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-hamalron-roll-dialog fieldset { padding: 6px; background-color: var(--color-light-1); } .fvtt-hamalron-roll-dialog .dialog-info { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 0; } .fvtt-hamalron-roll-dialog .dialog-info .actor-info { display: flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.5rem; background-color: rgba(0, 0, 0, 0.05); border-radius: 0.25rem; } .fvtt-hamalron-roll-dialog .dialog-info .actor-info .actor-portrait { width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--color-dark-6); object-fit: cover; } .fvtt-hamalron-roll-dialog .dialog-info .actor-info .actor-name { font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 0.9); font-weight: bold; color: var(--color-dark-1); } .fvtt-hamalron-roll-dialog .dialog-info .competence-info { display: flex; align-items: center; gap: 0.75rem; padding: 0.25rem 0.5rem; } .fvtt-hamalron-roll-dialog .dialog-info .competence-info h3 { margin: 0; font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1); color: var(--title-color); white-space: nowrap; } .fvtt-hamalron-roll-dialog .dialog-info .competence-info .competence-details { display: flex; gap: 0.5rem; font-size: calc(var(--font-size-standard) * 0.85); } .fvtt-hamalron-roll-dialog .dialog-info .competence-info .competence-details .competence-symbole, .fvtt-hamalron-roll-dialog .dialog-info .competence-info .competence-details .competence-niveau { padding: 0.25rem 0.5rem; background-color: rgba(0, 0, 0, 0.1); border-radius: 0.25rem; font-weight: 500; } .fvtt-hamalron-roll-dialog .tarot-hand { display: grid; grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); gap: 0.5rem; padding: 0.25rem; min-height: 90px; } .fvtt-hamalron-roll-dialog .tarot-hand .tarot-card-select { display: flex; flex-direction: column; align-items: center; gap: 0.15rem; padding: 0.25rem; border: 2px solid transparent; border-radius: 0.35rem; background-color: rgba(0, 0, 0, 0.05); cursor: pointer; transition: all 0.2s ease; position: relative; } .fvtt-hamalron-roll-dialog .tarot-hand .tarot-card-select:hover { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-5); transform: translateY(-2px) scale(1.3); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); z-index: 10; } .fvtt-hamalron-roll-dialog .tarot-hand .tarot-card-select.selected { background-color: rgba(100, 150, 255, 0.2); border-color: var(--color-success); box-shadow: 0 0 10px rgba(100, 150, 255, 0.5); } .fvtt-hamalron-roll-dialog .tarot-hand .tarot-card-select.success-card { border: 3px solid #ffd700; background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 223, 0, 0.2) 100%); box-shadow: 0 0 15px rgba(255, 215, 0, 0.4); } .fvtt-hamalron-roll-dialog .tarot-hand .tarot-card-select.success-card:hover { border-color: #ffed4e; box-shadow: 0 6px 20px rgba(255, 215, 0, 0.6); } .fvtt-hamalron-roll-dialog .tarot-hand .tarot-card-select.success-card.selected { border-color: #ffd700; box-shadow: 0 0 20px rgba(255, 215, 0, 0.8); } .fvtt-hamalron-roll-dialog .tarot-hand .tarot-card-select .success-indicator { position: absolute; top: 2px; right: 2px; color: #ffd700; font-size: 1rem; text-shadow: 0 0 5px rgba(255, 215, 0, 0.8); animation: pulse-gold 2s ease-in-out infinite; } .fvtt-hamalron-roll-dialog .tarot-hand .tarot-card-select img { width: 50px; height: auto; border-radius: 0.25rem; border: 1px solid var(--color-dark-6); } .fvtt-hamalron-roll-dialog .tarot-hand .tarot-card-select .card-name { font-size: calc(var(--font-size-standard) * 0.75); text-align: center; line-height: 1.1; max-width: 70px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .fvtt-hamalron-roll-dialog .tarot-hand .tarot-card-select .card-values { font-size: calc(var(--font-size-standard) * 0.7); text-align: center; color: var(--color-dark-3); font-weight: bold; margin-top: 0.1rem; } .fvtt-hamalron-roll-dialog .tarot-hand p { grid-column: 1 / -1; text-align: center; color: var(--color-dark-5); font-style: italic; margin: 1rem 0; } .fvtt-hamalron-roll-dialog .dialog-result .total-display { display: flex; justify-content: center; align-items: center; gap: 0.1rem; padding: 0.1rem; font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.1); font-weight: bold; } .fvtt-hamalron-roll-dialog .dialog-result .total-display #competence-modifier { color: var(--color-dark-1); } .fvtt-hamalron-roll-dialog .dialog-result .total-display #card-value-display { color: var(--color-success); } .fvtt-hamalron-roll-dialog .dialog-result .total-display #total-value { padding: 0.1rem 0.2rem; background-color: rgba(0, 0, 0, 0.1); border-radius: 0.35rem; color: var(--title-color); min-width: 2.1rem; text-align: center; } .fvtt-hamalron-roll-dialog .dialog-result .difficulty-info { text-align: center; font-size: calc(var(--font-size-standard) * 0.9); color: var(--color-dark-2); margin-top: 0.1rem; padding: 0.1rem 0; } .fvtt-hamalron-roll-dialog .dialog-result .difficulty-info #target-score { font-weight: bold; color: var(--color-dark-1); } .fvtt-hamalron-roll-dialog .difficulty-row { display: flex; align-items: center; gap: 4px; } .fvtt-hamalron-roll-dialog .difficulty-row .difficulty-select-input { flex: 1; } .fvtt-hamalron-roll-dialog .difficulty-row .draw-difficulty-btn { padding: 4px 10px; background: #2a2a4a; color: #e0e0e0; border: 1px solid #555; border-radius: 4px; cursor: pointer; } .fvtt-hamalron-roll-dialog .difficulty-row .draw-difficulty-btn:hover { background: #3a3a6a; border-color: #e94560; } .fvtt-hamalron-roll-dialog .drawn-card-info { margin-top: 4px; font-size: 12px; color: #e94560; font-style: italic; } .fvtt-hamalron-roll-dialog .drawn-card-info#drawn-card-info { display: none; } .dialog-modifier { display: flex; justify-content: center; align-items: center; } .dialog-modifier select { border: none; background-color: rgba(0, 0, 0, 0.1); color: var(--color-dark-2); width: 10rem; text-align: center; } .red-warning { color: var(--color-failure); } .orange-warning { color: var(--color-warning); } .dialog-damage { display: flex; justify-content: center; align-items: center; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 2); color: var(--color-dark-1); } .item-to-chat h2 { margin-top: 10px; margin-left: 10px; margin-bottom: 4px; font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.4); color: var(--title-color); } .item-to-chat ul { list-style-type: none; padding: 0; margin: 0; justify-content: center; align-items: center; } .item-to-chat ul .tarot-spacing { margin-top: 0.5rem; } .item-to-chat ul li { margin: 0 10px; font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); } .item-to-chat ul li p { margin: 0; } .item-to-chat .tarot-item-img { margin-top: 0.5rem; } .flavor-text-damage { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); color: var(--color-dark-2); margin-top: 0px; align-items: center; } .flavor-text-damage .chat-damage-type { font-weight: bold; display: flex; justify-content: center; align-items: center; margin-bottom: 0.5rem; } .flavor-text-damage h2 { text-align: center; margin-top: 4px; margin-left: 4px; margin-bottom: 0px; font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.1); color: var(--title-color); } .dice-roll { flex-direction: column; } .dice-roll .dice-total, .dice-roll .dice-formula { padding-top: 5px; } .dice-roll .dice-total { margin-bottom: 5px; } .dice-roll .message-header { font-family: var(--font-primary); } .dice-roll img { border: 0px; } .dice-roll .intro-chat { color: var(--color-dark-1); border-radius: 20px; display: flex; flex-direction: row; } .dice-roll .intro-chat h2 { margin-top: 10px; margin-left: 10px; margin-bottom: 4px; font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.4); color: var(--title-color); } .dice-roll .intro-chat .intro-img { padding: 4px; max-width: 80px; min-width: 80px; align-self: top; text-align: center; } .dice-roll .intro-chat .intro-right { display: flex; flex-direction: column; } .dice-roll .intro-chat .intro-right ul { list-style-type: none; padding: 0; margin: 0; justify-content: center; align-items: center; } .dice-roll .intro-chat .intro-right ul li { margin: 0 10px; font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); } .dice-roll .intro-chat .intro-right ul .chat-roll-label { margin-right: 2rem; } .dice-roll .intro-chat .intro-right ul .chat-results-spacing { margin-bottom: 0.5rem; } .dice-roll .intro-chat .intro-right ul .nudge-roll { font-size: calc(var(--font-size-standard) * 1); margin-left: 4rem; display: none; } .dice-roll .intro-chat .intro-right ul .result-unknown { color: var(--color-dark-2); font-family: var(--font-title); font-size: var(--font-size-result); } .dice-roll .intro-chat .intro-right ul .result-success { color: var(--color-success); font-family: var(--font-title); font-size: var(--font-size-result); } .dice-roll .intro-chat .intro-right ul .result-satanic-success { color: var(--color-critical-success); font-family: var(--font-title); font-size: var(--font-size-result); } .dice-roll .intro-chat .intro-right ul .result-failure { color: var(--color-failure); font-family: var(--font-title); font-size: var(--font-size-result); } .dice-roll .intro-chat .intro-right ul .result-fiendish-failure { color: var(--color-critical-failure); font-family: var(--font-title); font-size: var(--font-size-result); } .dice-roll .intro-chat .intro-right .introText { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); width: 210px; margin-left: 20px; } .dice-roll .result { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: calc(var(--font-size-standard) * 1.2); text-shadow: 0 0 10px var(--color-shadow-primary); } @keyframes pulse-gold { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.2); opacity: 0.8; } } .tarot-deck-manager .tension-select { width: 100%; } .tarot-deck-manager .tarot-deck-manager-content { padding: 1.5rem; display: flex; flex-direction: column; gap: 1.5rem; background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%); min-height: 100%; } .tarot-deck-manager .deck-header h2 { margin: 0 0 0.75rem 0; font-size: 1.25rem; color: #667eea; text-align: center; border-bottom: 2px solid #667eea; padding-bottom: 0.5rem; text-transform: uppercase; letter-spacing: 0.1em; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .tarot-deck-manager .deck-header .deck-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; margin-top: 0.75rem; } .tarot-deck-manager .deck-header .deck-stats .stat-item { display: flex; flex-direction: column; align-items: center; gap: 0.25rem; padding: 0.5rem; background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%); border-radius: 0.5rem; border: 2px solid rgba(102, 126, 234, 0.3); transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .tarot-deck-manager .deck-header .deck-stats .stat-item:hover { transform: translateY(-3px); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); border-color: rgba(102, 126, 234, 0.5); } .tarot-deck-manager .deck-header .deck-stats .stat-item i { font-size: 1.25rem; color: #667eea; margin-bottom: 0.15rem; } .tarot-deck-manager .deck-header .deck-stats .stat-item .stat-label { font-size: 0.7rem; color: var(--color-text-dark-secondary); text-transform: uppercase; letter-spacing: 0.05em; text-align: center; } .tarot-deck-manager .deck-header .deck-stats .stat-item .stat-value { font-size: 1.25rem; font-weight: bold; color: #667eea; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .tarot-deck-manager .deck-actions { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; } .tarot-deck-manager .deck-actions .action-button { display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.6rem 0.75rem; font-size: 0.85rem; font-weight: bold; border: none; border-radius: 0.5rem; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); text-transform: uppercase; letter-spacing: 0.05em; } .tarot-deck-manager .deck-actions .action-button i { font-size: 1.1rem; } .tarot-deck-manager .deck-actions .action-button:hover:not(:disabled) { transform: translateY(-3px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25); } .tarot-deck-manager .deck-actions .action-button:active:not(:disabled) { transform: translateY(-1px); } .tarot-deck-manager .deck-actions .action-button:disabled { opacity: 0.4; cursor: not-allowed; filter: grayscale(50%); } .tarot-deck-manager .deck-actions .reset-button { background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%); color: white; } .tarot-deck-manager .deck-actions .reset-button:hover:not(:disabled) { background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%); } .tarot-deck-manager .deck-actions .collect-hands-button { background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); color: white; } .tarot-deck-manager .deck-actions .collect-hands-button:hover:not(:disabled) { background: linear-gradient(135deg, #2980b9 0%, #3498db 100%); } .tarot-deck-manager .deck-actions .distribute-cards-button { background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%); color: white; } .tarot-deck-manager .deck-actions .distribute-cards-button:hover:not(:disabled) { background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%); } .tarot-deck-manager .deck-actions .shuffle-discard-button { background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); color: white; } .tarot-deck-manager .deck-actions .shuffle-discard-button:hover:not(:disabled) { background: linear-gradient(135deg, #e67e22 0%, #f39c12 100%); } .tarot-deck-manager .deck-actions .draw-button { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; } .tarot-deck-manager .deck-actions .draw-button:hover:not(:disabled) { background: linear-gradient(135deg, #764ba2 0%, #667eea 100%); } .tarot-deck-manager .deck-actions .draw-tension-button { background: linear-gradient(135deg, #f39c12 0%, #d35400 100%); color: white; } .tarot-deck-manager .deck-actions .draw-tension-button:hover:not(:disabled) { background: linear-gradient(135deg, #d35400 0%, #f39c12 100%); } .tarot-deck-manager .recent-draws h3 { margin: 0 0 1rem 0; font-size: 1.25rem; color: var(--color-text-dark-primary); padding-bottom: 0.5rem; border-bottom: 1px solid var(--color-border-dark); } .tarot-deck-manager .recent-draws .drawn-cards-list { display: flex; flex-direction: column; gap: 0.75rem; max-height: 300px; overflow-y: auto; } .tarot-deck-manager .recent-draws .drawn-cards-list .drawn-card { display: flex; gap: 1rem; padding: 0.75rem; background: rgba(0, 0, 0, 0.2); border-radius: 0.25rem; border: 1px solid var(--color-border-dark); transition: all 0.2s ease; } .tarot-deck-manager .recent-draws .drawn-cards-list .drawn-card:hover { background: rgba(0, 0, 0, 0.3); border-color: var(--color-border-dark-tertiary); } .tarot-deck-manager .recent-draws .drawn-cards-list .drawn-card .card-image { width: 60px; height: 60px; object-fit: cover; border-radius: 0.25rem; border: 1px solid var(--color-border-dark); } .tarot-deck-manager .recent-draws .drawn-cards-list .drawn-card .card-info { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 0.25rem; } .tarot-deck-manager .recent-draws .drawn-cards-list .drawn-card .card-info .card-name { margin: 0; font-size: 1rem; color: var(--color-text-light-heading); } .tarot-deck-manager .recent-draws .drawn-cards-list .drawn-card .card-info .card-details { display: flex; gap: 1rem; font-size: 0.875rem; } .tarot-deck-manager .recent-draws .drawn-cards-list .drawn-card .card-info .card-details .card-symbole, .tarot-deck-manager .recent-draws .drawn-cards-list .drawn-card .card-info .card-details .card-valeur { color: var(--color-text-dark-secondary); } .tarot-deck-manager .no-draws { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: 3rem 1rem; color: var(--color-text-dark-secondary); text-align: center; } .tarot-deck-manager .no-draws i { opacity: 0.3; } .tarot-deck-manager .no-draws p { margin: 0; font-style: italic; } .tarot-deck-manager .deck-empty-warning { display: flex; align-items: center; gap: 0.75rem; padding: 1rem; background: rgba(255, 165, 0, 0.1); border: 1px solid rgba(255, 165, 0, 0.3); border-radius: 0.25rem; color: #ffa500; } .tarot-deck-manager .deck-empty-warning i { font-size: 1.5rem; } .tarot-deck-manager .deck-empty-warning p { margin: 0; flex: 1; } .fvtt-hamalron.action-complexe .action-complexe-container { padding: 8px; } .fvtt-hamalron.action-complexe .action-complexe-header { margin-bottom: 12px; } .fvtt-hamalron.action-complexe .action-complexe-header button { width: 100%; padding: 8px; background: #2a2a4a; color: #e0e0e0; border: 1px dashed #555; border-radius: 6px; cursor: pointer; font-size: 13px; } .fvtt-hamalron.action-complexe .action-complexe-header button:hover { background: #3a3a6a; border-color: #e94560; } .fvtt-hamalron.action-complexe .action-complexe-list { display: flex; flex-direction: column; gap: 10px; } .fvtt-hamalron.action-complexe .action-card { background: #1e1e3a; border: 1px solid #333; border-radius: 8px; padding: 10px; } .fvtt-hamalron.action-complexe .action-card.action-complete { border-color: #4caf50; background: #1a2e1a; } .fvtt-hamalron.action-complexe .action-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; } .fvtt-hamalron.action-complexe .action-header .action-name { font-weight: 600; color: #e0e0e0; font-size: 14px; } .fvtt-hamalron.action-complexe .action-header .action-symbole { color: #e94560; font-size: 14px; } .fvtt-hamalron.action-complexe .action-progress { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; } .fvtt-hamalron.action-complexe .action-progress .progress-bar { flex: 1; height: 8px; background: #333; border-radius: 4px; overflow: hidden; } .fvtt-hamalron.action-complexe .action-progress .progress-bar .progress-fill { height: 100%; width: calc(var(--pct) * 1%); background: linear-gradient(90deg, #e94560, #ff6b81); border-radius: 4px; transition: width 0.3s ease; } .fvtt-hamalron.action-complexe .action-progress .progress-text { font-size: 12px; color: #aaa; white-space: nowrap; } .fvtt-hamalron.action-complexe .action-stats { display: flex; gap: 12px; margin-bottom: 4px; font-size: 12px; } .fvtt-hamalron.action-complexe .action-stats .stat-success { color: #4caf50; } .fvtt-hamalron.action-complexe .action-stats .stat-failure { color: #f44336; } .fvtt-hamalron.action-complexe .action-notes { font-size: 11px; color: #888; font-style: italic; margin-bottom: 6px; padding: 4px; background: rgba(0, 0, 0, 0.2); border-radius: 4px; } .fvtt-hamalron.action-complexe .action-controls { display: flex; gap: 4px; } .fvtt-hamalron.action-complexe .action-controls button { padding: 4px 8px; border: none; border-radius: 4px; cursor: pointer; font-size: 11px; transition: opacity 0.2s; } .fvtt-hamalron.action-complexe .action-controls button:hover { opacity: 0.8; } .fvtt-hamalron.action-complexe .action-controls .btn-success { background: #2e7d32; color: #fff; } .fvtt-hamalron.action-complexe .action-controls .btn-failure { background: #c62828; color: #fff; } .fvtt-hamalron.action-complexe .action-controls .btn-reset { background: #555; color: #ccc; } .fvtt-hamalron.action-complexe .action-controls .btn-delete { background: #333; color: #888; } .fvtt-hamalron.action-complexe .action-empty { text-align: center; padding: 40px 20px; color: #666; } .fvtt-hamalron.action-complexe .action-empty i { margin-bottom: 12px; } .fvtt-hamalron.action-complexe .action-empty p { font-size: 13px; }