From 58478d56eab65ede7d951693a2c10885b89f56b1 Mon Sep 17 00:00:00 2001 From: LeRatierBretonnier Date: Mon, 27 Apr 2026 21:54:04 +0200 Subject: [PATCH] =?UTF-8?q?Am=C3=A9lioration=20du=20rendu=20des=20polices?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles/character.less | 88 +++++++++---------- styles/global.less | 16 ++-- styles/items.less | 40 ++++----- styles/mixins.less | 2 +- styles/npc.less | 42 ++++----- styles/roll.less | 198 +++++++++++++++++++++--------------------- 6 files changed, 193 insertions(+), 193 deletions(-) diff --git a/styles/character.less b/styles/character.less index 3088375..7b16641 100644 --- a/styles/character.less +++ b/styles/character.less @@ -24,7 +24,7 @@ min-width: 54px; label { - font-size: 0.58em; + font-size: 0.6em; text-transform: uppercase; letter-spacing: 0.04em; color: var(--cel-orange-light); @@ -34,12 +34,12 @@ .stat-value, .attr-display { color: var(--cel-orange); font-family: var(--cel-font-title); - font-size: 1.1576em; + font-size: 1.2em; font-weight: bold; line-height: 1.2; } - .attr-sep { color: rgba(196,154,26,0.5); margin: 0 1px; font-size: 0.85em; } + .attr-sep { color: rgba(196,154,26,0.5); margin: 0 1px; font-size: 0.8em; } input.attr-val, input.attr-max { width: 24px; @@ -49,7 +49,7 @@ border-bottom: 1px solid var(--cel-orange-light); color: var(--cel-orange); font-family: var(--cel-font-title); - font-size: 1.1025em; + font-size: 1.1em; font-weight: bold; } } @@ -60,7 +60,7 @@ .armor-malus-value { color: #e06040; font-family: var(--cel-font-title); - font-size: 1.1576em; + font-size: 1.2em; font-weight: bold; } label { color: #e06040; opacity: 0.8; } @@ -92,7 +92,7 @@ .stat-name { font-family: var(--cel-font-title); font-weight: bold; - font-size: 1.1025em; + font-size: 1.1em; text-transform: uppercase; letter-spacing: 0.05em; } @@ -121,7 +121,7 @@ border: 1px solid var(--cel-orange); border-radius: 4px; background: rgba(224, 123, 0, 0.08); - font-size: 0.78em; + font-size: 0.8em; cursor: default; .res-die-icon { @@ -164,7 +164,7 @@ justify-content: space-between; padding: 3px 8px; border-bottom: 1px solid rgba(122,92,32,0.18); - font-size: 0.85em; + font-size: 0.8em; // Alternating cream-dark rows for legibility &:nth-child(even) { background: var(--cel-cream-dark); } @@ -279,7 +279,7 @@ font-family: var(--cel-font-title); font-weight: bold; text-transform: uppercase; - font-size: 1.2128em; + font-size: 1.2em; letter-spacing: 0.04em; display: flex; align-items: center; @@ -293,7 +293,7 @@ height: 14px; border-radius: 50%; border: 1px solid currentColor; - font-size: 0.65em; + font-size: 0.7em; font-family: var(--cel-font-body); font-weight: bold; text-transform: none; @@ -349,7 +349,7 @@ gap: 6px; padding: 4px 8px; background: rgba(139,115,85,0.1); - font-size: 0.85em; + font-size: 0.8em; label { color: var(--cel-border); } input[type="number"] { width: 40px; .cel-input-std(); } } @@ -380,7 +380,7 @@ .faction-aspect-summary-title { color: var(--cel-green); font-family: var(--cel-font-title); - font-size: 1.1025em; + font-size: 1.1em; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.05; @@ -393,7 +393,7 @@ color: var(--cel-orange); cursor: pointer; text-decoration: none; - font-size: 0.84em; + font-size: 0.8em; white-space: nowrap; } @@ -413,7 +413,7 @@ .label { display: block; - font-size: 0.66em; + font-size: 0.7em; text-transform: uppercase; letter-spacing: 0.03em; color: var(--cel-border); @@ -423,7 +423,7 @@ .value { color: var(--cel-orange); font-family: var(--cel-font-title); - font-size: 1.1246em; + font-size: 1.1em; line-height: 1; } } @@ -448,7 +448,7 @@ .faction-aspect-active-title { margin-bottom: 4px; color: var(--cel-border); - font-size: 0.68em; + font-size: 0.7em; text-transform: uppercase; letter-spacing: 0.04em; line-height: 1.1; @@ -477,20 +477,20 @@ .name { color: var(--cel-green); - font-size: 0.88em; + font-size: 0.9em; } .value { color: var(--cel-orange); font-family: var(--cel-font-title); - font-size: 0.9923em; + font-size: 1em; } } .faction-aspect-empty { color: #666; font-style: italic; - font-size: 0.84em; + font-size: 0.8em; } } @@ -505,7 +505,7 @@ background-image: url("../assets/ui/fond_cadrille.jpg"); background-blend-mode: soft-light; color: var(--cel-orange); - th { padding: 5px 8px; font-family: var(--cel-font-title); font-size: 1.1576em; letter-spacing: 0.06em; text-transform: uppercase; } + th { padding: 5px 8px; font-family: var(--cel-font-title); font-size: 1.2em; letter-spacing: 0.06em; text-transform: uppercase; } } .faction-row { @@ -542,7 +542,7 @@ } .faction-count { - font-size: 0.85em; + font-size: 0.8em; font-weight: bold; color: var(--cel-orange); min-width: 16px; @@ -569,7 +569,7 @@ border-bottom: 1px solid rgba(122,92,32,0.25); color: var(--cel-green); font-family: var(--cel-font-title); - font-size: 1.1576em; + font-size: 1.2em; letter-spacing: 0.05em; text-transform: uppercase; } @@ -578,7 +578,7 @@ display: flex; flex-direction: column; gap: 4px; - font-size: 0.88em; + font-size: 0.9em; } .factions-legend-row { @@ -634,7 +634,7 @@ } .item-tag { - font-size: 0.75em; + font-size: 0.8em; padding: 1px 7px; border-radius: 10px; background: rgba(12,76,12,0.15); @@ -661,7 +661,7 @@ justify-content: center; min-width: 20px; min-height: 20px; - font-size: 1.08rem; + font-size: 1.1rem; line-height: 1; } } @@ -684,7 +684,7 @@ } .equip-empty { - font-size: 0.85em; + font-size: 0.8em; font-style: italic; color: var(--cel-border); padding: 4px 8px; @@ -736,7 +736,7 @@ .biography-portrait-empty { padding: 14px; color: var(--cel-border); - font-size: 0.82em; + font-size: 0.8em; font-style: italic; text-align: center; line-height: 1.5; @@ -769,7 +769,7 @@ border-radius: 4px; background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(233,223,201,0.95)); color: var(--cel-green); - font-size: 0.82em; + font-size: 0.8em; font-weight: bold; cursor: pointer; @@ -790,7 +790,7 @@ .biography-portrait-hint { margin: 0; - font-size: 0.78em; + font-size: 0.8em; font-style: italic; color: var(--cel-border); } @@ -838,7 +838,7 @@ text-align: center; .cel-input-std(); font-family: var(--cel-font-title); - font-size: 1.2128em; + font-size: 1.2em; font-weight: bold; color: var(--cel-green); } @@ -848,7 +848,7 @@ border-color: rgba(122,92,32,0.4); .xp-depense-value { font-family: var(--cel-font-title); - font-size: 1.2128em; + font-size: 1.2em; font-weight: bold; color: var(--cel-border); } @@ -858,7 +858,7 @@ background: var(--cel-green); border: 1px solid var(--cel-orange); color: var(--cel-orange); - font-size: 0.86em; + font-size: 0.9em; padding: 5px 12px; cursor: pointer; font-family: var(--cel-font-title); @@ -875,14 +875,14 @@ .xp-log-table { width: 100%; border-collapse: collapse; - font-size: 0.82em; + font-size: 0.8em; margin-bottom: 8px; thead tr { background: rgba(12,76,12,0.35); th { color: var(--cel-orange-light); - font-size: 0.75em; + font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.04em; padding: 3px 6px; @@ -918,7 +918,7 @@ .xp-ref { margin-top: 6px; summary { - font-size: 0.78em; + font-size: 0.8em; color: var(--cel-orange-light); cursor: pointer; letter-spacing: 0.03em; @@ -930,7 +930,7 @@ .xp-ref-table { width: 100%; border-collapse: collapse; - font-size: 0.82em; + font-size: 0.8em; margin-top: 6px; thead tr { @@ -941,7 +941,7 @@ } th { font-family: var(--cel-font-title); - font-size: 0.9923em; + font-size: 1em; letter-spacing: 0.05em; text-transform: uppercase; padding: 4px 8px; @@ -987,7 +987,7 @@ .anomaly-block-title { font-family: var(--cel-font-title); - font-size: 0.9371em; + font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.07em; color: var(--cel-orange); @@ -1000,7 +1000,7 @@ text-align: center; color: var(--cel-border); font-style: italic; - font-size: 0.85em; + font-size: 0.8em; display: flex; align-items: center; justify-content: center; @@ -1030,12 +1030,12 @@ flex: 1; .anomaly-name { font-family: var(--cel-font-title); - font-size: 1.1025em; + font-size: 1.1em; color: var(--cel-orange); font-weight: bold; } .anomaly-subtype { - font-size: 0.75em; + font-size: 0.8em; color: var(--cel-cream, #f0e8d4); text-transform: uppercase; letter-spacing: 0.05em; @@ -1057,7 +1057,7 @@ margin-bottom: 6px; .anomaly-level-label { - font-size: 0.72em; + font-size: 0.7em; text-transform: uppercase; color: var(--cel-cream, #f0e8d4); opacity: 0.7; @@ -1085,7 +1085,7 @@ flex-wrap: wrap; .anomaly-uses-label { - font-size: 0.72em; + font-size: 0.7em; text-transform: uppercase; color: var(--cel-cream, #f0e8d4); opacity: 0.7; @@ -1110,7 +1110,7 @@ background: var(--cel-green); border: 1px solid var(--cel-orange); color: var(--cel-orange); - font-size: 0.7938em; + font-size: 0.8em; padding: 2px 8px; cursor: pointer; font-family: var(--cel-font-title); diff --git a/styles/global.less b/styles/global.less index 9862e53..4aae03b 100644 --- a/styles/global.less +++ b/styles/global.less @@ -85,7 +85,7 @@ border-bottom: 1px solid rgba(196,154,26,0.5); color: var(--cel-orange); font-family: var(--cel-font-title); - font-size: 1.5435em; + font-size: 1.5em; font-weight: bold; letter-spacing: 0.06em; padding: 2px 4px; @@ -94,7 +94,7 @@ .actor-name { font-family: var(--cel-font-title); - font-size: 1.5435em; + font-size: 1.5em; color: var(--cel-orange); letter-spacing: 0.06em; margin: 0; @@ -120,7 +120,7 @@ gap: 4px; label { - font-size: 0.65em; + font-size: 0.7em; text-transform: uppercase; letter-spacing: 0.06em; color: var(--cel-orange-light); @@ -131,7 +131,7 @@ // Styles identiques play mode et edit mode span, input[type="text"] { - font-size: 0.95em; + font-size: 0.9em; font-family: inherit; font-style: italic; color: var(--cel-cream); @@ -173,14 +173,14 @@ min-width: 52px; label { - font-size: 0.62em; + font-size: 0.6em; text-transform: uppercase; letter-spacing: 0.08em; color: var(--cel-orange-light); } .stat-value { - font-size: 1.5435em; + font-size: 1.5em; font-family: var(--cel-font-title); color: var(--cel-orange); font-weight: bold; @@ -242,7 +242,7 @@ padding: 8px 16px; color: rgba(240,232,212,0.8); font-family: var(--cel-font-title); - font-size: 0.9371em; + font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.07em; cursor: pointer; @@ -331,7 +331,7 @@ .wound-value { font-family: var(--cel-font-title); - font-size: 1.0474em; + font-size: 1.1em; font-weight: bold; white-space: nowrap; line-height: 1.2; diff --git a/styles/items.less b/styles/items.less index a2237a0..3e5b76b 100644 --- a/styles/items.less +++ b/styles/items.less @@ -22,7 +22,7 @@ .anomaly-section-title { font-family: var(--cel-font-title); - font-size: 0.86em; + font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.07em; color: var(--cel-green-dark, #0c4c0c); @@ -39,7 +39,7 @@ min-height: 60px; padding: 4px 6px; color: #1a1209; - font-size: 0.88em; + font-size: 0.9em; line-height: 1.5; .editor-content, .prosemirror { color: #1a1209; background: transparent; } p { margin: 0 0 4px 0; color: #1a1209; } @@ -77,7 +77,7 @@ border-bottom: 1px solid var(--cel-orange-light); color: var(--cel-orange); font-family: var(--cel-font-title); - font-size: 1.323em; + font-size: 1.3em; font-weight: bold; padding: 2px 4px; } @@ -114,7 +114,7 @@ background: transparent; border: 1px solid var(--cel-orange-light); color: var(--cel-orange); - font-size: 0.85em; + font-size: 0.8em; option { background: var(--cel-green-dark); color: var(--cel-cream); } } } @@ -123,7 +123,7 @@ display: flex; align-items: center; gap: 4px; - label { color: var(--cel-orange-light); font-size: 0.75em; text-transform: uppercase; } + label { color: var(--cel-orange-light); font-size: 0.8em; text-transform: uppercase; } input[type="number"] { width: 40px; background: transparent; @@ -147,7 +147,7 @@ padding: 5px 12px; color: rgba(240,232,212,0.7); font-family: var(--cel-font-title); - font-size: 0.86em; + font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.07em; cursor: pointer; @@ -186,7 +186,7 @@ display: flex; align-items: center; gap: 4px; - label { color: var(--cel-orange-light); font-size: 0.72em; text-transform: uppercase; } + label { color: var(--cel-orange-light); font-size: 0.7em; text-transform: uppercase; } input[type="number"] { width: 44px; background: transparent; @@ -207,7 +207,7 @@ margin-bottom: 8px; label { display: block; - font-size: 0.75em; + font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.05em; color: var(--cel-border); // #7a5c20 — contraste WCAG AA sur fond crème @@ -228,7 +228,7 @@ .scores-stat-col { .scores-stat-name { font-family: var(--cel-font-title); - font-size: 0.8269em; + font-size: 0.8em; color: var(--cel-orange); // gold text-transform: uppercase; border-bottom: 1px solid var(--cel-border); @@ -266,7 +266,7 @@ display: flex; align-items: center; gap: 4px; - label { color: var(--cel-orange-light); font-size: 0.75em; text-transform: uppercase; } + label { color: var(--cel-orange-light); font-size: 0.8em; text-transform: uppercase; } .level-input, .anomaly-level-value { width: 38px; background: transparent; @@ -301,7 +301,7 @@ border: 1px solid rgba(196,154,26,0.4); color: var(--cel-orange); text-align: center; - font-size: 0.85em; + font-size: 0.8em; } } @@ -327,7 +327,7 @@ .anomaly-skills-label { color: var(--cel-orange-light, #c49a1a); - font-size: 0.72em; + font-size: 0.7em; text-transform: uppercase; letter-spacing: 0.05em; margin-right: 2px; @@ -339,7 +339,7 @@ border: 1px solid rgba(196,154,26,0.55); border-radius: 3px; padding: 1px 7px; - font-size: 0.72em; + font-size: 0.7em; color: var(--cel-cream, #f0e8d4); } } @@ -368,8 +368,8 @@ display: flex; align-items: center; gap: 4px; - label { font-size: 0.75em; color: var(--cel-orange-light); white-space: nowrap; } - select { background: rgba(0,0,0,0.3); border: 1px solid var(--cel-orange); color: var(--cel-orange); font-family: var(--cel-font-title); border-radius: 3px; padding: 2px 4px; font-size: 0.9371em; } + label { font-size: 0.8em; color: var(--cel-orange-light); white-space: nowrap; } + select { background: rgba(0,0,0,0.3); border: 1px solid var(--cel-orange); color: var(--cel-orange); font-family: var(--cel-font-title); border-radius: 3px; padding: 2px 4px; font-size: 0.9em; } } } .weapon-damage-badge { @@ -380,9 +380,9 @@ border: 1px solid var(--cel-orange); border-radius: 6px; padding: 6px 12px; - .damage-label { font-size: 0.72em; text-transform: uppercase; color: var(--cel-orange-light); letter-spacing: 0.05em; } - .damage-value { font-family: var(--cel-font-title); font-size: 1.764em; font-weight: bold; color: var(--cel-orange); min-width: 28px; text-align: center; } - .damage-hint { font-size: 0.78em; color: var(--cel-cream); font-style: italic; } + .damage-label { font-size: 0.7em; text-transform: uppercase; color: var(--cel-orange-light); letter-spacing: 0.05em; } + .damage-value { font-family: var(--cel-font-title); font-size: 1.8em; font-weight: bold; color: var(--cel-orange); min-width: 28px; text-align: center; } + .damage-hint { font-size: 0.8em; color: var(--cel-cream); font-style: italic; } } } @@ -404,10 +404,10 @@ border-radius: 6px; padding: 8px 20px; min-width: 110px; - label { font-size: 0.72em; text-transform: uppercase; color: var(--cel-orange-light); letter-spacing: 0.05em; } + label { font-size: 0.7em; text-transform: uppercase; color: var(--cel-orange-light); letter-spacing: 0.05em; } .armure-stat-value { input[type="number"], span { - font-family: var(--cel-font-title); font-size: 1.9845em; font-weight: bold; color: var(--cel-orange); + font-family: var(--cel-font-title); font-size: 2em; font-weight: bold; color: var(--cel-orange); text-align: center; background: transparent; border: none; width: 40px; } } diff --git a/styles/mixins.less b/styles/mixins.less index f089f9a..b974afd 100644 --- a/styles/mixins.less +++ b/styles/mixins.less @@ -2,7 +2,7 @@ .cel-section-header() { font-family: var(--cel-font-title); - font-size: 0.86em; + font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.1em; // Gold instead of vivid green — Art Déco elegance diff --git a/styles/npc.less b/styles/npc.less index 8b9e838..d810637 100644 --- a/styles/npc.less +++ b/styles/npc.less @@ -14,12 +14,12 @@ color: var(--cel-orange); border-radius: 3px; padding: 2px 6px; - font-size: 0.85em; + font-size: 0.8em; } .npc-type-badge { font-family: var(--cel-font-title); - font-size: 0.882em; + font-size: 0.9em; letter-spacing: 0.05em; text-transform: uppercase; border-radius: 3px; @@ -65,14 +65,14 @@ .domain-label-primary { font-family: var(--cel-font-title); font-weight: bold; - font-size: 1.2128em; + font-size: 1.2em; text-transform: uppercase; letter-spacing: 0.06em; color: var(--cel-orange); } .domain-label-secondary { - font-size: 0.75em; + font-size: 0.8em; color: rgba(220,170,80,0.7); font-style: italic; text-transform: uppercase; @@ -88,7 +88,7 @@ input.domain-value-input { width: 40px; .cel-input-std(); - font-size: 1.323em; + font-size: 1.3em; text-align: center; font-family: var(--cel-font-title); } @@ -116,7 +116,7 @@ .domain-value { font-family: var(--cel-font-title); - font-size: 1.5435em; + font-size: 1.5em; font-weight: bold; color: var(--cel-orange); min-width: 20px; @@ -124,7 +124,7 @@ } .domain-value-base { - font-size: 0.75em; + font-size: 0.8em; color: rgba(220,170,80,0.6); font-style: italic; } @@ -151,7 +151,7 @@ padding: 5px 10px; font-family: var(--cel-font-title); font-weight: bold; - font-size: 0.9923em; + font-size: 1em; text-transform: uppercase; letter-spacing: 0.06em; border-bottom: 1px solid rgba(196,154,26,0.4); @@ -197,7 +197,7 @@ color: var(--cel-orange); font-family: var(--cel-font-title); font-weight: bold; - font-size: 0.9923em; + font-size: 1em; text-transform: uppercase; letter-spacing: 0.06em; border-radius: 4px 4px 0 0; @@ -222,13 +222,13 @@ .faction-name { font-family: var(--cel-font-title); color: var(--cel-orange); - font-size: 1.0474em; + font-size: 1.1em; } .faction-none { font-style: italic; color: rgba(122,92,32,0.5); - font-size: 0.85em; + font-size: 0.8em; } } @@ -242,7 +242,7 @@ border-top: none; border-radius: 0 0 4px 4px; - label { font-size: 0.85em; color: var(--cel-brown); } + label { font-size: 0.8em; color: var(--cel-brown); } select { flex: 1; .cel-input-std(); } } } @@ -269,7 +269,7 @@ font-family: var(--cel-font-title); font-weight: bold; text-transform: uppercase; - font-size: 1.2128em; + font-size: 1.2em; letter-spacing: 0.04em; display: flex; align-items: center; @@ -284,7 +284,7 @@ height: 14px; border-radius: 50%; border: 1px solid currentColor; - font-size: 0.65em; + font-size: 0.7em; font-family: var(--cel-font-body); font-weight: bold; text-transform: none; @@ -340,7 +340,7 @@ gap: 6px; padding: 4px 8px; background: rgba(139,115,85,0.1); - font-size: 0.85em; + font-size: 0.8em; label { color: var(--cel-border); } input[type="number"] { width: 40px; .cel-input-std(); } } @@ -372,7 +372,7 @@ } .item-tag { - font-size: 0.75em; + font-size: 0.8em; padding: 1px 7px; border-radius: 10px; background: rgba(12,76,12,0.15); @@ -399,14 +399,14 @@ justify-content: center; min-width: 20px; min-height: 20px; - font-size: 1.08rem; + font-size: 1.1rem; line-height: 1; } } } .equip-empty { - font-size: 0.85em; + font-size: 0.8em; font-style: italic; color: var(--cel-border); padding: 4px 8px; @@ -465,7 +465,7 @@ .biography-portrait-empty { padding: 14px; color: var(--cel-border); - font-size: 0.82em; + font-size: 0.8em; font-style: italic; text-align: center; line-height: 1.5; @@ -498,7 +498,7 @@ border-radius: 4px; background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(233,223,201,0.95)); color: var(--cel-green); - font-size: 0.82em; + font-size: 0.8em; font-weight: bold; cursor: pointer; @@ -519,7 +519,7 @@ .biography-portrait-hint { margin: 0; - font-size: 0.78em; + font-size: 0.8em; font-style: italic; color: var(--cel-border); } diff --git a/styles/roll.less b/styles/roll.less index 969764f..2fcee0e 100644 --- a/styles/roll.less +++ b/styles/roll.less @@ -30,7 +30,7 @@ .roll-actor { font-family: var(--cel-font-title, "CopaseticNF", serif); color: var(--cel-orange-light, #ddb84a); - font-size: 0.9041em; + font-size: 0.9em; letter-spacing: 0.07em; text-transform: uppercase; opacity: 0.9; @@ -38,7 +38,7 @@ .roll-skill-line { font-family: var(--cel-font-title, "CopaseticNF", serif); - font-size: 1.4443em; + font-size: 1.4em; color: var(--cel-cream, #f0e8d4); margin-top: 2px; @@ -58,24 +58,24 @@ justify-content: center; flex-wrap: wrap; gap: 4px; - font-size: 0.86em; + font-size: 0.9em; color: var(--cel-cream, #f0e8d4); .dval, .nb-dice { font-family: var(--cel-font-title, "CopaseticNF", serif); - font-size: 1.9625em; + font-size: 2em; color: var(--cel-orange, #e07b00); font-weight: bold; line-height: 1; } - .dlabel { font-size: 0.82em; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.75; } + .dlabel { font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.75; } .dminus { color: #f0a0a0; font-weight: bold; } .deq { opacity: 0.55; } .ddice { color: var(--cel-orange, #e07b00); } } .wound-info { - font-size: 0.77em; + font-size: 0.8em; color: #f0a0a0; margin-top: 3px; } @@ -117,17 +117,17 @@ display: flex; align-items: center; justify-content: center; - font-size: 0.68em; + font-size: 0.7em; color: white; } } } - .moon-icon { font-size: 1.26em; flex-shrink: 0; } + .moon-icon { font-size: 1.3em; flex-shrink: 0; } .moon-text { font-family: var(--cel-font-title, "CopaseticNF", serif); - font-size: 1.0143em; + font-size: 1em; color: var(--cel-green, #0c4c0c); } } @@ -152,7 +152,7 @@ label { flex: 0 0 110px; - font-size: 0.82em; + font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.04em; color: var(--cel-border, #7a5c20); @@ -165,7 +165,7 @@ padding: 3px 7px; background: rgba(255,255,255,0.85); font-family: inherit; - font-size: 0.89em; + font-size: 0.9em; color: var(--cel-text, #2f2413); &:focus { outline: 1px solid var(--cel-orange, #e07b00); } @@ -233,7 +233,7 @@ display: flex; align-items: center; justify-content: center; - font-size: 0.68em; + font-size: 0.7em; color: white; } } @@ -242,7 +242,7 @@ } .destin-icon { - font-size: 1.16em; + font-size: 1.2em; color: var(--cel-orange, #e07b00); flex-shrink: 0; } @@ -252,20 +252,20 @@ .destin-main { font-family: var(--cel-font-title, "CopaseticNF", serif); - font-size: 1.0474em; + font-size: 1.1em; color: var(--cel-green, #0c4c0c); display: block; } .destin-bonus { - font-size: 0.76em; + font-size: 0.8em; color: var(--cel-border, #7a5c20); font-style: italic; } } .destin-count { - font-size: 0.79em; + font-size: 0.8em; font-weight: bold; color: var(--cel-green, #0c4c0c); background: rgba(196,154,26,0.2); @@ -326,7 +326,7 @@ display: flex; align-items: center; justify-content: center; - font-size: 0.79em; + font-size: 0.8em; color: white; } } @@ -338,19 +338,19 @@ flex: 1; .puiser-main { font-family: var(--cel-font-title, "CopaseticNF", serif); - font-size: 1.0474em; + font-size: 1.1em; color: var(--cel-accent, #6b1e28); display: block; } .puiser-sub { - font-size: 0.73em; + font-size: 0.7em; color: rgba(0,0,0,0.45); font-style: italic; } } .puiser-cost { - font-size: 0.84em; + font-size: 0.8em; font-weight: bold; color: var(--cel-accent, #6b1e28); background: rgba(107,30,40,0.1); @@ -398,14 +398,14 @@ display: flex; align-items: center; justify-content: center; - font-size: 0.63em; + font-size: 0.6em; color: white; } } } .fortune-icon { - font-size: 1.16em; + font-size: 1.2em; color: var(--cel-green, #0c4c0c); flex-shrink: 0; } @@ -414,19 +414,19 @@ flex: 1; .fortune-main { font-family: var(--cel-font-title, "CopaseticNF", serif); - font-size: 1.0474em; + font-size: 1.1em; color: var(--cel-green, #0c4c0c); display: block; } .fortune-bonus { - font-size: 0.76em; + font-size: 0.8em; color: var(--cel-border, #7a5c20); font-style: italic; } } .fortune-badge { - font-size: 0.84em; + font-size: 0.8em; font-weight: bold; color: var(--cel-green, #0c4c0c); background: rgba(12,76,12,0.12); @@ -450,7 +450,7 @@ gap: 10px; .preview-label { - font-size: 0.73em; + font-size: 0.7em; text-transform: uppercase; letter-spacing: 0.07em; color: var(--cel-border, #7a5c20); @@ -459,7 +459,7 @@ .preview-formula { font-family: var(--cel-font-title, "CopaseticNF", serif); - font-size: 1.8522em; + font-size: 1.9em; color: var(--cel-orange, #e07b00); font-weight: bold; letter-spacing: 0.04em; @@ -481,7 +481,7 @@ .moon-effect-label { display: block; font-family: var(--cel-font-title); - font-size: 0.8379em; + font-size: 0.8em; font-weight: bold; color: var(--cel-border, #7a5c20); text-transform: uppercase; @@ -498,7 +498,7 @@ .moon-effect-btn { font-family: var(--cel-font-title); - font-size: 0.9041em; + font-size: 0.9em; font-weight: bold; padding: 4px 11px; border-radius: 4px; @@ -523,7 +523,7 @@ } .moon-effect-narrative { - font-size: 0.76em; + font-size: 0.8em; color: var(--cel-border, #7a5c20); font-style: italic; align-self: center; @@ -535,7 +535,7 @@ align-items: center; gap: 4px; margin-top: 6px; - font-size: 0.882em; + font-size: 0.9em; font-family: var(--cel-font-title); font-style: italic; padding: 3px 9px; @@ -590,16 +590,16 @@ color: var(--cel-orange, #e07b00); font-weight: bold; letter-spacing: 0.05em; - font-size: 1.0694em; + font-size: 1.1em; } .skill-info { color: var(--cel-cream, #f0e8d4); - font-size: 0.81em; + font-size: 0.8em; font-style: italic; .stat-lbl { color: var(--cel-orange-light, #ddb84a); } .sep { margin: 0 2px; opacity: 0.5; } } - .wound-info { font-size: 0.73em; color: #f0a0a0; } + .wound-info { font-size: 0.7em; color: #f0a0a0; } } .moon-badge { display: none; } @@ -624,7 +624,7 @@ border-radius: 4px; background: white; font-weight: bold; - font-size: 1.2128em; + font-size: 1.2em; font-family: var(--cel-font-title, "CopaseticNF", serif); box-shadow: 1px 1px 2px rgba(0,0,0,0.12); color: var(--cel-text, #2f2413); @@ -653,15 +653,15 @@ padding: 5px 10px 4px; background: var(--cel-cream, #f0e8d4); border-top: 1px solid rgba(122,92,32,0.2); - font-size: 0.87em; + font-size: 0.9em; color: #555; - .fl-label { color: rgba(0,0,0,0.4); font-size: 0.92em; text-transform: uppercase; letter-spacing: 0.04em; margin-right: 2px; } + .fl-label { color: rgba(0,0,0,0.4); font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.04em; margin-right: 2px; } .fl-ndice { color: var(--cel-green, #0c4c0c); font-weight: bold; } .fl-sum { font-weight: bold; color: var(--cel-text, #2f2413); } .fl-total { font-family: var(--cel-font-title, "CopaseticNF", serif); - font-size: 1.742em; + font-size: 1.7em; color: var(--cel-orange, #e07b00); font-weight: bold; line-height: 1; @@ -684,14 +684,14 @@ padding: 5px 12px 6px; background: var(--cel-cream, #f0e8d4); border-top: 1px solid rgba(122,92,32,0.2); - font-size: 0.86em; + font-size: 0.9em; .vs-wrap { display: flex; align-items: baseline; gap: 5px; } - .vs-label { color: rgba(0,0,0,0.35); text-transform: uppercase; font-size: 0.84em; } + .vs-label { color: rgba(0,0,0,0.35); text-transform: uppercase; font-size: 0.8em; } .diff-label{ font-style: italic; color: var(--cel-green, #0c4c0c); } .diff-val { color: rgba(0,0,0,0.45); } @@ -699,7 +699,7 @@ padding: 2px 10px; border-radius: 12px; font-weight: bold; - font-size: 1.2128em; + font-size: 1.2em; font-family: var(--cel-font-title, "CopaseticNF", serif); letter-spacing: 0.05em; @@ -719,7 +719,7 @@ // ── Destin utilisé ── .used-info { text-align: center; - font-size: 0.81em; + font-size: 0.8em; color: var(--cel-orange, #e07b00); padding: 3px 8px; background: rgba(196,154,26,0.1); @@ -757,7 +757,7 @@ } .damage-header { - font-size: 0.76em; + font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.08em; color: var(--cel-border, #7a5c20); @@ -774,13 +774,13 @@ .damage-value { font-family: var(--cel-font-title, "CopaseticNF", serif); - font-size: 2.194em; + font-size: 2.2em; line-height: 1; color: var(--cel-orange, #e07b00); } .damage-unit { - font-size: 0.86em; + font-size: 0.9em; color: var(--cel-green, #0c4c0c); font-weight: bold; } @@ -814,7 +814,7 @@ background: var(--cel-green, #0c4c0c); color: var(--cel-orange-light, #ddb84a); padding: 4px 10px; - font-size: 0.82em; + font-size: 0.8em; font-weight: bold; cursor: pointer; @@ -858,7 +858,7 @@ background: rgba(12,76,12,0.1); color: var(--cel-green, #0c4c0c); font-weight: bold; - font-size: 0.95em; + font-size: 0.9em; } // ── Résultat dé de lune ── @@ -871,7 +871,7 @@ font-family: var(--cel-font-body, serif); .moon-die-face { - font-size: 1.89em; + font-size: 1.9em; line-height: 1; flex-shrink: 0; } @@ -884,7 +884,7 @@ } .moon-die-phase { - font-size: 0.76em; + font-size: 0.8em; opacity: 0.75; text-transform: uppercase; letter-spacing: 0.05em; @@ -892,14 +892,14 @@ .moon-die-type { font-family: var(--cel-font-title, "CopaseticNF", serif); - font-size: 1.1025em; + font-size: 1.1em; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; } .moon-die-desc { - font-size: 0.76em; + font-size: 0.8em; font-style: italic; opacity: 0.85; line-height: 1.3; @@ -936,13 +936,13 @@ border-top: 2px solid rgba(0,0,0,0.1); .result-icon { - font-size: 0.89em; + font-size: 0.9em; opacity: 0.85; letter-spacing: 0.15em; } - .result-label { font-size: 1.26em; line-height: 1.2; } + .result-label { font-size: 1.3em; line-height: 1.2; } .result-desc { - font-size: 0.68em; + font-size: 0.7em; letter-spacing: 0.08em; margin-top: 2px; opacity: 0.8; @@ -1010,7 +1010,7 @@ .welcome-title { font-family: var(--cel-font-title, "CopaseticNF", serif); color: var(--cel-orange, #e07b00); - font-size: 1.1356em; + font-size: 1.1em; letter-spacing: 0.05em; text-transform: uppercase; } @@ -1018,7 +1018,7 @@ .welcome-body { padding: 9px 11px 10px; color: var(--cel-text, #2f2413); - font-size: 0.88em; + font-size: 0.9em; line-height: 1.45; p { @@ -1038,7 +1038,7 @@ display: block; margin-bottom: 2px; color: var(--cel-border, #7a5c20); - font-size: 0.76em; + font-size: 0.8em; font-weight: bold; letter-spacing: 0.05em; text-transform: uppercase; @@ -1088,7 +1088,7 @@ .portrait-message-title { font-family: var(--cel-font-title, "CopaseticNF", serif); color: var(--cel-orange, #e07b00); - font-size: 1.1356em; + font-size: 1.1em; letter-spacing: 0.05em; text-transform: uppercase; } @@ -1101,7 +1101,7 @@ .portrait-message-name { margin-bottom: 8px; color: var(--cel-green, #0c4c0c); - font-size: 0.88em; + font-size: 0.9em; font-weight: bold; letter-spacing: 0.04em; text-transform: uppercase; @@ -1208,7 +1208,7 @@ font-family: var(--cel-font-title, "CopaseticNF", serif); text-transform: uppercase; letter-spacing: 0.05em; - font-size: 1.0143em; + font-size: 1em; } .faction-aspect-points { @@ -1216,7 +1216,7 @@ flex-wrap: wrap; gap: 5px; margin-bottom: 4px; - font-size: 0.84em; + font-size: 0.8em; } .faction-aspect-point-card { @@ -1230,7 +1230,7 @@ border: 1px solid rgba(122,92,32,0.18); strong { - font-size: 0.76em; + font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.04em; color: var(--cel-border, #7a5c20); @@ -1239,14 +1239,14 @@ em { font-style: normal; font-family: var(--cel-font-title, "CopaseticNF", serif); - font-size: 1.2128em; + font-size: 1.2em; color: var(--cel-orange, #e07b00); line-height: 1; } } .faction-aspect-source-line { - font-size: 0.82em; + font-size: 0.8em; color: var(--cel-border, #7a5c20); } @@ -1256,7 +1256,7 @@ border-radius: 4px; background: rgba(184, 74, 46, 0.08); color: var(--cel-accent, #6b1e28); - font-size: 0.84em; + font-size: 0.8em; } .faction-aspect-tag-list, @@ -1274,7 +1274,7 @@ background: rgba(12, 76, 12, 0.08); border: 1px solid rgba(12, 76, 12, 0.18); color: var(--cel-green, #0c4c0c); - font-size: 0.76em; + font-size: 0.8em; font-weight: bold; } @@ -1288,7 +1288,7 @@ label { display: block; margin-bottom: 2px; - font-size: 0.71em; + font-size: 0.7em; text-transform: uppercase; letter-spacing: 0.04em; color: var(--cel-border, #7a5c20); @@ -1303,7 +1303,7 @@ border-radius: 3px; padding: 2px 6px; background: rgba(255,255,255,0.9); - font-size: 0.82em; + font-size: 0.8em; color: var(--cel-text, #2f2413); box-sizing: border-box; } @@ -1335,7 +1335,7 @@ background: rgba(224,123,0,0.12); color: var(--cel-orange, #e07b00); font-family: var(--cel-font-title, "CopaseticNF", serif); - font-size: 0.8379em; + font-size: 0.8em; line-height: 1; cursor: help; vertical-align: middle; @@ -1357,7 +1357,7 @@ color: var(--cel-orange, #e07b00); font-family: var(--cel-font-title, "CopaseticNF", serif); margin-bottom: 4px; - font-size: 0.9482em; + font-size: 0.9em; } } @@ -1365,7 +1365,7 @@ display: flex; align-items: center; gap: 4px; - font-size: 0.78em; + font-size: 0.8em; } .faction-aspect-active-list { @@ -1398,13 +1398,13 @@ .faction-aspect-active-value { color: var(--cel-orange, #e07b00); font-family: var(--cel-font-title, "CopaseticNF", serif); - font-size: 1.0694em; + font-size: 1.1em; } .faction-aspect-empty { color: rgba(0,0,0,0.5); font-style: italic; - font-size: 0.78em; + font-size: 0.8em; } .faction-aspect-remove-block { @@ -1433,7 +1433,7 @@ border-left: 3px solid #c0392b; border-radius: 4px; color: #f0c0c0; - font-size: 0.89em; + font-size: 0.9em; .wound-icon { font-size: 1em; } } } @@ -1453,9 +1453,9 @@ align-items: center; gap: 0.3em; margin-bottom: 1px; - font-size: 0.89em; + font-size: 0.9em; color: var(--cel-orange, #e07b00); - .weapon-icon-small { font-size: 0.95em; } + .weapon-icon-small { font-size: 0.9em; } .weapon-degats-small { font-weight: bold; color: var(--cel-border, #7a5c20); @@ -1470,20 +1470,20 @@ align-items: center; gap: 0.4em; margin-bottom: 2px; - font-size: 0.95em; + font-size: 0.9em; color: var(--cel-orange, #e07b00); .weapon-icon { font-size: 1em; } .weapon-degats { font-weight: bold; color: var(--cel-border, #7a5c20); - font-size: 0.89em; + font-size: 0.9em; } } .form-corps-pnj { .corps-pnj-input { width: 70px; - font-size: 1.2789em; + font-size: 1.3em; font-weight: bold; text-align: center; font-family: var(--cel-font-title, "CopaseticNF", serif); @@ -1504,7 +1504,7 @@ label { color: var(--cel-orange, #e07b00); font-weight: bold; - font-size: 0.89em; + font-size: 0.9em; display: flex; align-items: center; gap: 5px; @@ -1519,7 +1519,7 @@ border: 1px solid rgba(196, 154, 26, 0.5); border-radius: 3px; padding: 2px 4px; - font-size: 0.89em; + font-size: 0.9em; max-width: 200px; } } @@ -1535,7 +1535,7 @@ align-items: center; gap: 6px; color: var(--cel-orange, #e07b00); - font-size: 0.92em; + font-size: 0.9em; font-style: italic; i { opacity: 0.8; } @@ -1550,7 +1550,7 @@ label { color: var(--cel-accent, #6b1e28); - font-size: 0.89em; + font-size: 0.9em; font-weight: bold; display: flex; align-items: center; @@ -1566,13 +1566,13 @@ border: 1px solid rgba(200, 100, 60, 0.4); border-radius: 3px; padding: 2px 4px; - font-size: 0.89em; + font-size: 0.9em; } } .form-threshold-fixed { .threshold-value { - font-size: 1.3892em; + font-size: 1.4em; font-weight: bold; font-family: var(--cel-font-title, "CopaseticNF", serif); color: var(--cel-orange, #e07b00); @@ -1598,7 +1598,7 @@ input[type="checkbox"] { flex-shrink: 0; } .opposition-icon { - font-size: 1.26em; + font-size: 1.3em; color: var(--cel-orange, #e07b00); } @@ -1609,13 +1609,13 @@ .opposition-main { font-weight: bold; - font-size: 1.0474em; + font-size: 1.1em; font-family: var(--cel-font-title, "CopaseticNF", serif); color: var(--cel-orange, #e07b00); } .opposition-sub { - font-size: 0.79em; + font-size: 0.8em; color: #8a7060; font-style: italic; } @@ -1651,7 +1651,7 @@ .moon-standalone-title { font-family: var(--cel-font-title); - font-size: 1.1025em; + font-size: 1.1em; font-weight: bold; color: var(--cel-green-dark, #0c4c0c); text-transform: uppercase; @@ -1659,7 +1659,7 @@ } .moon-standalone-actor { - font-size: 0.89em; + font-size: 0.9em; color: var(--cel-text, #333); font-style: italic; } @@ -1688,13 +1688,13 @@ .moon-standalone-phase { font-family: var(--cel-font-title); - font-size: 1.1025em; + font-size: 1.1em; font-weight: bold; color: var(--cel-text, #333); } .moon-standalone-value { - font-size: 0.84em; + font-size: 0.8em; color: var(--cel-text-light, #666); font-style: italic; } @@ -1711,7 +1711,7 @@ gap: 8px; .moon-interpret-label { - font-size: 0.76em; + font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.07em; color: rgba(0,0,0,0.45); @@ -1719,7 +1719,7 @@ } .moon-fortune { - font-size: 0.89em; + font-size: 0.9em; font-weight: bold; border-radius: 3px; padding: 1px 8px; @@ -1783,11 +1783,11 @@ color: var(--cel-orange, #e07b00); font-weight: bold; letter-spacing: 0.05em; - font-size: 1.0694em; + font-size: 1.1em; } .skill-info { color: var(--cel-cream, #f0e8d4); - font-size: 0.81em; + font-size: 0.8em; font-style: italic; } } @@ -1815,19 +1815,19 @@ } .initiative-icon { - font-size: 1.16em; + font-size: 1.2em; opacity: 0.9; font-style: normal; } .initiative-score { - font-size: 2.52em; + font-size: 2.5em; font-weight: bold; line-height: 1; } .initiative-detail { - font-size: 0.68em; + font-size: 0.7em; opacity: 0.75; font-style: italic; font-family: var(--cel-font-body, serif);