@font-face { font-family: "MinionProRegular"; src: url("../assets/fonts/Minion Pro Regular.ttf") format("truetype"); } @font-face { font-family: "SupernaturalKnight"; src: url("../assets/fonts/Supernatural_Knight.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: "MinionProRegular"; --font-secondary: "MinionProRegular"; --font-title: "SupernaturalKnight"; --logo-standard: url("../assets/ui/pentagram_logo.webp"); --title-color: #c9a876; --background-box: #e0dcdc; --color-success: #0f7a0f; --color-failure: #8b7355; --color-warning: darkorange; --color-critical-success: #1527cc; --color-critical-failure: #8d20e7; } body { --color-light-1: rgba(182, 178, 178, 0.6); --color-warm-1: #c9a876; } #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-secondary); font-size: calc(var(--font-size-standard) * 1.2); 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); } .fvtt-hamalron .character-main { /*background-color: var(--color-light-1);*/ display: flex; } .fvtt-hamalron .character-main .character-pc { display: flex; gap: 4px; flex: 1; } .fvtt-hamalron .character-main .character-pc .character-left { min-width: 180px; 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: 5px; } .fvtt-hamalron .character-main .character-pc .character-right .character-definition .character-definition-pronouns input { min-width: 21.2rem; max-width: 21.2rem; } .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-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: 500px; } .fvtt-hamalron .character-main .character-pc-edit { min-width: 500px; } .fvtt-hamalron .character-main .character-stats { /*background-color: var(--color-light-1);*/ display: flex; flex-direction: column; gap: 5px; flex: 1; } .fvtt-hamalron .character-main .character-stats .character-stat { display: flex; align-items: center; } .fvtt-hamalron .character-main .character-stats .character-stat .icon-stat { width: 24px; height: 24px; margin-right: 4px; } .fvtt-hamalron .character-main .character-stats .character-stat .rollable:hover, .fvtt-hamalron .character-main .character-stats .character-stat .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-hamalron .character-main .character-stats .character-stat .rollable { min-width: 3.5rem; max-width: 3.5rem; } .fvtt-hamalron .character-main .character-stats .character-stat input { min-width: 2.5rem; max-width: 2.5rem; } .fvtt-hamalron .character-main .character-stats-play { min-width: 120px; } .fvtt-hamalron .character-main .character-stats-edit { min-width: 120px; } .fvtt-hamalron .tab.character-status .main-div { /*background-color: var(--color-light-1);*/ display: grid; grid-template-columns: 1fr; } .fvtt-hamalron .tab.character-status .main-div legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 5px; } .fvtt-hamalron .tab.character-status .main-div .mortality { display: flex; align-items: center; gap: 4px; margin-left: 4px; min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .tab.character-status .main-div .mortality label { min-width: 5rem; max-width: 5rem; } .fvtt-hamalron .tab.character-status .main-div .counters { display: flex; direction: column; align-items: center; gap: 4px; margin-left: 4px; } .fvtt-hamalron .tab.character-status .main-div .counters .characteristics-label { color: grey; font-size: small; } .fvtt-hamalron .tab.character-status .main-div .counters label { min-width: 4rem; max-width: 4rem; } .fvtt-hamalron .tab.character-status .main-div .counters .spaced-left { margin-left: 0.8rem; } .fvtt-hamalron .tab.character-status .main-div .counters input { min-width: 2.5rem; max-width: 2.5rem; } .fvtt-hamalron .tab.character-status .main-div .ailments { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; } .fvtt-hamalron .tab.character-status .main-div .ailments .ailment { display: flex; align-items: center; gap: 4px; margin-left: 4px; min-width: 8rem; max-width: 8rem; } .fvtt-hamalron .tab.character-status .main-div .ailments .ailment label { min-width: 5rem; max-width: 5rem; } .fvtt-hamalron .tab.character-status .main-div .ailments .ailment .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.character-status .main-div .perks { display: grid; grid-template-columns: repeat(1, 1fr); gap: 4px; } .fvtt-hamalron .tab.character-status .main-div .perks .perk { display: flex; align-items: center; gap: 4px; margin-left: 4px; min-width: 20rem; max-width: 20rem; } .fvtt-hamalron .tab.character-status .main-div .perks .perk .rollable:hover, .fvtt-hamalron .tab.character-status .main-div .perks .perk .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-hamalron .tab.character-status .main-div .perks .perk .controls { font-size: 0.7rem; min-width: 1.8rem; max-width: 1.8rem; } .fvtt-hamalron .tab.character-status .main-div .perks .perk .flavor { min-width: 24rem; max-width: 24rem; } .fvtt-hamalron .tab.character-status .main-div .perks .perk .role { min-width: 5rem; max-width: 5rem; } .fvtt-hamalron .tab.character-status .main-div .perks .perk .level { min-width: 4rem; max-width: 4rem; } .fvtt-hamalron .tab.character-status .main-div .perks .perk .name { min-width: 10rem; max-width: 10rem; } .fvtt-hamalron .tab.character-status .main-div .perks .perk .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.character-maleficas .main-div { /*background-color: var(--color-light-1);*/ display: grid; grid-template-columns: 1fr; } .fvtt-hamalron .tab.character-maleficas .main-div legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 5px; } .fvtt-hamalron .tab.character-maleficas .main-div .maleficas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .fvtt-hamalron .tab.character-maleficas .main-div .maleficas .malefica { display: flex; align-items: center; gap: 4px; min-width: 20rem; max-width: 20rem; } .fvtt-hamalron .tab.character-maleficas .main-div .maleficas .malefica .controls { font-size: 0.7rem; min-width: 1.8rem; max-width: 1.8rem; } .fvtt-hamalron .tab.character-maleficas .main-div .maleficas .malefica .name { min-width: 10rem; max-width: 10rem; } .fvtt-hamalron .tab.character-maleficas .main-div .maleficas .malefica .damage { min-width: 3.2rem; max-width: 3.2rem; } .fvtt-hamalron .tab.character-maleficas .main-div .maleficas .malefica .domain { min-width: 4rem; max-width: 4rem; } .fvtt-hamalron .tab.character-maleficas .main-div .maleficas .malefica .level { min-width: 2rem; max-width: 2rem; } .fvtt-hamalron .tab.character-maleficas .main-div .maleficas .malefica .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .fvtt-hamalron .tab.character-maleficas .main-div .rituals { display: grid; grid-template-columns: repeat(1, 1fr); gap: 4px; } .fvtt-hamalron .tab.character-maleficas .main-div .rituals .ritual { display: flex; align-items: center; gap: 4px; min-width: 14rem; max-width: 14rem; } .fvtt-hamalron .tab.character-maleficas .main-div .rituals .ritual .controls { font-size: 0.7rem; min-width: 1.8rem; max-width: 1.8rem; } .fvtt-hamalron .tab.character-maleficas .main-div .rituals .ritual .ingredients { min-width: 24rem; max-width: 24rem; } .fvtt-hamalron .tab.character-maleficas .main-div .rituals .ritual .name { min-width: 12rem; max-width: 12rem; } .fvtt-hamalron .tab.character-maleficas .main-div .rituals .ritual .difficulty { min-width: 2rem; max-width: 2rem; } .fvtt-hamalron .tab.character-maleficas .main-div .rituals .ritual .threshold { min-width: 2rem; max-width: 2rem; } .fvtt-hamalron .tab.character-maleficas .main-div .rituals .ritual .limit { min-width: 2rem; max-width: 2rem; } .fvtt-hamalron .tab.character-maleficas .main-div .rituals .ritual .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 .personnage .tarot-hand-container { padding: 1rem; height: 100%; display: flex; flex-direction: column; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding-bottom: 0.75rem; border-bottom: 2px solid var(--color-border-dark); } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-header h2 { margin: 0; font-size: 1.5rem; color: var(--color-text-dark-primary); } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-header .tarot-hand-info .card-count { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: rgba(102, 126, 234, 0.2); border-radius: 0.25rem; border: 1px solid rgba(102, 126, 234, 0.4); font-weight: bold; color: var(--color-text-light-heading); } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-header .tarot-hand-info .card-count i { color: #667eea; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1.5rem; overflow-y: auto; padding-right: 0.5rem; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper { perspective: 1000px; cursor: grab; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper:active { cursor: grabbing; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card { position: relative; width: 100%; height: 400px; transition: transform 0.3s ease; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card:hover { transform: translateY(-5px); } .fvtt-hamalron .personnage .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 .personnage .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.75rem; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.75rem; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-header .tarot-card-name { margin: 0; font-size: 1.1rem; font-weight: bold; color: #667eea; flex: 1; line-height: 1.3; } .fvtt-hamalron .personnage .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; } .fvtt-hamalron .personnage .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: 24px; height: 24px; border-radius: 0.25rem; background: rgba(0, 0, 0, 0.3); color: var(--color-text-light-heading); transition: all 0.2s ease; } .fvtt-hamalron .personnage .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:hover { background: rgba(102, 126, 234, 0.5); color: white; } .fvtt-hamalron .personnage .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.75rem; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-image { width: 100%; height: 150px; margin-bottom: 0.75rem; border-radius: 0.25rem; overflow: hidden; border: 1px solid var(--color-border-dark); background: rgba(0, 0, 0, 0.3); } .fvtt-hamalron .personnage .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 .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 0.75rem; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-row { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.5rem; background: rgba(0, 0, 0, 0.2); border-radius: 0.25rem; font-size: 0.875rem; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-row .info-label { display: flex; align-items: center; gap: 0.35rem; color: var(--color-text-dark-secondary); font-weight: 500; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-row .info-label i { font-size: 0.75rem; opacity: 0.7; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-row .info-value { color: var(--color-text-light-heading); font-weight: bold; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-row .info-value.symbole-coupe { color: #3498db; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-row .info-value.symbole-epee { color: #d4a574; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-row .info-value.symbole-denier { color: #f39c12; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-info .card-info-row .info-value.symbole-baton { color: #2ecc71; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-description { flex: 1; overflow-y: auto; padding: 0.5rem; background: rgba(0, 0, 0, 0.2); border-radius: 0.25rem; border: 1px solid var(--color-border-dark); } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-description .description-text { font-size: 0.8rem; line-height: 1.4; color: var(--color-text-dark-primary); } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-description .description-text p { margin: 0 0 0.5rem 0; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-description .description-text p:last-child { margin-bottom: 0; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-description::-webkit-scrollbar { width: 4px; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-description::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); border-radius: 2px; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-description::-webkit-scrollbar-thumb { background: rgba(102, 126, 234, 0.5); border-radius: 2px; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-cards .tarot-card-wrapper .tarot-card .tarot-card-inner .tarot-card-front .tarot-card-description::-webkit-scrollbar-thumb:hover { background: rgba(102, 126, 234, 0.7); } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-empty { flex: 1; display: flex; align-items: center; justify-content: center; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-empty .empty-state { text-align: center; color: var(--color-text-dark-secondary); max-width: 400px; } .fvtt-hamalron .personnage .tarot-hand-container .tarot-hand-empty .empty-state i { opacity: 0.2; margin-bottom: 1rem; } .fvtt-hamalron .personnage .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 .personnage .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-secondary); font-size: calc(var(--font-size-standard) * 1.2); 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-secondary); font-size: calc(var(--font-size-standard) * 1.2); 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-secondary); font-size: calc(var(--font-size-standard) * 1.2); 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-secondary); font-size: calc(var(--font-size-standard) * 1.2); 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-secondary); font-size: calc(var(--font-size-standard) * 1.2); 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-secondary); font-size: calc(var(--font-size-standard) * 1.2); 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-secondary); font-size: calc(var(--font-size-standard) * 1.2); 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 .tarot-deck-manager .tarot-deck-manager-content { padding: 1rem; display: flex; flex-direction: column; gap: 1.5rem; } .fvtt-hamalron .tarot-deck-manager .deck-header h2 { margin: 0 0 1rem 0; font-size: 1.5rem; color: var(--color-text-dark-primary); text-align: center; border-bottom: 2px solid var(--color-border-dark); padding-bottom: 0.5rem; } .fvtt-hamalron .tarot-deck-manager .deck-header .deck-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1rem; } .fvtt-hamalron .tarot-deck-manager .deck-header .deck-stats .stat-item { display: flex; flex-direction: column; align-items: center; gap: 0.25rem; padding: 0.75rem; background: rgba(0, 0, 0, 0.2); border-radius: 0.25rem; border: 1px solid var(--color-border-dark); } .fvtt-hamalron .tarot-deck-manager .deck-header .deck-stats .stat-item i { font-size: 1.5rem; color: var(--color-text-light-heading); margin-bottom: 0.25rem; } .fvtt-hamalron .tarot-deck-manager .deck-header .deck-stats .stat-item .stat-label { font-size: 0.75rem; color: var(--color-text-dark-secondary); text-transform: uppercase; } .fvtt-hamalron .tarot-deck-manager .deck-header .deck-stats .stat-item .stat-value { font-size: 1.25rem; font-weight: bold; color: var(--color-text-light-heading); } .fvtt-hamalron .tarot-deck-manager .deck-actions { display: flex; flex-direction: column; gap: 1rem; } .fvtt-hamalron .tarot-deck-manager .deck-actions .action-button { display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.75rem 1rem; font-size: 1rem; font-weight: bold; border: none; border-radius: 0.25rem; cursor: pointer; transition: all 0.2s ease; } .fvtt-hamalron .tarot-deck-manager .deck-actions .action-button i { font-size: 1.25rem; } .fvtt-hamalron .tarot-deck-manager .deck-actions .action-button:disabled { opacity: 0.5; cursor: not-allowed; } .fvtt-hamalron .tarot-deck-manager .deck-actions .reset-button { background: var(--color-border-dark); color: var(--color-text-light-heading); } .fvtt-hamalron .tarot-deck-manager .deck-actions .reset-button:hover:not(:disabled) { background: var(--color-border-dark-tertiary); transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } .fvtt-hamalron .tarot-deck-manager .deck-actions .draw-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; } .fvtt-hamalron .tarot-deck-manager .deck-actions .draw-actions .draw-button { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; } .fvtt-hamalron .tarot-deck-manager .deck-actions .draw-actions .draw-button:hover:not(:disabled) { background: linear-gradient(135deg, #764ba2 0%, #667eea 100%); transform: translateY(-2px); box-shadow: 0 4px 8px rgba(102, 126, 234, 0.4); } .fvtt-hamalron .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); } .fvtt-hamalron .tarot-deck-manager .recent-draws .drawn-cards-list { display: flex; flex-direction: column; gap: 0.75rem; max-height: 300px; overflow-y: auto; } .fvtt-hamalron .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; } .fvtt-hamalron .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); } .fvtt-hamalron .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); } .fvtt-hamalron .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; } .fvtt-hamalron .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); } .fvtt-hamalron .tarot-deck-manager .recent-draws .drawn-cards-list .drawn-card .card-info .card-details { display: flex; gap: 1rem; font-size: 0.875rem; } .fvtt-hamalron .tarot-deck-manager .recent-draws .drawn-cards-list .drawn-card .card-info .card-details .card-symbole, .fvtt-hamalron .tarot-deck-manager .recent-draws .drawn-cards-list .drawn-card .card-info .card-details .card-valeur { color: var(--color-text-dark-secondary); } .fvtt-hamalron .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; } .fvtt-hamalron .tarot-deck-manager .no-draws i { opacity: 0.3; } .fvtt-hamalron .tarot-deck-manager .no-draws p { margin: 0; font-style: italic; } .fvtt-hamalron .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; } .fvtt-hamalron .tarot-deck-manager .deck-empty-warning i { font-size: 1.5rem; } .fvtt-hamalron .tarot-deck-manager .deck-empty-warning p { margin: 0; flex: 1; } .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 .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; } .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: var(--color-light-1); } .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: 10px; background-color: var(--color-light-1); } .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); }