diff --git a/ICON RPG [MassifPress]/articles/_journal.pug b/ICON RPG [MassifPress]/articles/_journal.pug index 0c2f4f926e..db05da655f 100644 --- a/ICON RPG [MassifPress]/articles/_journal.pug +++ b/ICON RPG [MassifPress]/articles/_journal.pug @@ -1,5 +1,5 @@ article#journal.journal.paper-background.nav-display - section#auto-fit.wide-gap + section#auto-fit include shared/sections/_xp.pug include shared/sections/_dust.pug section#auto-fit diff --git a/ICON RPG [MassifPress]/articles/_narrative.pug b/ICON RPG [MassifPress]/articles/_narrative.pug index e7fa369dcc..63eb281671 100644 --- a/ICON RPG [MassifPress]/articles/_narrative.pug +++ b/ICON RPG [MassifPress]/articles/_narrative.pug @@ -1,6 +1,8 @@ article#narrative.narrative.paper-background.nav-display - section#auto-fit.wide-gap + section#auto-fit include narrative/sections/_resources.pug + .span-all.center + p(class='mono')|Known Bug: Please double click the diamonds to select your current Effort / Strain. section#auto-fill include narrative/sections/_actions.pug include narrative/sections/_bond.pug diff --git a/ICON RPG [MassifPress]/articles/journal/sections/_ambitions.pug b/ICON RPG [MassifPress]/articles/journal/sections/_ambitions.pug index c87ac344e2..1d6ca16eee 100644 --- a/ICON RPG [MassifPress]/articles/journal/sections/_ambitions.pug +++ b/ICON RPG [MassifPress]/articles/journal/sections/_ambitions.pug @@ -17,7 +17,7 @@ section#ambitions.ambitions.span-2.long-2 .flex-box.row.justify-end .flex-box.col.no-gap +select-label({ - label:'size:', + label:'size', inputObj:{name:'clock-size'}, divObj:{class:'dropdown stat', style:'width:100px; margin:0px;'}, spanObj:{class:'capitalize smallcaps', style:'width:50px;'} @@ -46,13 +46,17 @@ section#ambitions.ambitions.span-2.long-2 +radio({name:`ac-${val}`, class:`clock-radio clock-${num}`, value:`${num}`}) div.clock-face .flex-box.row.center - +textarea({name:'notes', class:'textarea-6 ambition fixed', 'data-i18n-placeholder':`write about your ${name} goals, projects, or desires here`}) - +button({name:'quote', type:'roll', class:'quote'}) + +textarea({name:'notes', class:'textarea-6 ambition fixed', 'data-i18n-placeholder':`${name} ambition desc`}) + if name === 'personal' + +button({name:'quote', type:'roll', class:'roll-quote', value:"&{template:icon} {{name=personal ambition}} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{text=@{notes}}}"}) + else + +button({name:'quote', type:'roll', class:'roll-quote', value:"&{template:icon} {{name=group ambition}} {{character_name=@{group_name}}} {{text=@{notes}}}"}) .hide-note - p(class='bold capitalize', 'data-i18n'='ambition action roll:') + p(class='bold capitalize', 'data-i18n'='ambition action roll') +checkbox({class:'collapse', value:'0', name:'collapse-ambition'}) .notes.expanded - p(class='indent bullet', 'data-i18n'="1-3 = ambition advances by one segment") - p(class='indent bullet', 'data-i18n'="4-5 = ambition advances by two segments") - p(class='indent bullet', 'data-i18n'="6 = ambition advances by three segments") - p(class='indent bullet', 'data-i18n'="you may also spend 2 dust to advance by one segment") \ No newline at end of file + p(class='indent bullet', 'data-i18n'="ambition reminder line 1") + p(class='indent bullet', 'data-i18n'="ambition reminder line 2") + p(class='indent bullet', 'data-i18n'="ambition reminder line 3") + p(class='indent bullet', 'data-i18n'="ambition reminder line 4") + p('data-i18n'="ambition reminder line 0") \ No newline at end of file diff --git a/ICON RPG [MassifPress]/articles/journal/sections/_notes.pug b/ICON RPG [MassifPress]/articles/journal/sections/_notes.pug index fc354465ae..9c62091106 100644 --- a/ICON RPG [MassifPress]/articles/journal/sections/_notes.pug +++ b/ICON RPG [MassifPress]/articles/journal/sections/_notes.pug @@ -1,9 +1,9 @@ section#notes.notes.span-2 h1(data-i18n='notes') .flex-box - +textarea({name:'bond notes', class:'textarea-3', 'data-i18n-placeholder':'write anything you want here'}) - +button({name:'quote', type:'roll', class:'quote'}) + +textarea({name:'notes', class:'textarea-3', 'data-i18n-placeholder':'write anything you want here'}) + +button({name:'quote', type:'roll', class:'roll-quote', value:"&{template:icon} {{name=additional notes}} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{text=@{notes}}}"}) +fieldset({name:'additional-notes'}) .flex-box +textarea({name:'notes', class:'textarea-4', 'data-i18n-placeholder':'write any additional notes here'}) - +button({name:'quote', type:'roll', class:'quote'}) \ No newline at end of file + +button({name:'quote', type:'roll', class:'roll-quote', value:"&{template:icon} {{name=additional notes}} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{text=@{notes}}}"}) \ No newline at end of file diff --git a/ICON RPG [MassifPress]/articles/narrative/sections/_actions.pug b/ICON RPG [MassifPress]/articles/narrative/sections/_actions.pug index 4b98be5114..29aa7c4129 100644 --- a/ICON RPG [MassifPress]/articles/narrative/sections/_actions.pug +++ b/ICON RPG [MassifPress]/articles/narrative/sections/_actions.pug @@ -17,29 +17,48 @@ section#actions.actions h1(data-i18n='actions') each name in actions .flex-box.space-around - +roller({name, trigger:{triggeredFuncs:['iconRoll']}}) - +input({name, value:`${name}`, class:'action-label uppercase bigger', 'aria-level':3, data_i18n:`${name}`, type:'label', readonly:true}) - //- +number({name:`${name}_dice`, readonly:'true', class:'autocalc', value:`(@{${name}-dots}+@{${name}-knack}-@{${name}-burden})`, 'aria-level':5}) - +fillLeft({ - radioObj:{name:`${name}_dice`}, - divObj:{class:'action-radio'}, - valueArray:[0,1,2,3,4] + +button({name:`roll ${name}`, type:'roll', class:'roll-d6', + value:`&{template:icon} {{name=${name}}} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{roll_name=Action Roll}} {{hidden-calc=[[(@{${name}_dice}@{curses})]]}} {{action-roll0=[[(@{${name}_dice}@{curses})d6kh1sd]]}} {{action-roll1=[[2d6kl1sd]]}}` }) - +span({style:'width:20px; height:20px'}) - +checkbox({name:`${name}-knack`, value:'1', class:'checkbox magenta tick'}) - +span({style:'width:20px; height:20px'}) - +checkbox({name:`${name}-burden`, value:'1', class:'checkbox'}) + +input({name, value:`${name}`, class:'action-label uppercase bigger', 'aria-level':3, data_i18n:`${name}`, type:'label', readonly:true}) + +number({name:`${name} dice`, disabled:'true', class:'autocalc', value:`(@{${name}_dots}+@{${name}_knack}-@{${name}_burden})`, 'aria-level':5}) + .action-dots.center + each num in [0,1,2,3,4] + if num === 0 + +input({name:`${name} dots`, type:'radio', class:'fill-left dots radio-zero', value:`${num}`, checked:'true'}) + span + else + +input({name:`${name} dots`, type:'radio', class:'fill-left dots', value:`${num}`}) + span + .action-checkboxes + +checkbox({name:`${name} knack`, value:'1', class:'checkbox magenta up'}) + .action-checkboxes + +checkbox({name:`${name} burden`, value:'1', class:'checkbox black down'}) +fieldset({name:'action'}) .flex-box.space-around - +roller({name:'custom', trigger:{triggeredFuncs:['iconRoll']}}) - +text({name:'name', class:'action-label uppercase bigger', 'aria-level':3, 'data-i18n-placeholder':'custom'}) - //- +number({name:'dice', disabled:'true', class:'autocalc', value:'(@{dots}+@{knack}-@{burden})', 'aria-level':5}) - +fillLeft({ - radioObj:{name:'dots'}, - divObj:{class:'action-radio'}, - valueArray:[0,1,2,3,4] + +button({name:`roll`, type:'roll', class:'roll-d6', + value:'&{template:icon} {{name=@{name}}} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{roll_name=Action Roll}} {{hidden-calc=[[(@{dice}@{curses})]]}} {{action-roll0=[[(@{dice}@{curses})d6kh1sd]]}} {{action-roll1=[[2d6kl1sd]]}}' }) - +span({style:'width:20px; height:20px'}) - +checkbox({name:'knack', value:'1', class:'checkbox magenta tick'}) - +span({style:'width:20px; height:20px'}) - +checkbox({name:'burden', value:'1', class:'checkbox'}) \ No newline at end of file + +text({name:'name', class:'action-label uppercase bigger', 'aria-level':3, 'data-i18n-placeholder':'custom'}) + +number({name:'dice', disabled:'true', class:'autocalc', value:'(@{dots}+@{knack}-@{burden})', 'aria-level':5}) + .action-dots.center + each num in [0,1,2,3,4] + if num === 0 + +input({name:'dots', type:'radio', class:'fill-left dots radio-zero', value:`${num}`, checked:'true'}) + span + else + +input({name:'dots', type:'radio', class:'fill-left dots', value:`${num}`}) + span + .action-checkboxes + +checkbox({name:'knack', value:'1', class:'checkbox magenta up'}) + .action-checkboxes + +checkbox({name:'burden', value:'1', class:'checkbox black down'}) + .hide-note + p(class='bold capitalize', 'data-i18n'='fortune action roll') + +checkbox({class:'collapse', value:'0', name:'collapse-ambition'}) + .notes.expanded + p('data-i18n'="fortune reminder line 0") + p(class='indent bullet', 'data-i18n'="fortune reminder line 1") + p(class='indent bullet', 'data-i18n'="fortune reminder line 2") + p(class='indent bullet', 'data-i18n'="fortune reminder line 3") + p(class='indent bullet', 'data-i18n'="fortune reminder line 4") \ No newline at end of file diff --git a/ICON RPG [MassifPress]/articles/narrative/sections/_bond.pug b/ICON RPG [MassifPress]/articles/narrative/sections/_bond.pug index 27913cfb57..48690932a3 100644 --- a/ICON RPG [MassifPress]/articles/narrative/sections/_bond.pug +++ b/ICON RPG [MassifPress]/articles/narrative/sections/_bond.pug @@ -13,4 +13,7 @@ section#bond.bond p(class='bold capitalize', 'data-i18n'='additional notes') +checkbox({class:'collapse', value:'0', name:'collapse-bond'}) .notes.expanded - +textarea({name:'bond notes', class:'textarea-3', 'data-i18n-placeholder':'write anything you want here'}) + .flex-box + +textarea({name:'notes', class:'textarea-3', 'data-i18n-placeholder':'write anything you want here'}) + +button({name:'quote', type:'roll', class:'roll-quote', value:"&{template:icon} {{name=additional notes}} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{text=@{notes}}}"}) + p('data-i18n'="you can find more notes in the journal tab") diff --git a/ICON RPG [MassifPress]/articles/narrative/sections/_burdens.pug b/ICON RPG [MassifPress]/articles/narrative/sections/_burdens.pug index f4cbcf6030..4c45afb122 100644 --- a/ICON RPG [MassifPress]/articles/narrative/sections/_burdens.pug +++ b/ICON RPG [MassifPress]/articles/narrative/sections/_burdens.pug @@ -5,7 +5,7 @@ section#burdens.burdens .flex-box.col.center +text({name:'name', class:'burden underlined capitalize short-text', 'data-i18n-placeholder':'burden'}) +select-label({ - label:'size:', + label:'size', inputObj:{name:'clock-size'}, divObj:{class:'dropdown stat', style:'width:100px'}, spanObj:{class:'capitalize smallcaps', style:'width:50px'} diff --git a/ICON RPG [MassifPress]/articles/narrative/sections/_powers.pug b/ICON RPG [MassifPress]/articles/narrative/sections/_powers.pug index 7eacdd7063..89eb3278e8 100644 --- a/ICON RPG [MassifPress]/articles/narrative/sections/_powers.pug +++ b/ICON RPG [MassifPress]/articles/narrative/sections/_powers.pug @@ -13,16 +13,16 @@ section#powers.powers.long-2 h3(data-i18n=`${name}s`) +fieldset({name}) .flex-box.underlined - +text({name:'name', class:'h3-style-input power'}) + +text({name:'name', class:'h3-style-input power', 'data-i18n-placeholder':'power'}) +number({name:'uses', class:`${name}`, placeholder:'⬧'}) +select({name:'type', class:`${name} type`}) - +option({value:'na', 'data-i18n':'NA', selected}) - +option({value:'scene', 'data-i18n':'per scene'}) - +option({value:'session', 'data-i18n':'per session'}) + +option({value:'', 'data-i18n':'NA', selected}) + +option({value:'/ scene', 'data-i18n':'per scene'}) + +option({value:'/ session', 'data-i18n':'per session'}) +option({value:'passive', 'data-i18n':'passive'}) +option({value:'effort', 'data-i18n':'effort'}) +option({value:'strain', 'data-i18n':'strain'}) - +button({name:'quote', type:'roll', class:'quote'}) + +button({name:'quote', type:'roll', class:'roll-quote', value:"&{template:icon} {{name=@{name}}} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{summary=@{uses} @{type}}} {{effect=@{effect}}}"}) if name === 'power' .flex-box +textarea({name:'effect', class:'textarea-4', 'data-i18n-placeholder':'power placeholder'}) diff --git a/ICON RPG [MassifPress]/articles/narrative/sections/_resources.pug b/ICON RPG [MassifPress]/articles/narrative/sections/_resources.pug index eaa503b7e8..8753479edc 100644 --- a/ICON RPG [MassifPress]/articles/narrative/sections/_resources.pug +++ b/ICON RPG [MassifPress]/articles/narrative/sections/_resources.pug @@ -9,10 +9,75 @@ each name in resource +section({class:`${name} half-gap boxed well-padded`, id:'resource'}) .flex-box.center +input-label({label:`${name}`, - inputObj:{name, type:'number', value:'0', readonly:true, style:'width:20%;'}, + inputObj:{name, class:'bigger', type:'number', value:'0', readonly:true, style:'width:20%;'}, spanObj:{role:'heading', class:'bigger', 'aria-level':3} }) - +select({name:`${name}_max`, class:'dropdown stat resource', style:'width:40%;'}) + .flex-box.resource + if name === 'effort' + +hidden({name:`${name}_max`, class:'resource-switch', value:'3'}) + else + +hidden({name:`${name}_max`, class:'resource-switch', value:'5'}) + if name === 'effort' + .resource_2.center + each num in [0,1,2] + if num === 0 + +input({name, type:'radio', class:'fill-left diamonds radio-zero', value:`${num}`}) + span + else + +input({name, type:'radio', class:'fill-left diamonds', value:`${num}`}) + span + .resource_3.center + each num in [0,1,2,3] + if num === 0 + +input({name, type:'radio', class:'fill-left diamonds radio-zero', value:`${num}`}) + span + else + +input({name, type:'radio', class:'fill-left diamonds', value:`${num}`}) + span + .resource_4.center + each num in [0,1,2,3,4] + if num === 0 + +input({name, type:'radio', class:'fill-left diamonds radio-zero', value:`${num}`}) + span + else + +input({name, type:'radio', class:'fill-left diamonds', value:`${num}`}) + span + .resource_5.center + each num in [0,1,2,3,4,5] + if num === 0 + +input({name, type:'radio', class:'fill-left diamonds radio-zero', value:`${num}`}) + span + else + +input({name, type:'radio', class:'fill-left diamonds', value:`${num}`}) + span + .resource_6.center + each num in [0,1,2,3,4,5,6] + if num === 0 + +input({name, type:'radio', class:'fill-left diamonds radio-zero', value:`${num}`}) + span + else + +input({name, type:'radio', class:'fill-left diamonds resource-small', value:`${num}`}) + span + if name === 'strain' + .resource_7.center + each num in [0,1,2,3,4,5,6,7] + if num === 0 + +input({name, type:'radio', class:'fill-left diamonds resource-small radio-zero', value:`${num}`}) + span + else + +input({name, type:'radio', class:'fill-left diamonds resource-smaller', value:`${num}`}) + span + .resource_8.center + each num in [0,1,2,3,4,5,6,7,8] + if num === 0 + +input({name, type:'radio', class:'fill-left diamonds resource-smaller radio-zero', value:`${num}`}) + span + else + +input({name, type:'radio', class:'fill-left diamonds resource-smallerer', value:`${num}`}) + span + .flex-box.center + +label({name:`${name} size`, class:'input-label capitalize status', 'data-i18n':`max ${name}`, 'aria-label':5}) + +select({name:`${name}_max`, class:'dropdown stat resource underlined', style:'width:40%;'}) if name === 'effort' each val in [2,3,4,5,6] if val === 3 @@ -25,61 +90,12 @@ each name in resource option(value=`${val}`, selected=true) #{val} else option(value=`${val}`) #{val} - .flex-box.resource - if name === 'effort' - +hidden({name:`${name}_max`, class:'resource-switch', value:'3'}) - else - +hidden({name:`${name}_max`, class:'resource-switch', value:'5'}) - if name === 'effort' - +div({class:`${name} resource_2`}) - +fillLeft({ - radioObj:{name}, - divObj:{class:'resource-radio'}, - valueArray:[0,1,2] - }) - +div({class:`${name} resource_3`}) - +fillLeft({ - radioObj:{name}, - divObj:{class:'resource-radio'}, - valueArray:[0,1,2,3] - }) - +div({class:`${name} resource_4`}) - +fillLeft({ - radioObj:{name}, - divObj:{class:'resource-radio'}, - valueArray:[0,1,2,3,4] - }) - +div({class:`${name} resource_5`}) - +fillLeft({ - radioObj:{name}, - divObj:{class:'resource-radio'}, - valueArray:[0,1,2,3,4,5] - }) - +div({class:`${name} resource_6`}) - +fillLeft({ - radioObj:{name}, - divObj:{class:'resource-radio'}, - valueArray:[0,1,2,3,4,5,6] - }) - if name === 'strain' - +div({class:`${name} resource_7`}) - +fillLeft({ - radioObj:{name}, - divObj:{class:'resource-radio'}, - valueArray:[0,1,2,3,4,5,6,7] - }) - +div({class:`${name} resource_8`}) - +fillLeft({ - radioObj:{name}, - divObj:{class:'resource-radio'}, - valueArray:[0,1,2,3,4,5,6,7,8] - }) .flex-box.center if name === 'effort' .flex-box - +label({name:'exhausted-label', class:'input-label capitalize', 'data-i18n':'exhausted', 'aria-label':5}) - +checkbox({name:'exhausted'}) + +label({name:'exhausted-label', class:'input-label uppercase status', 'data-i18n':'exhausted', 'aria-label':5}) + +checkbox({name:'exhausted', class:'checkbox orange cross', value:'1'}) else .flex-box - +label({name:'broken-label', class:'input-label capitalize', 'data-i18n':'broken', 'aria-label':5}) - +checkbox({name:'broken'}) \ No newline at end of file + +label({name:'broken-label', class:'input-label uppercase status', 'data-i18n':'broken', 'aria-label':5}) + +checkbox({name:'broken', class:'checkbox black cross', value:'1'}) \ No newline at end of file diff --git a/ICON RPG [MassifPress]/articles/roster/sections/_add_abilities.pug b/ICON RPG [MassifPress]/articles/roster/sections/_add_abilities.pug index 6e4a87293d..1967dca899 100644 --- a/ICON RPG [MassifPress]/articles/roster/sections/_add_abilities.pug +++ b/ICON RPG [MassifPress]/articles/roster/sections/_add_abilities.pug @@ -5,18 +5,20 @@ section#add-abilities.add-abilities.long-2 +hidden({name:'class', class:'color-control', value:'inactive'}) +div({class:'flex-box color-receiver center', style:'height:39px!important;'}) span(style='width:39px!important; height:39px!important;').center - +button({name:'quote', class:'quote center', type:'roll', trigger:{listenerFunc:'initiateRoll'}}) + +button({name:'use', class:'roll-d20 center col', + value:"&{template:icon} {{name=@{name}}} {{character_name=@{class} Ability}} {{summary=@{info-b}}} {{info=@{info-a} ⬧ @{info-c}}} {{effect=@{effects}}}" + }) +hidden({name:'class', class:'color-control', value:'inactive'}) +text({name:'name', class:'h3-style-input color-receiver center job-h1-receiver', 'data-i18n-placeholder':'ability'}) .color-selector +hidden({name:'class', class:'color-control', value:'inactive'}) +select({name:'class', class:'color-selector color-receiver', style:'height:39px; width:100%;'}) - +option({value:'general', 'data-i18n':'general'}) - +option({value:'stalwart', 'data-i18n':'stalwart'}) - +option({value:'vagabond', 'data-i18n':'vagabond'}) - +option({value:'mendicant', 'data-i18n':'mendicant'}) - +option({value:'wright', 'data-i18n':'wright'}) - +option({value:'inactive', 'data-i18n':'inactive', selected:true}) + +option({value:'unique', 'data-i18n':'unique'}) + +option({value:'heavy', 'data-i18n':'heavy'}) + +option({value:'skirmisher', 'data-i18n':'skirmisher'}) + +option({value:'leader', 'data-i18n':'leader'}) + +option({value:'artillery', 'data-i18n':'artillery'}) + +option({value:'mob', 'data-i18n':'mob', selected:true}) .grid___3col.half-gap.center +text({name:'info-a', class:'ability-info underlined capitalize right'}) +text({name:'info-b', class:'ability-info underlined capitalize center', placeholder:'⬧'}) diff --git a/ICON RPG [MassifPress]/articles/roster/sections/_clocks.pug b/ICON RPG [MassifPress]/articles/roster/sections/_clocks.pug index c7a18163b8..be7681edf3 100644 --- a/ICON RPG [MassifPress]/articles/roster/sections/_clocks.pug +++ b/ICON RPG [MassifPress]/articles/roster/sections/_clocks.pug @@ -1,10 +1,10 @@ section#clocks.clocks h1(data-i18n='clocks') +fieldset({name:'general-clock'}) - .flex-box.row.justify-end + .grid__2col .flex-box.col.no-gap +select-label({ - label:'size:', + label:'size', inputObj:{name:'size'}, divObj:{class:'dropdown stat', style:'width:100px; margin:0px;'}, spanObj:{class:'capitalize smallcaps', style:'width:50px;'} @@ -32,6 +32,9 @@ section#clocks.clocks each num in [0,1,4,6,8,11,12,13,16,18,20,23] +radio({name:`gc-${val}`, class:`clock-radio clock-${num}`, value:`${num}`}) div.clock-face - .flex-box.row.center - +textarea({name:'notes', class:'textarea-6 ambition fixed', 'data-i18n-placeholder':'write any notes about this clock'}) - +button({name:'quote', type:'roll', class:'quote'}) \ No newline at end of file + .flex-box.col.no-gap + .flex-box.row.center.span-all + +text({name:'name', class:'h3-style-input center', 'data-i18n-placeholder':'clock name', 'aria-level':3}) + +button({name:'quote', type:'roll', class:'roll-quote relative', value:"&{template:icon} {{name=@{name} clock}} {{character_name=Size @{size}}} {{text=@{notes}}}", style:'left:-4px;'}) + .flex-box.row.center + +textarea({name:'notes', class:'textarea-6 ambition fixed', 'data-i18n-placeholder':'write any notes about this clock', style:'width:100%;'}) \ No newline at end of file diff --git a/ICON RPG [MassifPress]/articles/roster/sections/_npcs.pug b/ICON RPG [MassifPress]/articles/roster/sections/_npcs.pug index 8cc9e4ec76..f0421a7e4f 100644 --- a/ICON RPG [MassifPress]/articles/roster/sections/_npcs.pug +++ b/ICON RPG [MassifPress]/articles/roster/sections/_npcs.pug @@ -14,8 +14,8 @@ ]; - -section#npcs.npcs.span-all - h1(data-i18n='foes / allies') +section#npcs.npcs.span-all.top-margin + h1(data-i18n='foes_allies') .repcol.npc +fieldset({name:'npc'}) .grid__3col.no-gap @@ -27,7 +27,7 @@ section#npcs.npcs.span-all option(value="3")|Ⅲ option(value="4")|Ⅳ +hidden({name:'class', class:'color-control', value:'mob'}) - +text({name:'name', class:'h3-style-input color-receiver center job-h1-receiver', 'data-i18n-placeholder':'npc / summon / foe'}) + +text({name:'name', class:'h3-style-input color-receiver center job-h1-receiver', 'data-i18n-placeholder':'npc_summon_foe'}) .color-selector +hidden({name:'class', class:'color-control', value:'mob'}) +select({name:'class', class:'color-selector color-receiver', style:'height:39px; width:100%;'}) @@ -54,33 +54,43 @@ section#npcs.npcs.span-all +label({class:'input-label', style:'height:26px;'}) +span({class:'smallcaps input-label__text', 'data-i18n':`${name}`, role:'heading', 'aria-level':5}) +select({name:'damage', class:'input-label__input underlined chapter-select damage-die'}) - +option({value:'4'})|d4 - +option({value:'6', selected:true})|d6 + +option({value:'2'})|d2 + +option({value:'4', selected:true})|d4 + +option({value:'6'})|d6 +option({value:'8'})|d8 +option({value:'10'})|d10 +option({value:'12'})|d12 else +input-label({ label:`${name}`, - inputObj:{name, class:'info-label underlined', type:'number', style:'min-width:80px;'}, + inputObj:{name, class:'info-label underlined', type:'number', style:'min-width:80px;', value:'1'}, spanObj:{role:'heading', 'aria-level':5, class:'smallcaps'}, divObj:{style:'width:50%;'} }) - +textarea({name:'description', class:'serif emph textarea-3', 'data-i18n-placeholder':'creature description / powers', spellcheck:'false'}) + +textarea({name:'description', class:'serif emph textarea-3', 'data-i18n-placeholder':'creature description or powers', spellcheck:'false'}) .grid___3col.half-gap.center +text({name:'info-a', class:'ability-info underlined capitalize right'}) +text({name:'info-b', class:'ability-info underlined capitalize center', placeholder:'⬧'}) +text({name:'info-c', class:'ability-info underlined capitalize left'}) +textarea({name:'abilities', class:'textarea-4', 'data-i18n-placeholder':'ability text'}) + .grid__4col.half-gap + .grid__2col + p(class="capitalize mono bold relative", 'data-i18n'="whisper", style="left: 15px; bottom: -5px;") + +checkbox({name:'whisper', class:'checkbox whisper orange tick', value:'/w gm'}) + +button({name:'quote', class:'relative smallcaps die', style:'bottom:3px;', type:'roll', role:'heading', 'aria-level':4,'data-i18n':'quote', + value:'@{whisper} &{template:icon} {{name=@{name}}} {{character_name=@{class} (Ch. @{chapter})}} {{description=@{description}}} {{summary=@{info-b}}} {{info=@{info-a} ⬧ @{info-c}}} {{effect=@{abilities}}} {{talent=@{additional}}}' + }) + +button({name:'save', class:'relative smallcaps die', style:'bottom:3px;', type:'roll', role:'heading', 'aria-level':4,'data-i18n':'save', + value:'@{whisper} &{template:icon} {{name=@{name}}} {{character_name=@{class} (Ch. @{chapter})}} {{roll_name=Save}} {{roll=[[1d20@{boons}]]}} {{target=@{save_target}}}' + }) + +button({name:'attack', class:'relative smallcaps die', style:'bottom:3px;', type:'roll', role:'heading', 'aria-level':4,'data-i18n':'attack', + value:'@{whisper} &{template:icon} {{name=@{name}}} {{character_name=@{class} (Ch. @{chapter})}} {{roll_name=Attack}} {{roll=[[1d20@{boons}]]}} {{range=[[?{Range|1}]]}} {{damage=[[?{Light / Heavy|Light,1d@{damage}+@{fray}|Heavy,@{ratio_heavy}d@{damage}+@{fray}}]]}} {{bonus_damage=[[0]]}} {{crit_damage=[[1d@{damage}]]}} {{miss_damage=[[@{fray}]]}}' + }) +collapse - .grid__4col.half-gap.notes.expanded - .flex-box.boxed.well-padded.center.span-3 + .grid__2col.half-gap.notes.expanded + .flex-box.boxed.well-padded.center.span-2 +textarea({name:'additional', class:'textarea-4', 'data-i18n-placeholder':'additional notes or abilities'}) - .grid__3col.center + .grid__2col.center +number({name:'number', class:'h3-style-input underlined'}) p(class='colon') - +text({name:'resource', class:'h3-style-input underlined short-text', style:'min-width:40px;'}) - +button({name:'quote', class:'quote span-3', type:'roll', trigger:{listenerFunc:'initiateRoll'}}) - +button({name:'save', type:'roll', role:'heading', 'aria-level':4,'data-i18n':'save', - value:'&{template:icon} {{name=save}} {{character_name=@{name} (Ch. @{chapter})}} {{roll=[[1d20?{Boons / Curses|NA,+0|+2D,+2d6kh1|+1D,+1d6|−1D,-1d6|−2D,-2d6kh1}]]}} {{target=@{save_target}}}' - }) \ No newline at end of file + +text({name:'resource', class:'h3-style-input underlined short-text', style:'min-width:40px;'}) \ No newline at end of file diff --git a/ICON RPG [MassifPress]/articles/settings/sections/_sheetsettings.pug b/ICON RPG [MassifPress]/articles/settings/sections/_sheetsettings.pug index 425e6d7159..0d9952e164 100644 --- a/ICON RPG [MassifPress]/articles/settings/sections/_sheetsettings.pug +++ b/ICON RPG [MassifPress]/articles/settings/sections/_sheetsettings.pug @@ -1,28 +1,59 @@ -section#sheet-settings.sheet-settings +section#sheet-settings.sheet-settings.top-margin h1(data-i18n='sheet settings') +input-label({label:'camp name', inputObj:{name:'camp name', class:'underlined capitalize', type:'text', value:'camp', 'data-i18n-placeholder':'camp'}, spanObj:{role:'heading', class:'capitalize', 'aria-level':5} }) - +input-label({label:'maxhp%', - inputObj:{name:'ratio_max_hp', class:'underlined', type:'number', value:'4', trigger:{affects:['hp_max','vigor_max','bloodied']}}, - spanObj:{role:'heading', class:'mono smallcaps', 'aria-level':5} + +input-label({label:'tactics boons_curses prompt', + inputObj:{name:'boons', class:'underlined', type:'text', value:'?{Boons / Curses|NA,+0|+2D,+2d6kh1|+1D,+1d6|−1D,-1d6|−2D,-2d6kh1}', 'data-i18n-placeholder':'?{Boons / Curses|NA,+0|+2D,+2d6kh1|+1D,+1d6|−1D,-1d6|−2D,-2d6kh1}'}, + spanObj:{role:'heading', class:'capitalize', 'aria-level':5} }) - +input-label({label:'bloodied%', - inputObj:{name:'ratio_bloodied', class:'underlined', type:'number', value:'0.5', trigger:{affects:['bloodied']}}, - spanObj:{role:'heading', class:'mono smallcaps', 'aria-level':5} + p(class='mono macro', style='top:0px;')|@{boons} + +hidden({name:'curses', type:'text', value:'?{Boons / Curses|NA,+0|+2D,+2|+1D,+1|−1D,-1|−2D,-2}'}) + //- +input-label({label:'narrative boons_curses prompt', + //- inputObj:{name:'curses', class:'underlined', type:'text', value:'?{Boons / Curses|NA,+0|+2D,+2|+1D,+1|−1D,-1|−2D,-2}', 'data-i18n-placeholder':'?{Boons / Curses|NA,+0|+2D,+2d6kh1|+1D,+1d6|−1D,-1d6|−2D,-2d6kh1}'}, + //- spanObj:{role:'heading', class:'capitalize', 'aria-level':5} + //- }) + //- p(class='mono macro', style='top:0px;')|@{curses} + section#auto-fit.wide-gap + .flex-box.span-2 + +input-label({label:'maxhp%', + inputObj:{name:'ratio_max_hp', class:'underlined', type:'number', value:'4', trigger:{affects:['hp_max','vigor_max','bloodied']}}, + spanObj:{role:'heading', class:'capitalize', 'aria-level':5} + }) + p(class='mono macro')|@{ratio_max_hp} + .flex-box.span-2 + +input-label({label:'heavy%', + inputObj:{name:'ratio_heavy', class:'underlined', type:'number', value:'2'}, + spanObj:{role:'heading', class:'capitalize', 'aria-level':5} + }) + p(class='mono macro')|@{ratio_heavy} + .flex-box.span-2 + +input-label({label:'bloodied%', + inputObj:{name:'ratio_bloodied', class:'underlined', type:'number', value:'0.5', trigger:{affects:['bloodied']}}, + spanObj:{role:'heading', class:'capitalize', 'aria-level':5} + }) + p(class='mono macro')|@{ratio_bloodied} + .flex-box.span-2 + +input-label({label:'dash%', + inputObj:{name:'ratio_dash', class:'underlined', type:'number', value:'0.5', trigger:{affects:['dash']}}, + spanObj:{role:'heading', class:'capitalize', 'aria-level':5} + }) + p(class='mono macro')|@{ratio_dash} + .flex-box.span-2 + +input-label({label:'save target', + inputObj:{name:'save_target', class:'underlined', type:'number', value:'10'}, + spanObj:{role:'heading', class:'capitalize', 'aria-level':5} + }) + p(class='mono macro')|@{save_target} +hr +section#sheet-links.sheet-links.top-margin + .grid__3col + +button({name:'github', class:'relative serif uppercase die', style:'bottom:3px;', type:'roll', role:'heading', 'aria-level':5,'data-i18n':'report an issue', + value:'&{template:icon} {{name=github}} {{character_name=Sheet by Seraaron}} {{roll_name=Report an issue}} {{roll=[Click here!](https://github.com/Roll20/roll20-character-sheets/blob/master/Burning%20Wheel/readme.md)}}' }) - +input-label({label:'heavy%', - inputObj:{name:'ratio_attack_hvy', class:'underlined', type:'number', value:'2'}, - spanObj:{role:'heading', class:'mono smallcaps', 'aria-level':5} - }) - +input-label({label:'save_target', - inputObj:{name:'save_target', class:'underlined', type:'number', value:'10'}, - spanObj:{role:'heading', class:'mono smallcaps', 'aria-level':5} - }) - //- //- p(data-i18n='maxhp%', class='bold mono capitalize') - //- //- +number({name:'max_hp_ratio', class:'mono', value:'4', trigger:{affects:['hp_max','vigor_max','bloodied']}}) - //- p(data-i18n='bloodied%', class='bold mono capitalize') - //- +number({name:'bloodied_ratio', class:'mono', value:'0.5', trigger:{affects:['bloodied']}}) - //- p(data-i18n='heavy%', class='bold mono capitalize') - //- +number({name:'attack_hvy_ratio', class:'mono', value:'2'}) \ No newline at end of file + .flex-box + p(class='mono bold center')|Sheet v0.4 for ICON v1.45 + +button({name:'tipee', class:'relative serif uppercase die', style:'bottom:3px;', type:'roll', role:'heading', 'aria-level':5,'data-i18n':'send a tip', + value:'&{template:icon} {{name=tipeee}} {{character_name=Sheet by Seraaron}} {{roll_name=Send me a tip}} {{roll=[Click here!](https://en.tipeee.com/seraaron/)}}' + }) \ No newline at end of file diff --git a/ICON RPG [MassifPress]/articles/shared/sections/_ideals.pug b/ICON RPG [MassifPress]/articles/shared/sections/_ideals.pug index 5fe5d28a2f..1ad6012349 100644 --- a/ICON RPG [MassifPress]/articles/shared/sections/_ideals.pug +++ b/ICON RPG [MassifPress]/articles/shared/sections/_ideals.pug @@ -2,9 +2,9 @@ section#ideals.ideals h1(data-i18n='ideals') +fieldset({name:'ideal'}) .flex-box - +checkbox({name:'check', class:'magenta'}) + +checkbox({name:'check', class:'checkbox magenta tick', value:'1'}) +textarea({name:'notes', class:'textarea-3', 'data-i18n-placeholder':'write your ideal here'}) - +button({name:'quote', type:'roll', class:'quote'}) + +button({name:'quote', type:'roll', class:'roll-quote', value:"&{template:icon} {{name=ideal}} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{text=@{notes}}}"}) .hide-note p(class='bold', 'data-i18n'='xp reminder title') +checkbox({class:'collapse', value:'0', name:'collapse-ideals'}) diff --git a/ICON RPG [MassifPress]/articles/shared/sections/_reminders.pug b/ICON RPG [MassifPress]/articles/shared/sections/_reminders.pug index 2aeb22c7a2..5706af0fae 100644 --- a/ICON RPG [MassifPress]/articles/shared/sections/_reminders.pug +++ b/ICON RPG [MassifPress]/articles/shared/sections/_reminders.pug @@ -4,8 +4,8 @@ section#reminders.reminders +collapse .notes.expanded h3(data-i18n='interludes') - p(class='indent bullet', 'data-i18n'="clear all strain") - p(class='indent bullet', 'data-i18n'="regain all effort") - p(class='indent bullet', 'data-i18n'="regain all hp") - p(class='indent bullet', 'data-i18n'="spend any xp") + p(class='indent bullet', 'data-i18n'="interlude reminder line 1") + p(class='indent bullet', 'data-i18n'="interlude reminder line 2") + p(class='indent bullet', 'data-i18n'="interlude reminder line 3") + p(class='indent bullet', 'data-i18n'="interlude reminder line 4") p(class='center smaller', 'data-i18n'="rules reminders info line 0") \ No newline at end of file diff --git a/ICON RPG [MassifPress]/articles/shared/sections/_xp.pug b/ICON RPG [MassifPress]/articles/shared/sections/_xp.pug index 15f0827137..f8a43cb24b 100644 --- a/ICON RPG [MassifPress]/articles/shared/sections/_xp.pug +++ b/ICON RPG [MassifPress]/articles/shared/sections/_xp.pug @@ -1,8 +1,13 @@ .flex-box.center.well-padded.boxed +input-label({ label:'xp', - inputObj:{name:'xp', class:'info-label center xp', type:'number', value:'0'}, + inputObj:{name:'xp', class:'info-label center xp bigger', type:'number', value:'0', style:'width:100%;'}, spanObj:{role:'heading', class:'xp', 'aria-level':3} }) - +number({name:'xp_max', class:'xp', value:'15'}) - +number({name:'xp interval', class:'xp', value:'5'}) \ No newline at end of file + +number({name:'xp_max', class:'underlined number', value:'15', trigger:{affects:['xp_interval']}}) + //- each val in [9,12,15,18,21,24] + //- if val === 15 + //- option(value=`${val}`, selected=true) #{val} + //- else + //- option(value=`${val}`) #{val} + +number({name:'xp interval', readonly:true, class:'', value:'5', trigger:{calculation:'calcInterval'}}) \ No newline at end of file diff --git a/ICON RPG [MassifPress]/articles/tactics/_job_class.pug b/ICON RPG [MassifPress]/articles/tactics/_job_class.pug index 684f460ec3..3a6556f767 100644 --- a/ICON RPG [MassifPress]/articles/tactics/_job_class.pug +++ b/ICON RPG [MassifPress]/articles/tactics/_job_class.pug @@ -28,7 +28,10 @@ section#jobclass.class spanObj:{role:'heading', 'aria-level':3, class:'normal'} }) +textarea({name:'special mechanic desc', class:'textarea-4', 'data-i18n-placeholder':'special mechanic desc'}) - .grid__3col.boxed.well-padded.center - +number({name:'class resource', class:'h3-style-input'}) - p(class='colon') - +text({name:'class resource name', class:'h3-style-input'}) \ No newline at end of file + .hide-note + p(class='bold capitalize', 'data-i18n'='class resource') + +checkbox({class:'collapse', value:'1', name:'collapse-ambition'}) + .grid__3col.notes.expanded.boxed.well-padded.center + +number({name:'class resource', class:'h3-style-input', placeholder:'0'}) + p(class='colon') + +text({name:'class resource name', class:'h3-style-input', 'data-i18n-placeholder':'resource'}) \ No newline at end of file diff --git a/ICON RPG [MassifPress]/articles/tactics/sections/_abilities.pug b/ICON RPG [MassifPress]/articles/tactics/sections/_abilities.pug index a20bc308f9..70cc6bd5e7 100644 --- a/ICON RPG [MassifPress]/articles/tactics/sections/_abilities.pug +++ b/ICON RPG [MassifPress]/articles/tactics/sections/_abilities.pug @@ -5,7 +5,9 @@ section#abilities.abilities.long-2 +hidden({name:'class', class:'color-control', value:'inactive'}) +div({class:'flex-box color-receiver center', style:'height:39px!important;'}) span(style='width:39px!important; height:39px!important;').center - +button({name:'quote', class:'quote center', type:'roll', trigger:{listenerFunc:'initiateRoll'}}) + +button({name:'use', class:'roll-d20 center col', + value:"&{template:icon} {{name=@{name}}} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{summary=@{info-b}}} {{info=@{info-a} ⬧ @{info-c}}} {{description=@{flavor}}} {{effect=@{effects}}} {{talent=@{talent_effect}}} {{mastery_name=@{mastery_name}}} {{mastery=@{mastery_effect}}}" + }) +hidden({name:'class', class:'color-control', value:'inactive'}) +text({name:'name', class:'h3-style-input color-receiver center job-h1-receiver', 'data-i18n-placeholder':'ability'}) .color-selector @@ -25,11 +27,11 @@ section#abilities.abilities.long-2 +textarea({name:'effects', class:'small textarea-4', 'data-i18n-placeholder':'ability effects'}) +collapse .grid__4col.half-gap.notes.expanded - span(style='width:40px;') - +checkbox({name:'talent 1', class:'talent talent-1'}) - +checkbox({name:'talent 2', class:'talent talent-2'}) - h5(data-i18n='talents', class='smallcaps', style='position:relative;left:-50%;') - +checkbox({name:'mastery'}) + span(style='width:45px;') + +checkbox({name:'talent 1', class:'checkbox talent I', value:'1'}) + +checkbox({name:'talent 2', class:'checkbox talent II', value:'2'}) + h5(data-i18n='talent', class='smallcaps', style='position:relative;left:-50%;') + +checkbox({name:'mastery', class:'checkbox magenta star', value:'1'}) +text({name:'mastery name', class:'h3-style-input small short-text center', 'data-i18n-placeholder':'mastery name'}) .flex-box.boxed.center.span-2 +textarea({name:'talent effect', class:'small textarea-1', 'data-i18n-placeholder':'talent effect'}) @@ -44,7 +46,7 @@ section#abilities.abilities.long-2 p(class='indent bullet', 'data-i18n'="basic abilities reminder line 1") p(class='indent bullet', 'data-i18n'="basic abilities reminder line 2") p(class='indent bullet', 'data-i18n'="basic abilities reminder line 3") - p(class='indent bullet', 'data-i18n'="basic abilities reminder line 3") + p(class='indent bullet', 'data-i18n'="basic abilities reminder line 4") section#limits.limits h1(data-i18n='limit break') +fieldset({name:'limits'}) @@ -52,7 +54,9 @@ section#limits.limits +hidden({name:'class', class:'color-control', value:'inactive'}) +div({class:'flex-box color-receiver center', style:'height:39px!important;'}) span(style='width:39px!important; height:39px!important;').center - +button({name:'quote', class:'quote center', type:'roll', trigger:{listenerFunc:'initiateRoll'}}) + +button({name:'use', class:'roll-d20 center col', type:'roll', + value:"&{template:icon} {{name=@{name}}} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{summary=@{info-b}}} {{info=@{info-a} ⬧ @{info-c}}} {{description=@{flavor}}} {{effect=@{effects}}} {{mastery_name=@{mastery_name}}} {{mastery=@{mastery_effect}}}" + }) +hidden({name:'class', class:'color-control', value:'inactive'}) +text({name:'name', class:'h3-style-input color-receiver center job-h1-receiver', 'data-i18n-placeholder':'limit'}) .color-selector @@ -71,25 +75,19 @@ section#limits.limits +textarea({name:'flavor', class:'serif emph small textarea-1', 'data-i18n-placeholder':'ability flavor', spellcheck:'false'}) +textarea({name:'effects', class:'small textarea-4', 'data-i18n-placeholder':'ability effects'}) +collapse - .grid__4col.half-gap.notes.expanded - span(style='width:40px;') - +checkbox({name:'talent 1', class:'talent talent-1'}) - +checkbox({name:'talent 2', class:'talent talent-2'}) - h5(data-i18n='talents', class='smallcaps', style='position:relative;left:-50%;') - +checkbox({name:'mastery'}) - +text({name:'mastery name', class:'h3-style-input small short-text center', 'data-i18n-placeholder':'mastery name'}) - .flex-box.boxed.center.span-2 - +textarea({name:'talent effect', class:'small textarea-1', 'data-i18n-placeholder':'talent effect'}) + .grid__2col.half-gap.notes.expanded + +checkbox({name:'mastery', class:'checkbox magenta star', value:'1'}) + +text({name:'mastery name', class:'h3-style-input small short-text center', 'data-i18n-placeholder':'mastery name', style:'width:130%; position:relative; left:-30%;'}) .flex-box.boxed.center.span-2 +textarea({name:'mastery effect', class:'small textarea-1', 'data-i18n-placeholder':'mastery effect'}) .resolve.hide-note .flex-box.row +input-label({label:'personal resolve', - inputObj:{name:'personal resolve', type:'number', class:'underlined'}, + inputObj:{name:'resolve personal', type:'number', class:'underlined'}, spanObj:{role:'heading', 'aria-level':5, class:'normal'} }) +input-label({label:'party resolve', - inputObj:{name:'party resolve', type:'number', class:'underlined'}, + inputObj:{name:'resolve party', type:'number', class:'underlined'}, spanObj:{role:'heading', 'aria-level':5, class:'normal'} }) +checkbox({class:'collapse', value:'0', name:'collapse-limits'}) diff --git a/ICON RPG [MassifPress]/articles/tactics/sections/_attacks.pug b/ICON RPG [MassifPress]/articles/tactics/sections/_attacks.pug index f41c9dfab7..f27f67d704 100644 --- a/ICON RPG [MassifPress]/articles/tactics/sections/_attacks.pug +++ b/ICON RPG [MassifPress]/articles/tactics/sections/_attacks.pug @@ -1,11 +1,22 @@ #stats.half-gap.boxed.well-padded h3(data-i18n='attacks', class='span-all') - .grid__2col.span-all.no-gap - span.center - h5(data-i18n='melee') - +button({name:'attack melee', class:'roll-d20', type:'roll', trigger:{listenerFunc:'initiateRoll'}}) - span.center - h5(data-i18n='ranged') - span.center - +button({name:'attack ranged', class:'roll-d20', type:'roll', trigger:{listenerFunc:'initiateRoll'}}) - +number({name:'range', value:'2'}) + .center + .flex-box.center + +input({name:'weapon melee', class:'center uppercase h3-style-input', value:'melee', type:'text', 'data-i18n-placeholder':'melee weapon', 'aria-level':5, style:'width:100%;'}) + +button({name:'attack melee', class:'roll-d20', type:'roll', role:'heading', + value:"&{template:icon} {{name=@{weapon_melee} Attack}} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{roll_name=Attack Roll}} {{roll=[[1d20@{boons}[BOONS]]]}} {{range=[[1]]}} {{damage=[[?{Light / Heavy|Light,1d@{damage-die}+@{fray}|Heavy,@{ratio_heavy}d@{damage-die}+@{fray}}]]}} {{bonus_damage=[Crit.](`/r 1d@{damage-die}) [[0]]}} {{crit_damage=[[1d@{damage-die}]]}} {{miss_damage=[Fray](`/r @{fray}) [[@{fray}]]}}" + }) + .center + .flex-box.center + +input({name:'weapon ranged', class:'center uppercase h3-style-input', value:'ranged', type:'text', 'data-i18n-placeholder':'ranged weapon', 'aria-level':5, style:'width:100%;'}) + .flex-box.center + +button({name:'attack ranged', class:'roll-d20', type:'roll', role:'heading', + value:"&{template:icon} {{name=@{weapon_ranged} Attack}} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{roll_name=Attack Roll}} {{roll=[[1d20@{boons}[BOONS]]]}} {{range=[[@{range}]]}} {{damage=[[?{Light / Heavy|Light,1d@{damage-die}+@{fray}|Heavy,@{ratio_heavy}d@{damage-die}+@{fray}}]]}} {{bonus_damage=[Crit.](`/r 1d@{damage-die}) [[0]]}} {{crit_damage=[[1d@{damage-die}]]}} {{miss_damage=[Fray](`/r @{fray}) [[@{fray}]]}}" + }) + +input({name:'range', type:'number', value:'2', class:'number underlined'}) + .center + h4(data-i18n='saving throw', class='span-all') + .center + +button({name:'save', class:'roll-d20', type:'roll', role:'heading', + value:'&{template:icon} {{name=save}} {{character_name=@{character_name}}} {{roll=[[1d20@{boons}[BOONS]]]}} {{target=@{save_target}}}' + }) diff --git a/ICON RPG [MassifPress]/articles/tactics/sections/_health.pug b/ICON RPG [MassifPress]/articles/tactics/sections/_health.pug index ca14f86c1d..2ed7aca0c1 100644 --- a/ICON RPG [MassifPress]/articles/tactics/sections/_health.pug +++ b/ICON RPG [MassifPress]/articles/tactics/sections/_health.pug @@ -1,24 +1,23 @@ #stats.half-gap.boxed.well-padded - span(class='center') + .center.span-all h3(data-i18n='hp') .flex-box.center +hidden({name:'bloodied', class:'bloodied-control', trigger:{calculation:'calcBloodied'}, type:'number'}) +input({name:'hp', class:'underlined bloodied-receiver bigger', trigger:{affects:['bloodied']}, type:'number'}) +number({name:'hp_max', class:'bigger', value:'24', readonly:true, trigger:{calculation:['calcHP']}}) - span(class='center') - //- +roller({name:'saving throw', role:'heading', 'aria-level':4,'data-i18n':'saving throw', trigger:{listenerFunc:'rollGeneric'}}) - +button({name:'save', type:'roll', role:'heading', 'aria-level':4,'data-i18n':'save', - value:'&{template:icon} {{name=save}} {{character_name=@{character_name}}} {{roll=[[1d20?{Boons / Curses|NA,+0|+2D,+2d6kh1|+1D,+1d6|−1D,-1d6|−2D,-2d6kh1}]]}} {{target=@{save_target}}}' - }) - span(class='center span-2') - +input-label({label:'wounds', - inputObj:{name:'wounds', class:'underlined', type:'number', value:'0', readonly:true, trigger:{affects:['hp_max','vigor_max']}}, - spanObj:{role:'heading', class:'smallcaps bigger', 'aria-level':5} - }) + .center.span-all .flex-box.center - +fillLeft({ - radioObj:{name:'wounds'}, - divObj:{class:'wound-radio span-2'}, - valueArray:[0,1,2,3,4] + +input-label({label:'wounds', + inputObj:{name:'wounds', class:'center bigger', type:'number', value:'0', readonly:true, trigger:{affects:['hp_max','vigor_max']}}, + spanObj:{role:'heading', class:'smallcaps bigger', 'aria-level':5}, + divObj:{class:'center'} }) + .flex-box.center + each num in [0,1,2,3,4] + if num === 0 + +input({name:'wounds', type:'radio', class:'fill-left dots gore radio-zero', value:`${num}`, checked:'true'}) + span + else + +input({name:'wounds', type:'radio', class:'fill-left dots gore', value:`${num}`}) + span p(class='center bold', 'data-i18n'="rules reminder wounds") \ No newline at end of file diff --git a/ICON RPG [MassifPress]/articles/tactics/sections/_relics.pug b/ICON RPG [MassifPress]/articles/tactics/sections/_relics.pug index ad5698e2dc..976f233041 100644 --- a/ICON RPG [MassifPress]/articles/tactics/sections/_relics.pug +++ b/ICON RPG [MassifPress]/articles/tactics/sections/_relics.pug @@ -25,16 +25,16 @@ section#relics.relics.long-2 +collapse .grid__3col.half-gap.notes.expanded .flex-box.boxed.well-padded.center - +label({name:'aspected', class:'info-label emph capitalize', 'data-i18n':'aspected', 'aria-label':5}) - +checkbox({name:'aspected'}) + +label({name:'aspected', class:'info-label mono capitalize', 'data-i18n':'aspected', 'aria-label':5}) + +checkbox({name:'aspected', class:'checkbox magenta tick relative', value:'1', style:'top:-5px;'}) .flex-box.boxed.well-padded.center +input-label({ label:'infused dust', - inputObj:{name:'infused dust', class:'ability-info dust', type:'number'}, + inputObj:{name:'infused dust', class:'ability-info dust underlined', type:'number'}, spanObj:{role:'heading', 'aria-level':5} }) .well-padded.center - +button({name:'quote', class:'quote', type:'roll', trigger:{listenerFunc:'initiateRoll'}}) + +button({name:'quote', type:'roll', class:'roll-quote', value:"&{template:icon} {{name=@{name}}} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{summary=Level @{level} @{class} Relic}} {{description=@{flavor}}} {{effect=@{effects}}}"}) h3(data-i18n='trophies') +fieldset({name:'trophies'}) .flex-box.underlined @@ -47,8 +47,8 @@ section#relics.relics.long-2 +option({value:'expeditions', 'data-i18n':'expeditions'}) +option({value:'unlimited', 'data-i18n':'unlimited'}) +option({value:'passive', 'data-i18n':'passive'}) - +button({name:'quote', class:'quote', type:'roll', trigger:{listenerFunc:'initiateRoll'}}) - +textarea({name:'effect', class:'textarea-3', 'data-i18n-placeholder':'trophy efffect'}) + +button({name:'quote', type:'roll', class:'roll-quote', value:"&{template:icon} {{name=@{name}}} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{summary=@{uses} @{type}}} {{effect=@{effect}}}"}) + +textarea({name:'effect', class:'textarea-3', 'data-i18n-placeholder':'trophy effect'}) .flex-box.center.well-padded.boxed +input-label({ label:'dust', diff --git a/ICON RPG [MassifPress]/articles/tactics/sections/_stats.pug b/ICON RPG [MassifPress]/articles/tactics/sections/_stats.pug index 29006c7661..30b2f54417 100644 --- a/ICON RPG [MassifPress]/articles/tactics/sections/_stats.pug +++ b/ICON RPG [MassifPress]/articles/tactics/sections/_stats.pug @@ -2,7 +2,7 @@ span(class='center') +input-label({label:'vitality', inputObj:{name:'vitality', class:'underlined bigger', type:'number', value:'6', trigger:{affects:['hp_max','vigor_max','bloodied']}}, - spanObj:{role:'heading', 'aria-level':3} + spanObj:{role:'heading', 'aria-level':3, 'data-i18n':'vit'} }) +input-label({label:'vigor', inputObj:{name:'vigor', class:'underlined', type:'number', value:'0', trigger:{calculation:'calcHP'}}, @@ -12,7 +12,7 @@ span(class='center') +input-label({label:'defense', inputObj:{name:'defense', class:'underlined bigger', type:'number', value:'5'}, - spanObj:{role:'heading', 'aria-level':3} + spanObj:{role:'heading', 'aria-level':3, 'data-i18n':'def'} }) +input-label({label:'armor', inputObj:{name:'armor', class:'underlined', type:'number', value:'0'}, @@ -20,17 +20,18 @@ }) span(class='center') +input-label({label:'speed', - inputObj:{name:'speed', class:'underlined bigger', type:'number', value:'4'}, - spanObj:{role:'heading', 'aria-level':3} + inputObj:{name:'speed', class:'underlined bigger', type:'number', value:'4', trigger:{affects:['dash']}}, + spanObj:{role:'heading', 'aria-level':3, 'data-i18n':'spd'} }) +input-label({label:'dash', - inputObj:{name:'dash', class:'underlined', type:'number', value:'2'}, + inputObj:{name:'dash', type:'number', readonly:true, value:'2', trigger:{calculation:'calcDash'}}, spanObj:{role:'heading', 'aria-level':5} }) span(class='center') +label({class:'input-label'}) - +span({class:'input-label__text', 'data-i18n':'damage', role:'heading', 'aria-level':3}) - +select({name:'damage-die', class:'input-label__input damage-die underlined big', style:'text-overflow:initial;'}) + +span({class:'input-label__text', 'data-i18n':'dmg', role:'heading', 'aria-level':3}) + +select({name:'damage-die', class:'input-label__input damage-die underlined big', style:'text-overflow:initial; max-width:50px;'}) + +option({value:'2'})|d2 +option({value:'4'})|d4 +option({value:'6', selected:true})|d6 +option({value:'8'})|d8 diff --git a/ICON RPG [MassifPress]/images/texture.dark.jpg b/ICON RPG [MassifPress]/images/texture.dark.jpg index 6ce971528c..9c5ed868ec 100644 Binary files a/ICON RPG [MassifPress]/images/texture.dark.jpg and b/ICON RPG [MassifPress]/images/texture.dark.jpg differ diff --git a/ICON RPG [MassifPress]/images/texture.dark.jpg~ b/ICON RPG [MassifPress]/images/texture.dark.jpg~ new file mode 100644 index 0000000000..6ce971528c Binary files /dev/null and b/ICON RPG [MassifPress]/images/texture.dark.jpg~ differ diff --git a/ICON RPG [MassifPress]/javascript/calculators.js b/ICON RPG [MassifPress]/javascript/calculators.js index e4770eb759..bc02804fe8 100644 --- a/ICON RPG [MassifPress]/javascript/calculators.js +++ b/ICON RPG [MassifPress]/javascript/calculators.js @@ -74,7 +74,7 @@ const calcBloodied = function({attributes}){ let returnValue; let hp_max = attributes.vitality * attributes.ratio_max_hp; - let bloodied_hp = hp_max * attributes.ratio_bloodied; + let bloodied_hp = Math.ceil(hp_max * attributes.ratio_bloodied); switch(true){ //We're looking for the first expression that returns true; case (attributes.hp <= bloodied_hp): returnValue = 1; @@ -87,6 +87,16 @@ } k.registerFuncs({calcBloodied}); + const calcDash = function({attributes}){ + return Math.ceil(attributes.speed * attributes.ratio_dash); + }; + k.registerFuncs({calcDash}); + + const calcInterval = function({attributes}){ + return Math.ceil(attributes.xp_max / 3); + }; + k.registerFuncs({calcInterval}); + // const calcPlusOne = function({attributes}){ // return attributes.number + 1; // } diff --git a/ICON RPG [MassifPress]/mixins/scss/_articlesandsections.scss b/ICON RPG [MassifPress]/mixins/scss/_articlesandsections.scss index 4b8e7f4c6b..3d3d2e2fc4 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_articlesandsections.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_articlesandsections.scss @@ -52,7 +52,7 @@ section { #stats { display: grid; - grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); &.npc { grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); } @@ -66,4 +66,8 @@ section { div.burdens { min-width: 120px; column-gap: 2px; +} + +.top-margin { + margin-top: 0.5rem; } \ No newline at end of file diff --git a/ICON RPG [MassifPress]/mixins/scss/_generalsetup.scss b/ICON RPG [MassifPress]/mixins/scss/_generalsetup.scss index 060e60b4bd..a8aa1d205f 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_generalsetup.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_generalsetup.scss @@ -15,16 +15,12 @@ html{ @extend %defaultStyles; } } -// removes the roll20 logo from all buttons -// .ui-dialog .charsheet button[type=roll]:before { -// content: ""; -// } //- Spaceholder darkmode colors. We'll want to adjust these to a better dark mode pallette before release. .sheet-darkmode .ui-dialog, .sheet-rolltemplate-darkmode{ - --borderColor: var(--off-white); //Our dark mode border color - --fontColor: var(--white); //Our dark mode font color + --borderColor: var(--grey); //Our dark mode border color + --fontColor: var(--off-white); //Our dark mode font color --invertedFontColor: var(--black); //Our dark mode inverted font color --placeholderFontColor: var(--grey-lt); //Our dark mode placeholder font color --backColor: var(--half-black); //Our dark mode background color @@ -34,17 +30,16 @@ html{ --selectedColor: var(--orange); //Our dark mode font color for items that are currently active --disableBackground: var(--grey-dk); --buttonColor: var(--magenta); - --hoverColor: var(--magenta-lt); - --clickColor: var(--orange); + --hoverColor: var(--orange); + --clickColor: var(--magenta-lt); + --r20white: rgb(31, 31, 31); + --r20black: white; //--shadowColor: --disableShadow:0px 0 7px 0px #161616 inset; - --buttonColor:#2e2e2e; - --hoverColor:#2e2e2e; - --clickColor:black; //Images - --paper-background:url("https://i.imgur.com/vb8bLma.jpg"); // dark mode paper background + --paper-background:url("https://i.imgur.com/AWF88wB.jpg"); // dark mode paper background --icon-logo:url("https://i.imgur.com/2klK40m.png"); // dark mode logo .sheetform{ @@ -53,6 +48,12 @@ html{ img{ filter: brightness(.8) contrast(1.2); } + + // darker class colors + --red: var(--red-dk); + --yellow: var(--yellow-dk); + --green: var(--green-dk); + --blue: var(--blue-dk); } //the declarations for styles specifically applying to our main element. @@ -188,6 +189,10 @@ html{ display:none !important; } } + + input[type="number"]:read-only { + opacity: 0.8; + } } // debugging borders // div { diff --git a/ICON RPG [MassifPress]/mixins/scss/_labels.scss b/ICON RPG [MassifPress]/mixins/scss/_labels.scss deleted file mode 100644 index bd7926ab7b..0000000000 --- a/ICON RPG [MassifPress]/mixins/scss/_labels.scss +++ /dev/null @@ -1,7 +0,0 @@ -@use '_mixinsandplaceholders'; - -input[type="label"] { - .action-label { - background-color: transparent; - } -} \ No newline at end of file diff --git a/ICON RPG [MassifPress]/mixins/scss/_labelsandbuttons.scss b/ICON RPG [MassifPress]/mixins/scss/_labelsandbuttons.scss new file mode 100644 index 0000000000..8231ead1c0 --- /dev/null +++ b/ICON RPG [MassifPress]/mixins/scss/_labelsandbuttons.scss @@ -0,0 +1,112 @@ +@use '_mixinsandplaceholders'; + +input[type="label"] { + .action-label { + background-color: transparent; + } +} + +label.status { + position: relative; + bottom: -4px; +} + +// removes the roll20 logo from all buttons +.ui-dialog .charsheet button[type=roll]::before { + content: ""; + font-size: 1rem; + color: inherit; +} + +button[type=roll] { + border: none; + box-shadow: none; + background: none; + background-color: transparent !important; + display: inline-block; + padding: 1px; + margin: 1px; + height: 20px; + width: 20px; + + color: var(--fontColor); + + &:hover { + color: var(--hoverColor) !important; + } + + &:active { + color: var(--clickColor) !important; + border: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + + &.col { + color: var(--white); + position: relative; + top: 8px; + left: -15px; + } + &.col:hover { + color: var(--white) !important; + } + &.col:active { + color: var(--black) !important; + } + + &.roll-quote::before { + font-family: "Pictos" !important; + content:"w" !important; + font-size: 1.5rem !important; + position: relative; + left: 0px; + z-index: 5; + } + + &.roll-quote::after { + font-family: "Pictos" !important; + content:"." !important; + font-size: 0.8rem !important; + position: relative; + left: -22px; + bottom: 5px; + color: var(--invertedFontColor); + z-index: 6; + } + + &.roll-d6::before { + font-family: "dicefontd6" !important; + content:"l" !important; + font-size: 1.5rem !important; + position: relative; + bottom: -3px; + } + + &.roll-d6:hover::before { + content: "L" !important; + } + + &.roll-d20::before { + font-family: "dicefontd20" !important; + content:"t" !important; + font-size: 2rem !important; + position: relative; + left: -3px; + bottom: 0px; + } + + &.roll-d20:hover::before { + content: "T" !important; + } + + &.die::after { + font-family: "dicefontd20" !important; + content:"0" !important; + font-size: 0.8rem; + position: relative; + left:-1px; + top:-9px; + opacity: 0.5; + } +} \ No newline at end of file diff --git a/ICON RPG [MassifPress]/mixins/scss/_mixinsandplaceholders.scss b/ICON RPG [MassifPress]/mixins/scss/_mixinsandplaceholders.scss index 56670b90bd..31ffa385fb 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_mixinsandplaceholders.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_mixinsandplaceholders.scss @@ -2,33 +2,33 @@ //- Color palette variables %color-palette { - --white: white; - --off-white: rgb(243, 240, 237); - --grey-lt: rgb(217, 217, 217); + --white: rgb(245, 245, 245); + --off-white: rgb(236, 232, 227); + --grey-lt: rgb(201, 201, 201); --grey: rgb(145, 145, 145); - --off-grey: rgb(143, 143, 157); + --off-grey: rgb(136, 153, 155); --grey-dk: rgb(102, 102, 102); - --off-black: rgb(15, 13, 12); - --black: black; - --half-white: rgba(255, 255, 255, 0.5); - --half-black: rgba(0, 0, 0, 0.5); + --off-black: rgb(31, 27, 25); + --black: rgb(20, 20, 20); + --half-white: rgba(245, 245, 245, 0.5); + --half-black: rgba(20, 20, 20, 0.5); --half-grey: rgba(145, 145, 145, 0.5); --purple: rgb(156, 70, 255); --magenta-lt: rgb(242, 130, 255); --magenta: rgb(201, 85, 239); --magenta-dk: rgb(136, 57, 162); - --red-lt: rgb(255, 150, 140); + --red-lt: rgb(243, 126, 115); --red: rgb(237, 34, 11); - --red-dk: rgb(160, 23, 7); + --red-dk: rgb(172, 24, 8); --yellow-lt: rgb(255, 217, 49); - --yellow: rgb(253, 173, 0); - --yellow-dk: rgb(176, 120, 0); + --yellow: rgb(253, 194, 0); + --yellow-dk: rgb(221, 169, 0); --green-lt: rgb(136, 249, 78); --green: rgb(96, 216, 54); - --green-dk: rgb(62, 139, 34); + --green-dk: rgb(63, 167, 26); --blue-lt: rgb(76, 220, 253); --blue: rgb(0, 161, 255); - --blue-dk: rgb(0, 112, 178); + --blue-dk: rgb(6, 131, 204); --orange: rgb(230, 140, 44); } @@ -75,6 +75,10 @@ font-size: 0.8rem !important; } +.relative { + position: relative; +} + //- And styling for items that need the roll20 'pictos' fonts %pictos { font-family: 'pictos' !important; @@ -115,7 +119,7 @@ border: 1px solid var(--borderColor); border-radius: 5px; box-sizing: border-box; - background-color: var(--invertedFontColor); + background-color: var(--backColor); } //- Placeholder that allows us to easily set a square aspect ratio @@ -155,36 +159,36 @@ border-width: 0; backdrop-filter: blur(1px); overflow: hidden; - - // transition:{ - // property:box-shadow,backdrop-filter,background-color; - // duration:200ms; - // timing-function:ease-out; - // }; - - &:is(:hover, :focus) { - background-color: var(--hoverColor); - box-shadow: 0 4px 6px black; - backdrop-filter: blur(2px); - } - - &:active { - background-color: var(--clickColor); - box-shadow: 0 1px 2px black; - backdrop-filter: blur(0px); - } } +// // transition:{ +// // property:box-shadow,backdrop-filter,background-color; +// // duration:200ms; +// // timing-function:ease-out; +// // }; -//- Styling for our dice buttons -%die-button { - @extend %base-button; - line-height: 14px; - /*height to vertically center a $double dicefontd10*/ - font-size: 2rem; - font-weight: normal; - font-style: normal; - padding: 5px 3px 7px; -} +// &:is(:hover, :focus) { +// background-color: var(--hoverColor); +// box-shadow: 0 4px 6px black; +// backdrop-filter: blur(2px); +// } + +// &:active { +// background-color: var(--clickColor); +// box-shadow: 0 1px 2px black; +// backdrop-filter: blur(0px); +// } +// } + +// //- Styling for our dice buttons +// %die-button { +// @extend %base-button; +// line-height: 14px; +// /*height to vertically center a $double dicefontd10*/ +// font-size: 2rem; +// font-weight: normal; +// font-style: normal; +// padding: 5px 3px 7px; +// } //- styling for buttons that have standard text in them %text-button { @@ -234,7 +238,7 @@ &:before { content: 'l'; - font-family: dicefontd6; + font-family: "dicefontd6"; } } @@ -455,8 +459,10 @@ --selectedColor: var(--orange); //Our default font color for items that are currently active --disableBackground: var(--grey-lt); --buttonColor: var(--magenta); - --hoverColor: var(--magenta-lt); - --clickColor: var(--orange); + --hoverColor: var(--orange); + --clickColor: var(--magenta-lt); + --r20white: white; + --r20black: rgb(31, 31, 31); } %defaultStyles { @@ -664,7 +670,6 @@ span[name], input, textarea, - button, select { font-family: var(--basicFont); --fontWght: 700; @@ -950,20 +955,31 @@ -webkit-appearance: none; opacity: 0; position: absolute; - right: 1px; - top: 0px; - border: 0px solid var(--borderColor); - border-radius: 0; + right: 2px; + top: 2px; + border: none; color: var(--selectedColor); text-transform: none; + height: 18px; + width: 18px; + -ms-transform: scale(1.2); /* IE 9 */ -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */ transform: scale(1.2); + + -webkit-font-smoothing: antialiased; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; &:after { content: 'i'; - font-family: pictos; + font-family: "Pictos"; + position: relative; + left: 2px; + bottom: 2px; + text-shadow: 1px 1px 3px white; } &:checked { @@ -1001,7 +1017,7 @@ .repcontainer { display: grid; - gap: var(--grid-gap); + gap: var(--half-gap); } .repeating-container { @@ -1023,18 +1039,20 @@ } } - .repcontrol-button--add { + .repcontrol-button--add, + .repcontrol-button__add { justify-self: start; - + background-color: var(--invertedBackColor) !important; &:before { font-family: pictos; content: '&'; } } - .repcontrol-button--edit { + .repcontrol-button--edit, + .repcontrol-button__edit { justify-self: end; - + background-color: var(--invertedBackColor) !important; &:before { font-family: pictos; content: 'p'; @@ -1053,29 +1071,6 @@ height: auto; } - .fill-left{ - display:flex; - align-self:center; - box-sizing:border-box; - } - .fill-left__radio{ - appearance:none; - -webkit-appearance:none; - order: 1; - background-color:var(--backColor); - width:20px; - height:20px; - cursor:pointer; - z-index: 1; - - accent-color: var(--purple); - - &:checked ~ .fill-left__radio{ - order: 3; - background-color:grey; - } - } - p { font-size: 1.0rem; width: 96%; @@ -1090,15 +1085,21 @@ position: relative; left: 20px; } + &.colon { + font-family: var(--titleFont); + font-size: 1.1rem; + font-weight: bold; + position: relative; + top: 3px; + &::after{content: '\003A';} /* CSS colon : entity \003A : html : */ + } + &.macro { + position: relative; + bottom: -8px; + left: 5px; + } } - p.colon { - font-family: var(--titleFont); - font-size: 1.1rem; - font-weight: bold; - position: relative; - top: 3px; - &::after{content: '\003A';} /* CSS colon : entity \003A : html : */ - } + .auto-expand { overflow: hidden; /* hides overflow that is caused by the span */ diff --git a/ICON RPG [MassifPress]/mixins/scss/_nav.scss b/ICON RPG [MassifPress]/mixins/scss/_nav.scss index a840700e85..14f58dfcd1 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_nav.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_nav.scss @@ -3,7 +3,7 @@ ul.nav-tabs.nav{ position:sticky; top:0; - background-color:var(--backColor); + background-color: var(--r20white); z-index:9999; margin-bottom:0px; } @@ -14,7 +14,7 @@ ul.nav-tabs.nav{ gap: var(--tiny-gap); position:sticky; top:40px; - background-color: var(--backColor); + background-color: var(--r20white); padding: var(--tiny-gap) 0 0; margin-bottom: var(--big-gap); border-bottom: 1px solid #dddddd; diff --git a/ICON RPG [MassifPress]/mixins/scss/_radiosandcheckboxes.scss b/ICON RPG [MassifPress]/mixins/scss/_radiosandcheckboxes.scss index ccacff6c33..7808cc227e 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_radiosandcheckboxes.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_radiosandcheckboxes.scss @@ -1,39 +1,417 @@ @use '_mixinsandplaceholders'; -// .fill-left { -// display: flex; -// margin: 2rem; -// gap: 10px; +.action-dots { + width: 40%; + display: flex; + justify-content: center; + align-items: center; +} +/* Hide actual radio */ +input[type="radio"].fill-left { + opacity: 0; + width: 20px; + height: 20px; + position: relative; + top: -2px; + left: 9px; + margin: -10px; + cursor: pointer; + z-index: 1; + + /* Fake radio */ + &.dots + span::before { + margin-right: 4px; + border: solid 2px var(--borderColor); + line-height: 18px; + display: inline-block; + content: ""; + background-color: var(--purple); + width: 18px; + height: 18px; + font-size: 24px; + + -webkit-font-smoothing: antialiased; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + } + + /* Remove dot from all radios _after_ selected one */ + &.dots:checked ~ input[type="radio"] + span::before { + background-color: transparent; + border-color: var(--invertedBackColor); + } + + &.dots:not(:checked):hover ~ input[type="radio"] + span::before { + opacity: 0.25; + } + + &.diamonds + span::before { + margin-right: 6px; + border: solid 2px var(--borderColor); + line-height: 16px; + display: inline-block; + content: ""; + background-color: var(--orange); + width: 16px; + height: 16px; + font-size: 24px; + + -webkit-font-smoothing: antialiased; + -moz-border-radius: 10%; + -webkit-border-radius: 10%; + border-radius: 10%; + + transform: rotate(45deg); + } + + &.diamonds:checked ~ input[type="radio"] + span::before { + background-color: transparent; + border-color: var(--invertedBackColor); + } + + &.diamonds:not(:checked):hover ~ input[type="radio"] + span::before { + opacity: 0.25; + } + + &.radio-zero:hover + span::before { + background-color: transparent; + font-family: "Pictos"; + content: "*"; + color: var(--fontColor); + position: relative; + top: -2px; + } + + &.diamonds.radio-zero:hover + span::before { + transform: rotate(0deg); + } + + &.gore + span::before { + background-color: var(--red-dk); + } + + &.gore:not(.radio-zero):checked + span::after { + font-family: "Pictos"; + content: "Y"; + width: 0px; + position: relative; + color: var(--fontColor); + top: -7px; + left: -4px; + margin: 0px; + } + + &.gore:not(:checked):hover ~ input[type="radio"] + span::before { + border-color: var(--red-lt); + } + + &.gore:not(:checked):hover ~ input[type="radio"] + span::after { + color: var(--red-lt); + opacity: 0.4; + } + + &.resource-small + span::before { + width: 13px !important; + height: 13px !important; + font-size: 20px; + } + + &.resource-smaller + span::before { + width: 11px !important; + height: 11px !important; + font-size: 16px; + } + + &.resource-smallerer + span::before { + width: 9px !important; + height: 9px !important; + font-size: 13px; + } +} + +.action-checkboxes { + display: flex; + justify-content: center; + align-items: center; +} + +input[type="checkbox"].checkbox { + -moz-appearance:none; + -webkit-appearance:none; + -o-appearance:none; + + -webkit-font-smoothing: antialiased; + -moz-border-radius: 10%; + -webkit-border-radius: 10%; + border-radius: 10%; + + margin: 2px; + width: 20px !important; + height: 20px !important; + border: 2px solid var(--invertedBackColor) !important; + background-color: transparent; + + &:checked { + border: 2px solid var(--borderColor) !important; + color: var(--invertedFontColor); + } + + &.up:checked::after { + font-family: "Pictos"; + content: "{"; + position: relative; + left: 2px; + top: -2px; + } + + &.down:checked::after { + font-family: "Pictos"; + content: "}"; + position: relative; + left: 2px; + top: -3px; + } + + &.tick:checked::after { + font-family: "Pictos"; + content: "3"; + position: relative; + left: 1px; + top: -2px; + } + + &.cross:checked::after { + font-family: "Pictos"; + content: "*"; + position: relative; + left: 1.5px; + top: -2.5px; + } + + &.star { + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + } + + &.star:checked::after { + font-family: "Pictos"; + content: "S"; + font-size: 1.1rem; + position: relative; + text-align: center; + vertical-align: middle; + top: -5px; + } + + &.talent { + width: 20px !important; + margin: 0px !important; + font-family: var(--serifFont); + } + + &.I:checked::after { + content:"I"; + position: relative; + text-align: center; + vertical-align: middle; + top: -5px; + left: 4px + } + + &.II:checked::after { + content:"II"; + position: relative; + text-align: center; + vertical-align: middle; + top: -5px; + left: 1px + } + + &.magenta:checked { + background-color: var(--magenta) !important; + } + + &.magenta:hover { + background-color: var(--magenta) !important; + opacity: 0.5; + } + + &.orange:checked { + background-color: var(--orange) !important; + } + + &.orange:hover { + background-color: var(--orange) !important; + opacity: 0.5; + } + + &.black:checked { + background-color: var(--r20black) !important; + } + + &.black:hover { + background-color: var(--invertedBackColor) !important; + } +} + +// .action-dots { +// width: 50%; +// display: inline-grid; +// grid-template-columns: auto auto auto auto auto auto auto auto auto auto; // } -// .fill-left__radio { -// order: 1; -// border: 1px solid black; -// border-radius: 50%; -// background: grey; -// height: 2rem; -// width: 2rem; -// appearance: none; -// -webkit-appearance: none; -// cursor: pointer; -// z-index: 1; +// input[type="radio"].fill-left { +// // -webkit-appearance: none; +// // opacity: 0; +// position: relative; +// left: 1rem; +// cursor: pointer; +// z-index: 1; +// font-weight: normal !important; +// // margin: 3px; +// // padding: 0.1em; + +// &+ span::before { +// border: solid 2px var(--off-black) !important; +// line-height: 1.1rem; +// text-align: middle; +// display: inline-block; +// vertical-align: middle; + +// -moz-box-shadow: 0 0 0px var(--black); +// -webkit-box-shadow: 0 0 0px var(--black); +// box-shadow: 0 0 0px var(--black); + +// content: ""; +// color: var(--white); +// font-size: 20px; +// background: transparent; +// background-color: var(--purple); +// width: 1.1rem; +// height: 1.1rem; +// z-index: 11; + +// -webkit-font-smoothing: antialiased; +// -moz-border-radius: 50%; +// -webkit-border-radius: 50%; +// border-radius: 50%; +// padding: 0.1rem; +// } + +// &:hover ~ input[type="radio"] + span::before { +// content: ""; +// background-color: var(--magenta); +// opacity: 0.5; +// } + +// &:checked::before ~ input[type="radio"] + span::before { +// content: ""; +// background: transparent; +// background-color: none; +// } // } -// .fill-left__radio:checked { -// opacity: 0; -// z-index: 0; -// position: absolute; +// input[type="radio"].cb-rad-sml + span::before { +// line-height: 14px !important; +// width: 14px !important; +// height: 14px !important; +// font-size: 16px !important; // } -// .fill-left__radio:checked ~ .fill-left__radio { -// order: 3; -// background-color: transparent; +// input[type="radio"].cb-rad-smlr + span::before { +// line-height: 12px !important; +// width: 12px !important; +// height: 12px !important; +// font-size: 15px !important; // } -// .fill-left__radio.radio-clearer { -// order: 2; -// background-color: black; -// } +input.radio-zero { + position: relative; +} + +input.radio-zero:checked + span::before { + opacity: 0; +} + +input.radio-zero:hover + span::before { + opacity: 0.25; + font-size: 25px; + font-family: "Pictos"; + content: "*"; + background: none; + background-color: none !important; + border-color: transparent !important; + color: var(--black); + top: 2px; + left: 2px; +} + +input.radio-zero + span::before { + opacity: 0; +} + + // display: flex; + // align-self: center; + // // opacity: 0; + // // -webkit-appearance: none; + // // position: absolute; + // cursor: pointer; + // width: 2rem; + // height: 2rem; + + // &.dots + span::before { + // position: relative; + // border: solid 2px var(--borderColor); + // line-height: 1rem; + // text-align: middle; + // display: inline-block; + // vertical-align: middle; + + // -moz-box-shadow: 0 0 0px var(--borderColor); + // -webkit-box-shadow: 0 0 0px var(--borderColor); + // box-shadow: 0 0 0px var(--borderColor); + + // // font-family: "Pictos"; + // content: ""; + // color: var(--invertedFontColor); + // font-size: 1px; + // background: transparent; + // background-color: var(--purple); + // width: 1rem; + // height: 1rem; + // z-index: 11; + + // -webkit-font-smoothing: antialiased; + // -moz-border-radius: 50%; + // -webkit-border-radius: 50%; + // border-radius: 50%; + // padding: 3px; + // } + + // &.dots + span:hover { + // background: transparent; + // background-color: var(--magenta); + // } + + // &.dots:checked ~ input[type="radio"] + span::before { + // content: ""; + // background: transparent; + // background-color: none; + // } + + // &.radio-clearer:hover + span::before { + // font-family: "pictos"; + // opacity: 0.25; + // font-size: 1rem; + // content: "*"; + // background: none; + // background-color: none; + // border-color: transparent; + // color: var(--fontColor); + // } + @each $value in 2,3,4,5,6,7,8 { @@ -45,15 +423,11 @@ } } -input[type=checkbox].magenta { - accent-color: var(--magenta); -} - // .resource-radio { // // -webkit-appearance: none; -// position: absolute; // // opacity: 0; +// position: absolute; // width: 18px; // height: 18px; // cursor: pointer; @@ -62,23 +436,24 @@ input[type=checkbox].magenta { // margin: 3px; // padding: 0.5em; +// CHECKBOX RADIO // &span::before { -// border: solid 2px var(--cp-off-black); +// border: solid 2px var(--off-black); // line-height: 18px; // text-align: middle; // display: inline-block; // vertical-align: middle; -// -moz-box-shadow: 0 0 0px var(--cp-black); -// -webkit-box-shadow: 0 0 0px var(--cp-black); -// box-shadow: 0 0 0px var(--cp-black); +// -moz-box-shadow: 0 0 0px var(--black); +// -webkit-box-shadow: 0 0 0px var(--black); +// box-shadow: 0 0 0px var(--black); // font-family: "Pictos"; // content: "3"; -// color: var(--cp-white); +// color: var(--white); // font-size: 20px; // background: transparent; -// background-color: var(--cp-purple); +// background-color: var(--purple); // width: 18px; // height: 18px; // z-index: 11; @@ -92,11 +467,11 @@ input[type=checkbox].magenta { // &:hover ~ input[type="radio"] + span::before { // content: ""; -// background-color: var(--cp-purple-half); +// background-color: var(--purple-half); // font-family: "Pictos"; // content: "*"; -// color: var(--cp-white); +// color: var(--white); // } // &:checked::before ~ input[type="radio"] + span::before { @@ -136,7 +511,7 @@ input[type=checkbox].magenta { // background: none; // background-color: none; // border-color: transparent; -// color: var(--cp-black); +// color: var(--black); // top: 2px; // left: 2px; // } diff --git a/ICON RPG [MassifPress]/mixins/scss/_rolltemplate.scss b/ICON RPG [MassifPress]/mixins/scss/_rolltemplate.scss index 89e8e74c47..bd3556fd9c 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_rolltemplate.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_rolltemplate.scss @@ -8,6 +8,12 @@ //- Any 'inlinerollresults' should be styled as well @use '_mixinsandplaceholders'; +.by, .message, +.sheet-by, .sheet-message, +.em, .strong { + color:var(--fontColor); +} + .sheet-rolltemplate-icon { @extend %universalVariables; @extend %defaultStyles; @@ -19,13 +25,14 @@ } .sheet-rolltemplate-darkmode { - --critColor:green; - --fumbleColor:red; - --importantColor:#00ADA2; - --headerBackColor:#2e2e2e; + --critColor: var(--green-lt); + --fumbleColor: var(--red-lt); + --importantColor: var(--blue-lt); + --headerBackColor: var(--grey-dk); } .sheet-rolltemplate-icon { + text-justify: inter-word; padding-bottom:var(--grid-gap); //If the template is output with the chat avatar being displayed, give the chat avatar some more room so that we don't overlap it. &:not(:first-child){ @@ -33,7 +40,8 @@ } .sheet-header{ display:grid; - background-image: linear-gradient(90deg, transparent, var(--headerBackColor) var(--big-gap) calc(100% - var(--big-gap)), transparent); + border: 1px solid var(--borderColor); + background-color: var(--headerBackColor); padding: var(--half-gap); margin-inline: calc(var(--half-gap) * -1); h3{ @@ -95,6 +103,7 @@ gap:var(--half-gap); justify-content: space-between; align-items:center; + line-height: 27px; } //Our areas that we expect longer content to exist in will have a border on the top to help visually separate them. .sheet-template-row--text{ @@ -108,11 +117,14 @@ max-height:20rem; overflow-y:auto; white-space: pre-wrap; + color:var(--fontColor); } //Styling for links in our roll template. This will override the in your face styling of the default Roll20 ability and API command buttons. a{ - padding:0; + position: relative; + left: -10px; + padding:2px; //For links that are not ability/API command buttons, we want to decorate them as a standard link. &:not([href^="!"]), &:not([href^="~"]){ @@ -137,7 +149,8 @@ //We want our inline rolls to visually pop so that they are easily identifiable font-size:1.25em; position: relative; - left:-10px; + color:var(--fontColor); + //We'll be looking at computed values in the javascript, but if we send a placeholder value to chat, we don't want to display the hover tooltip for it because it will not give any useful information. &[title*="[computed value]"], &[original-title*="[computed value]"]{ @@ -164,5 +177,9 @@ color: var(--importantColor); } } + + .sheet-result > .inlinerollresult { + left:-8px; + } } } \ No newline at end of file diff --git a/ICON RPG [MassifPress]/mixins/scss/_statsanddropdowns.scss b/ICON RPG [MassifPress]/mixins/scss/_statsanddropdowns.scss index 628e1efd35..494698598b 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_statsanddropdowns.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_statsanddropdowns.scss @@ -68,13 +68,26 @@ input.dust { } } +span.xp { + color: var(--purple) !important; + padding: 5px !important; +} + +input.xp { + height: 40px !important; + width: 100% !important; + font-size: 1.4rem !important; + color: var(--fontColor) !important; + text-shadow: 0 0 2px var(--purple); +} + .color-receiver { background-color: var(--magenta); // fallback color, for if the hidden 'color-control' input is not placed before the selector } select.color-receiver { - color: var(--invertedFontColor) !important; + color: var(--white) !important; border-radius: 0px !important; } @@ -148,4 +161,9 @@ div.wealth { input.ability-info { width: 32% !important; text-overflow: ellipsis; +} + +select.type { + margin-bottom: 0px; + font-size: 1.1rem; } \ No newline at end of file diff --git a/ICON RPG [MassifPress]/preview.jpg b/ICON RPG [MassifPress]/preview.jpg new file mode 100644 index 0000000000..5d906c8147 Binary files /dev/null and b/ICON RPG [MassifPress]/preview.jpg differ diff --git a/ICON RPG [MassifPress]/readme.md b/ICON RPG [MassifPress]/readme.md index e69de29bb2..141024a04f 100644 --- a/ICON RPG [MassifPress]/readme.md +++ b/ICON RPG [MassifPress]/readme.md @@ -0,0 +1,57 @@ +# ICON RPG Character Sheet for Roll20 + +Welcome to the full documentation for this unoffocial ICON character sheet. + +This sheet is designed for use with the [ICON](https://massif-press.itch.io/icon) system by Massif Press. This is an unofficial sheet made with the aid of Scott C's [K-scaffold](https://kurohyou.github.io/Roll20-Snippets/index.html?v=1.1). Almost all of the core functionality of the game, as of version 1.45, is accessible via this sheet. +Rules reminders are built in and can be hidden or show by clicking orange 'i' in the top right of each section. +The sheet is also flexible enough to hopefully allow for homebrew rules and custom features. +I hope you enjoy! + +![preview](https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/tree/master/ICON%20RPG%20%5BMassifPress%5D/preview.jpg) + +[report a bug](https://github.com/Seraaron/roll20-character-sheets/issues) + +### Fonts +Note that this sheet makes use of GOOGLE fonts via +``` +@import url("https://fonts.googleapis.com/css?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700|Jost:ital,wght@0,400;0,700;1,400;1,700|PT+Mono|PT+Sans+Caption:wght@400;700|PT+Serif+Caption&display=swap"); +``` +These should be imported automatically by your browser, but in the event that they aren't you can download and install them yourself here: +- [Jost](https://fonts.google.com/specimen/Jost) +- [Atkinson Hyperlegible](https://fonts.google.com/specimen/Atkinson+Hyperlegible) +- [PT Mono](https://fonts.google.com/specimen/PT+Mono), [PT Sans Caption](https://fonts.google.com/specimen/PT+Sans+Caption), & [PT Serif Caption](https://fonts.google.com/specimen/PT+Serif+Caption) + +## Changelog +### v0.4 LIVE (23-01-14) +- Wrote this readme, and the json file, made a [tipee](https://en.tipeee.com/seraaron/), and generally got the sheet ready for live use on roll20 +- Added lots of new CSS stylization to make it all look pretty +- Fixed fill left bug by reverting to older style involving spans +- Added action roll macro +- Stylized the roll templates +- Added all json translations in english +- Changed appearance of roll buttons +- Added action rolls using conditionals in roll template + +### v0.3 BETA (23-01-14) +- Added preliminary darkmode functionality +- Added preliminary roll template / macro functionality +- Partially fixed tab impersistence +- Fixed burden column scale +- Added 'roster' tab for foes & allies +- Added camp fixtures +- Fixed collapse checkbox global +- Fixed custom action names resetting +- Added ability info boxes + +### v0.2 ALPHA (22-12-14) +- Filled in the tactics, roster, and journal sections +- Fixed burden column scale (bug) and made them a rep. segment +- Begun work on sheetworkers +- Too many other changes to mention +- (suffice to say the sheet is basically whole at this point, if unfinished) + +### v0.1 PRE (22-12-05) +- Initial commit +- Mostly functional narrative and journal tabs (sans roll macros and sheetworkers) +- Tactics, Roster, and Settings tabs have headers as scaffolding but no major functionality +- Very likely to change destructively soon, this is just a 'save point' commit \ No newline at end of file diff --git a/ICON RPG [MassifPress]/rolltemplates/_icontemplate.pug b/ICON RPG [MassifPress]/rolltemplates/_icontemplate.pug index 921a217617..7fb3a350f9 100644 --- a/ICON RPG [MassifPress]/rolltemplates/_icontemplate.pug +++ b/ICON RPG [MassifPress]/rolltemplates/_icontemplate.pug @@ -7,56 +7,85 @@ +characterLink +templateConditionalDisplay('roll') .template-row - +templateConditionalDisplay('roll_name') - h5 {{roll_name}} - +templateConditionalDisplay('roll_name','invert') - h5(data-i18n='roll') - span.description + .template-col + +templateConditionalDisplay('roll_name') + h5 {{roll_name}} + +templateConditionalDisplay('roll_name','invert') + h5(data-i18n='roll') + .template-col.sheet-center.sheet-result |{{roll}} +templateConditionalDisplay('target') span(data-i18n='vs') - |{{target}} - +templateConditionalDisplay('target') - +rollBetween({values:'computed::result 1 1'}) - .template-row.template-row--summary - span(data-i18n='success').capitalize.result-display-true - +rollBetween({values:'computed::result 0 0'}) - .template-row.template-row--summary - span(data-i18n='failure').capitalize.result-display-false - +templateConditionalDisplay('damage') + |**{{target}}** + +templateConditionalDisplay('hidden-calc') .template-row - +templateConditionalDisplay('damage_type') - h5 {{roll_name}} - +templateConditionalDisplay('damage_type','invert') - h5(data-i18n='damage') - span.description {{damage}} + .template-col + h5(data-i18n='action roll') + //- This is checking wheter you have zero dice or not, and changes accordingly + .template-col.sheet-center.sheet-result + |{{#rollGreater() hidden-calc 0}}{{action-roll0}}{{/rollGreater() hidden-calc 0}} + |{{#rollLess() hidden-calc 1}}{{action-roll1}}{{/rollLess() hidden-calc 1}} +templateConditionalDisplay('range') .template-row - h5(data-i18n='range') - span.description {{range}} - +templateConditionalDisplay('traits') + .template-col + h5(data-i18n='range').capitalize + .template-col.sheet-center.sheet-result + |{{range}} + +templateConditionalDisplay('damage') .template-row - h5(data-i18n='traits') - span.description {{traits}} - +templateConditionalDisplay('aspects') - .template-row - h5(data-i18n='aspects') - span.description {{aspects}} + .template-col + h5(data-i18n='damage').capitalize + .template-col.sheet-center.sheet-result + |{{damage}} + .template-row--summary + +templateConditionalDisplay('bonus_damage') + .template-row + .template-col.sheet-center + h5(data-i18n='bonus dmg') + .template-col.sheet-center.sheet-result + |{{#rollGreater() roll 19}}{{crit_damage}}{{/rollGreater() roll 19}} + |{{#rollLess() roll 20}}{{bonus_damage}}{{/rollLess() roll 20}} + +templateConditionalDisplay('miss_damage') + .template-row + .template-col.sheet-center + h5(data-i18n='miss dmg') + .template-col.sheet-center.sheet-result + |{{miss_damage}} + +templateConditionalDisplay('text') + .template-row.template-row--text + span.description {{text}} + +templateConditionalDisplay('summary') + .template-row.template-row--summary + .template-col.sheet-center + h5|{{summary}} + +templateConditionalDisplay('info') + .template-row.template-row--summary + .template-col.sheet-center + h5|{{info}} +templateConditionalDisplay('description') .template-row.template-row--text - h5(data-i18n='description') - span.description {{description}} + span.description + |*{{description}}* +templateConditionalDisplay('effect') .template-row.template-row--text - h5(data-i18n='effect') - span.description {{effect}} - each num in [1,2,3] - +templateConditionalDisplay(`effect_${num}`) - .template-row.template-row--text - h5(data-i18n=`effect ${num}`) - span.description {{effect_#{num}}} + span.description + |**{{effect}}** + +templateConditionalDisplay('talent') + .template-row + .template-col + h4(data-i18n='talent') + |{{talent}} + +templateConditionalDisplay('mastery') + .template-row + .template-col + +templateConditionalDisplay('mastery_name') + h4 {{mastery_name}} + |{{mastery}} + +templateConditionalDisplay('mastery_name','invert') + h4(data-i18n='mastery') + |{{mastery}} //- This template will be user extensible. User defined field/value combos will be displayed using the same format as other rows - +allProps({values:'character_name character_id name roll_name roll damage damage_type effect effect_1 effect_2 effect_3 description range traits aspects target result'}) + +allProps({values:'character_name character_id name roll_name roll target action-roll0 action-roll1 hidden-calc damage range bonus_damage crit_damage miss_damage effect description text talent mastery_name mastery sheet-result progress max summary info'}) .template-row.template-row--text h5 {{key}} span.description {{value}} \ No newline at end of file diff --git a/ICON RPG [MassifPress]/sheet.json b/ICON RPG [MassifPress]/sheet.json index bbd8822add..e6c6dfecba 100644 --- a/ICON RPG [MassifPress]/sheet.json +++ b/ICON RPG [MassifPress]/sheet.json @@ -1,9 +1,10 @@ { "html": "system.html", - "css": "style.css", + "css": "system.css", "authors": "Seraaron, Scott Casey", - "roll20userid": "459831", - "preview": ".jpg", - "instructions": "", + "roll20userid": "147454, 459831", + "preview": "preview.jpg", + "tipee":"https://en.tipeee.com/seraaron/", + "instructions": "This sheet is designed for use with the [ICON](https://massif-press.itch.io/icon) system by Massif Press. This is an unofficial sheet made with the aid of Scott C's [K-scaffold](https://kurohyou.github.io/Roll20-Snippets/index.html?v=1.1). Almost all of the core functionality of the game, as of version 1.45, is accessible via this sheet.\nRules reminders are built in and can be hidden or show by clicking orange 'i' in the top right of each section.\nThe sheet is also flexible enough to hopefully allow for homebrew rules and custom features.\nI hope you enjoy!\n\nRead the [full documentation](https://github.com/Seraaron/roll20-character-sheets/blob/master/ICON%20RPG%20%5BMassifPress%5D/readme.md) or [report a bug](https://github.com/Seraaron/roll20-character-sheets/issues)", "legacy": false } \ No newline at end of file diff --git a/ICON RPG [MassifPress]/system-dist.css b/ICON RPG [MassifPress]/system-dist.css index cced4c7a55..25d180f6bd 100644 --- a/ICON RPG [MassifPress]/system-dist.css +++ b/ICON RPG [MassifPress]/system-dist.css @@ -1 +1 @@ -@import url("https://fonts.googleapis.com/css?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700|Jost:ital,wght@0,400;0,700;1,400;1,700|PT+Mono|PT+Sans+Caption:wght@400;700|PT+Serif+Caption&display=swap");.sheet-rolltemplate-icon,.ui-dialog{--white:white;--off-white:rgb(243,240,237);--grey-lt:rgb(217,217,217);--grey:rgb(145,145,145);--off-grey:rgb(143,143,157);--grey-dk:rgb(102,102,102);--off-black:rgb(15,13,12);--black:black;--half-white:rgba(255,255,255,0.5);--half-black:rgba(0,0,0,0.5);--half-grey:rgba(145,145,145,0.5);--purple:rgb(156,70,255);--magenta-lt:rgb(242,130,255);--magenta:rgb(201,85,239);--magenta-dk:rgb(136,57,162);--red-lt:rgb(255,150,140);--red:rgb(237,34,11);--red-dk:rgb(160,23,7);--yellow-lt:rgb(255,217,49);--yellow:rgb(253,173,0);--yellow-dk:rgb(176,120,0);--green-lt:rgb(136,249,78);--green:rgb(96,216,54);--green-dk:rgb(62,139,34);--blue-lt:rgb(76,220,253);--blue:rgb(0,161,255);--blue-dk:rgb(0,112,178);--orange:rgb(230,140,44)}.sheet-rolltemplate-icon,.ui-dialog{--basicFont:"Atkinson Hyperlegible","Open Sans","Calibri",sans-serif;--titleFont:"Jost","Maven Pro","Montserrat","Arial Black",sans-serif;--monoFont:"PT Mono","Liberation Mono","Courier New","Courier",monospace;--sansFont:"PT Sans Caption","Liberation Sans","Arial","Helvetica","Tahoma",sans-serif;--serifFont:"PT Serif Caption","Liberation Serif","Times New Roman","Mac OS Roman",serif}.serif{font-family:var(--serifFont)!important}.mono{font-family:var(--monoFont)!important}.title{font-family:var(--titleFont)!important}.bigger{font-size:1.2rem!important}.big{font-size:1.1rem!important}.normal{font-size:1rem!important}.small{font-size:0.9rem!important}.smaller{font-size:0.8rem!important}.sheet-rolltemplate-icon .pictos,.sheet-rolltemplate-icon .sheet-pictos,.ui-dialog .tab-content .charsheet .pictos,.ui-dialog .tab-content .charsheet .sheet-pictos{font-family:"pictos"!important;text-transform:initial!important}.sheet-rolltemplate-icon .pictos3,.sheet-rolltemplate-icon .sheet-pictos3,.ui-dialog .tab-content .charsheet .pictos3,.ui-dialog .tab-content .charsheet .sheet-pictos3{font-family:"pictos three"!important;text-transform:initial!important}.sheet-rolltemplate-icon .pictoscustom,.sheet-rolltemplate-icon .sheet-pictoscustom,.ui-dialog .tab-content .charsheet .pictoscustom,.ui-dialog .tab-content .charsheet .sheet-pictoscustom{font-family:"pictos custom"!important;text-transform:initial!important}.sheet-rolltemplate-icon .stacked.input-label,.ui-dialog .tab-content .charsheet .stacked.input-label{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.sheet-rolltemplate-icon .stacked.center.input-label>*,.ui-dialog .tab-content .charsheet .stacked.center.input-label>*{text-align:center}.sheet-rolltemplate-icon .stacked.input-label:not(.center)>*,.ui-dialog .tab-content .charsheet .stacked.input-label:not(.center)>*{text-align:left}.sheet-rolltemplate-icon .stacked.input-label>[name],.ui-dialog .tab-content .charsheet .stacked.input-label>[name]{width:100%}.sheet-rolltemplate-icon :is(.underlined,.boxed):not([readonly]):is(:hover,:focus,:focus-within),.ui-dialog .tab-content .charsheet :is(.underlined,.boxed):not([readonly]):is(:hover,:focus,:focus-within){border:1px solid var(--borderColor);border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--invertedFontColor)}.sheet-rolltemplate-icon .ratio1-1,.sheet-rolltemplate-icon .sheet-ratio1-1,.sheet-rolltemplate-icon input:where([type=checkbox],[type=radio]),.ui-dialog .tab-content .charsheet .ratio1-1,.ui-dialog .tab-content .charsheet .sheet-ratio1-1,.ui-dialog .tab-content .charsheet input:where([type=checkbox],[type=radio]){aspect-ratio:1/1}.sheet-rolltemplate-icon .headed-textarea,.sheet-rolltemplate-icon .roll-container,.ui-dialog .tab-content .charsheet .headed-textarea,.ui-dialog .tab-content .charsheet .roll-container{display:-ms-grid;display:grid}.sheet-rolltemplate-icon .pseudo-select span,.sheet-rolltemplate-icon .sheet-pseudo-select span,.sheet-rolltemplate-icon .uneditable-input,.sheet-rolltemplate-icon input:not(:where([type=checkbox],[type=radio])),.sheet-rolltemplate-icon select,.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet .pseudo-select span,.ui-dialog .tab-content .charsheet .sheet-pseudo-select span,.ui-dialog .tab-content .charsheet .uneditable-input,.ui-dialog .tab-content .charsheet input:not(:where([type=checkbox],[type=radio])),.ui-dialog .tab-content .charsheet select,.ui-dialog .tab-content .charsheet textarea{border-width:1px 1px;border-style:solid;border-radius:5px;border-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}.sheet-rolltemplate-icon .repcontrol-button,.ui-dialog .tab-content .charsheet .repcontrol-button{background-color:var(--buttonColor);border-radius:5px;-webkit-box-shadow:0 2px 4px black;box-shadow:0 2px 4px black;border-width:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);overflow:hidden}.sheet-rolltemplate-icon .repcontrol-button:is(:hover,:focus),.ui-dialog .tab-content .charsheet .repcontrol-button:is(:hover,:focus){background-color:var(--hoverColor);-webkit-box-shadow:0 4px 6px black;box-shadow:0 4px 6px black;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet-rolltemplate-icon .repcontrol-button:active,.ui-dialog .tab-content .charsheet .repcontrol-button:active{background-color:var(--clickColor);-webkit-box-shadow:0 1px 2px black;box-shadow:0 1px 2px black;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.sheet-rolltemplate-icon .repcontrol-button,.ui-dialog .tab-content .charsheet .repcontrol-button{padding:5px 7px}.sheet-rolltemplate-icon .sheet-uppercase,.sheet-rolltemplate-icon .uppercase,.ui-dialog .tab-content .charsheet .sheet-uppercase,.ui-dialog .tab-content .charsheet .uppercase{text-transform:uppercase}.sheet-rolltemplate-icon .smallcaps,.ui-dialog .tab-content .charsheet .smallcaps{font-variant-caps:small-caps}.sheet-rolltemplate-icon .hidden,.sheet-rolltemplate-icon .sheet-hidden,.sheet-rolltemplate-icon [hidden],.ui-dialog .tab-content .charsheet .hidden,.ui-dialog .tab-content .charsheet .sheet-hidden,.ui-dialog .tab-content .charsheet [hidden]{display:none!important}.sheet-rolltemplate-icon .emph,.sheet-rolltemplate-icon .italics,.sheet-rolltemplate-icon .sheet-emph,.sheet-rolltemplate-icon .sheet-italics,.ui-dialog .tab-content .charsheet .emph,.ui-dialog .tab-content .charsheet .italics,.ui-dialog .tab-content .charsheet .sheet-emph,.ui-dialog .tab-content .charsheet .sheet-italics{font-style:italic}.sheet-rolltemplate-icon .bold,.sheet-rolltemplate-icon .sheet-bold,.ui-dialog .tab-content .charsheet .bold,.ui-dialog .tab-content .charsheet .sheet-bold{font-weight:700}#main .glyph-only,#main .glyph-only *,.sheet-rolltemplate-icon .h1-style-input,.sheet-rolltemplate-icon .h1-style-input *,.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon .h3-style-input *,.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name],.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] *,.sheet-rolltemplate-icon [aria-level="1"],.sheet-rolltemplate-icon [aria-level="1"] *,.sheet-rolltemplate-icon [aria-level="2"],.sheet-rolltemplate-icon [aria-level="2"] *,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon [aria-level="3"] *,.sheet-rolltemplate-icon [aria-level="4"],.sheet-rolltemplate-icon [aria-level="4"] *,.sheet-rolltemplate-icon [aria-level="5"],.sheet-rolltemplate-icon [aria-level="5"] *,.sheet-rolltemplate-icon [aria-level="6"],.sheet-rolltemplate-icon [aria-level="6"] *,.sheet-rolltemplate-icon h1,.sheet-rolltemplate-icon h1 *,.sheet-rolltemplate-icon h2,.sheet-rolltemplate-icon h2 *,.sheet-rolltemplate-icon h3,.sheet-rolltemplate-icon h3 *,.sheet-rolltemplate-icon h4,.sheet-rolltemplate-icon h4 *,.sheet-rolltemplate-icon h5,.sheet-rolltemplate-icon h5 *,.sheet-rolltemplate-icon h6,.sheet-rolltemplate-icon h6 *,.sheet-rolltemplate-icon input,.sheet-rolltemplate-icon span,.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *,.ui-dialog .tab-content .charsheet input,.ui-dialog .tab-content .charsheet span,.ui-dialog .tab-content .charsheet textarea{line-height:normal}#main .glyph-only,#main .glyph-only *,.sheet-rolltemplate-icon .h1-style-input,.sheet-rolltemplate-icon .h1-style-input *,.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon .h3-style-input *,.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name],.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] *,.sheet-rolltemplate-icon [aria-level="1"],.sheet-rolltemplate-icon [aria-level="1"] *,.sheet-rolltemplate-icon [aria-level="2"],.sheet-rolltemplate-icon [aria-level="2"] *,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon [aria-level="3"] *,.sheet-rolltemplate-icon [aria-level="4"],.sheet-rolltemplate-icon [aria-level="4"] *,.sheet-rolltemplate-icon [aria-level="5"],.sheet-rolltemplate-icon [aria-level="5"] *,.sheet-rolltemplate-icon [aria-level="6"],.sheet-rolltemplate-icon [aria-level="6"] *,.sheet-rolltemplate-icon h1,.sheet-rolltemplate-icon h1 *,.sheet-rolltemplate-icon h2,.sheet-rolltemplate-icon h2 *,.sheet-rolltemplate-icon h3,.sheet-rolltemplate-icon h3 *,.sheet-rolltemplate-icon h4,.sheet-rolltemplate-icon h4 *,.sheet-rolltemplate-icon h5,.sheet-rolltemplate-icon h5 *,.sheet-rolltemplate-icon h6,.sheet-rolltemplate-icon h6 *,.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *{color:var(--fontColor);display:block;white-space:nowrap;margin-top:0px;margin-bottom:0px;font-weight:700}.sheet-rolltemplate-icon .h1-style-input,.sheet-rolltemplate-icon .h1-style-input *,.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon .h3-style-input *,.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name],.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] *,.sheet-rolltemplate-icon [aria-level="1"],.sheet-rolltemplate-icon [aria-level="1"] *,.sheet-rolltemplate-icon [aria-level="2"],.sheet-rolltemplate-icon [aria-level="2"] *,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon [aria-level="3"] *,.sheet-rolltemplate-icon h1,.sheet-rolltemplate-icon h1 *,.sheet-rolltemplate-icon h2,.sheet-rolltemplate-icon h2 *,.sheet-rolltemplate-icon h3,.sheet-rolltemplate-icon h3 *,.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *{text-transform:uppercase;font-weight:700}#main .glyph-only,#main .glyph-only *,.sheet-rolltemplate-icon [aria-level="4"],.sheet-rolltemplate-icon [aria-level="4"] *,.sheet-rolltemplate-icon [aria-level="5"],.sheet-rolltemplate-icon [aria-level="5"] *,.sheet-rolltemplate-icon [aria-level="6"],.sheet-rolltemplate-icon [aria-level="6"] *,.sheet-rolltemplate-icon h4,.sheet-rolltemplate-icon h4 *,.sheet-rolltemplate-icon h5,.sheet-rolltemplate-icon h5 *,.sheet-rolltemplate-icon h6,.sheet-rolltemplate-icon h6 *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *{text-transform:uppercase}#main .glyph-only :not(input),#main .glyph-only:not(input),.sheet-rolltemplate-icon [aria-level="4"] :not(input),.sheet-rolltemplate-icon [aria-level="4"]:not(input),.sheet-rolltemplate-icon [aria-level="5"] :not(input),.sheet-rolltemplate-icon [aria-level="5"]:not(input),.sheet-rolltemplate-icon [aria-level="6"] :not(input),.sheet-rolltemplate-icon [aria-level="6"]:not(input),.sheet-rolltemplate-icon h4 :not(input),.sheet-rolltemplate-icon h4:not(input),.sheet-rolltemplate-icon h5 :not(input),.sheet-rolltemplate-icon h5:not(input),.sheet-rolltemplate-icon h6 :not(input),.sheet-rolltemplate-icon h6:not(input),.ui-dialog .tab-content .charsheet [aria-level="4"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="4"]:not(input),.ui-dialog .tab-content .charsheet [aria-level="5"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="5"]:not(input),.ui-dialog .tab-content .charsheet [aria-level="6"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="6"]:not(input),.ui-dialog .tab-content .charsheet h4 :not(input),.ui-dialog .tab-content .charsheet h4:not(input),.ui-dialog .tab-content .charsheet h5 :not(input),.ui-dialog .tab-content .charsheet h5:not(input),.ui-dialog .tab-content .charsheet h6 :not(input),.ui-dialog .tab-content .charsheet h6:not(input){text-transform:capitalize}.header__image{min-width:191.5px;min-height:88.2px}.sheet-rolltemplate-icon .h1-style-input,.sheet-rolltemplate-icon .h1-style-input *,.sheet-rolltemplate-icon [aria-level="1"],.sheet-rolltemplate-icon [aria-level="1"] *,.sheet-rolltemplate-icon h1,.sheet-rolltemplate-icon h1 *,.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *{font-size:2rem!important;font-family:var(--titleFont);text-transform:uppercase;background-color:var(--magenta);color:var(--invertedFontColor)!important}.sheet-rolltemplate-icon .h1-style-input :not(input),.sheet-rolltemplate-icon .h1-style-input:not(input),.sheet-rolltemplate-icon [aria-level="1"] :not(input),.sheet-rolltemplate-icon [aria-level="1"]:not(input),.sheet-rolltemplate-icon h1 :not(input),.sheet-rolltemplate-icon h1:not(input),.ui-dialog .tab-content .charsheet .h1-style-input :not(input),.ui-dialog .tab-content .charsheet .h1-style-input:not(input),.ui-dialog .tab-content .charsheet [aria-level="1"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="1"]:not(input),.ui-dialog .tab-content .charsheet h1 :not(input),.ui-dialog .tab-content .charsheet h1:not(input){text-align:center}.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name],.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] *,.sheet-rolltemplate-icon [aria-level="2"],.sheet-rolltemplate-icon [aria-level="2"] *,.sheet-rolltemplate-icon h2,.sheet-rolltemplate-icon h2 *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *{font-size:1.75rem;font-family:var(--serifFont);grid-area:header}.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] :not(input),.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name]:not(input),.sheet-rolltemplate-icon [aria-level="2"] :not(input),.sheet-rolltemplate-icon [aria-level="2"]:not(input),.sheet-rolltemplate-icon h2 :not(input),.sheet-rolltemplate-icon h2:not(input),.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] :not(input),.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name]:not(input),.ui-dialog .tab-content .charsheet [aria-level="2"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="2"]:not(input),.ui-dialog .tab-content .charsheet h2 :not(input),.ui-dialog .tab-content .charsheet h2:not(input){text-align:center}.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon .h3-style-input *,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon [aria-level="3"] *,.sheet-rolltemplate-icon h3,.sheet-rolltemplate-icon h3 *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *{font-size:1.5rem;font-family:var(--titleFont)}.sheet-rolltemplate-icon .h3-style-input :not(input),.sheet-rolltemplate-icon .h3-style-input:not(input),.sheet-rolltemplate-icon [aria-level="3"] :not(input),.sheet-rolltemplate-icon [aria-level="3"]:not(input),.sheet-rolltemplate-icon h3 :not(input),.sheet-rolltemplate-icon h3:not(input),.ui-dialog .tab-content .charsheet .h3-style-input :not(input),.ui-dialog .tab-content .charsheet .h3-style-input:not(input),.ui-dialog .tab-content .charsheet [aria-level="3"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="3"]:not(input),.ui-dialog .tab-content .charsheet h3 :not(input),.ui-dialog .tab-content .charsheet h3:not(input){text-align:center}#main .glyph-only,#main .glyph-only *,.sheet-rolltemplate-icon [aria-level="4"],.sheet-rolltemplate-icon [aria-level="4"] *,.sheet-rolltemplate-icon h4,.sheet-rolltemplate-icon h4 *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *{font-size:1.25rem;font-family:var(--serifFont)}#main .glyph-only :not(input),#main .glyph-only:not(input),.sheet-rolltemplate-icon [aria-level="4"] :not(input),.sheet-rolltemplate-icon [aria-level="4"]:not(input),.sheet-rolltemplate-icon h4 :not(input),.sheet-rolltemplate-icon h4:not(input),.ui-dialog .tab-content .charsheet [aria-level="4"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="4"]:not(input),.ui-dialog .tab-content .charsheet h4 :not(input),.ui-dialog .tab-content .charsheet h4:not(input){text-align:center}.sheet-rolltemplate-icon [aria-level="5"],.sheet-rolltemplate-icon [aria-level="5"] *,.sheet-rolltemplate-icon h5,.sheet-rolltemplate-icon h5 *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *{font-size:1.1rem;font-style:normal;font-family:var(--titleFont)}.sheet-rolltemplate-icon [aria-level="5"] :not(input),.sheet-rolltemplate-icon [aria-level="5"]:not(input),.sheet-rolltemplate-icon h5 :not(input),.sheet-rolltemplate-icon h5:not(input),.ui-dialog .tab-content .charsheet [aria-level="5"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="5"]:not(input),.ui-dialog .tab-content .charsheet h5 :not(input),.ui-dialog .tab-content .charsheet h5:not(input){text-align:center}.sheet-rolltemplate-icon [aria-level="6"],.sheet-rolltemplate-icon [aria-level="6"] *,.sheet-rolltemplate-icon h6,.sheet-rolltemplate-icon h6 *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *{font-size:1rem;font-style:normal;font-family:var(--serifFont)}.sheet-rolltemplate-icon [aria-level="6"] :not(input),.sheet-rolltemplate-icon [aria-level="6"]:not(input),.sheet-rolltemplate-icon h6 :not(input),.sheet-rolltemplate-icon h6:not(input),.ui-dialog .tab-content .charsheet [aria-level="6"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="6"]:not(input),.ui-dialog .tab-content .charsheet h6 :not(input),.ui-dialog .tab-content .charsheet h6:not(input){text-align:center}.sheet-rolltemplate-icon input:where([type=checkbox],[type=radio]):checked,.ui-dialog .tab-content .charsheet input:where([type=checkbox],[type=radio]):checked{background-color:var(--selectedColor)}.sheet-rolltemplate-icon .boxed,.sheet-rolltemplate-icon .sheet-boxed,.ui-dialog .tab-content .charsheet .boxed,.ui-dialog .tab-content .charsheet .sheet-boxed{border:1px solid var(--borderColor);border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box}.well-padded{padding:0.5rem!important;margin:0.5rem!important}.sheet-rolltemplate-icon,.ui-dialog{--shadowColor1:rgba(0,0,0,0.16);--shadowColor2:rgba(0,0,0,0.24);--grid-gap:1rem;--half-gap:calc(var(--grid-gap) / 2);--tiny-gap:calc(var(--half-gap) / 2);--big-gap:calc(var(--grid-gap) * 2);--revealTime:500ms;--delayTime:200ms;--inputSwap:opacity var(--revealTime) ease var(--delayTime);--focusTiming:500ms ease;--focusTrans:all var(--focusTiming);--spanSectionColumn:1/-1;--displayBorderWidth:2px;--borderColor:var(--off-black);--fontColor:var(--black);--invertedFontColor:var(--white);--placeholderFontColor:var(--grey-dk);--backColor:var(--half-white);--invertedBackColor:var(--half-black);--subHeadBackColor:var(--grey);--unselectedColor:var(--grey-lt);--selectedColor:var(--orange);--disableBackground:var(--grey-lt);--buttonColor:var(--magenta);--hoverColor:var(--magenta-lt);--clickColor:var(--orange)}.sheet-rolltemplate-icon,.ui-dialog .tab-content .charsheet{gap:var(--grid-gap)}.sheet-rolltemplate-icon button,.ui-dialog .tab-content .charsheet button{cursor:pointer}.sheet-rolltemplate-icon .capitalize,.sheet-rolltemplate-icon .sheet-capitalize,.ui-dialog .tab-content .charsheet .capitalize,.ui-dialog .tab-content .charsheet .sheet-capitalize{text-transform:capitalize!important}.sheet-rolltemplate-icon .flex-box,.sheet-rolltemplate-icon .sheet-flex-box,.ui-dialog .tab-content .charsheet .flex-box,.ui-dialog .tab-content .charsheet .sheet-flex-box{display:-webkit-box;display:-ms-flexbox;display:flex}.sheet-rolltemplate-icon .flex-box.col,.sheet-rolltemplate-icon .sheet-flex-box.col,.ui-dialog .tab-content .charsheet .flex-box.col,.ui-dialog .tab-content .charsheet .sheet-flex-box.col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sheet-rolltemplate-icon .flex-box.row,.sheet-rolltemplate-icon .sheet-flex-box.row,.ui-dialog .tab-content .charsheet .flex-box.row,.ui-dialog .tab-content .charsheet .sheet-flex-box.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:95%;position:relative;left:10px}.sheet-rolltemplate-icon .sheet-space-around,.sheet-rolltemplate-icon .space-around,.ui-dialog .tab-content .charsheet .sheet-space-around,.ui-dialog .tab-content .charsheet .space-around{-ms-flex-pack:distribute;justify-content:space-around}.sheet-rolltemplate-icon .sheet-space-between,.sheet-rolltemplate-icon .space-between,.ui-dialog .tab-content .charsheet .sheet-space-between,.ui-dialog .tab-content .charsheet .space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sheet-rolltemplate-icon .center,.sheet-rolltemplate-icon .sheet-center,.ui-dialog .tab-content .charsheet .center,.ui-dialog .tab-content .charsheet .sheet-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.sheet-rolltemplate-icon .right,.ui-dialog .tab-content .charsheet .right{text-align:right}.sheet-rolltemplate-icon .left,.ui-dialog .tab-content .charsheet .left{text-align:left}.sheet-rolltemplate-icon .justify-left,.sheet-rolltemplate-icon .justify-start,.ui-dialog .tab-content .charsheet .justify-left,.ui-dialog .tab-content .charsheet .justify-start{-ms-grid-column-align:start;justify-self:start}.sheet-rolltemplate-icon .justify-end,.sheet-rolltemplate-icon .justify-right,.ui-dialog .tab-content .charsheet .justify-end,.ui-dialog .tab-content .charsheet .justify-right{-ms-grid-column-align:end;justify-self:end}.sheet-rolltemplate-icon .align-start,.ui-dialog .tab-content .charsheet .align-start{-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start}.sheet-rolltemplate-icon .align-end,.ui-dialog .tab-content .charsheet .align-end{-ms-flex-item-align:end;-ms-grid-row-align:end;align-self:end}.sheet-rolltemplate-icon .grid__2col,.sheet-rolltemplate-icon .grid__3col,.sheet-rolltemplate-icon .grid__4col,.sheet-rolltemplate-icon .grid__8col,.ui-dialog .tab-content .charsheet .grid__2col,.ui-dialog .tab-content .charsheet .grid__3col,.ui-dialog .tab-content .charsheet .grid__4col,.ui-dialog .tab-content .charsheet .grid__8col{display:-ms-grid;display:grid;width:auto;gap:var(--half-gap)}.sheet-rolltemplate-icon .grid__8col.grid__8col,.ui-dialog .tab-content .charsheet .grid__8col.grid__8col{-ms-grid-columns:auto auto auto auto auto auto auto auto;grid-template-columns:auto auto auto auto auto auto auto auto}.sheet-rolltemplate-icon .grid__4col.grid__4col,.ui-dialog .tab-content .charsheet .grid__4col.grid__4col{-ms-grid-columns:auto auto auto auto;grid-template-columns:auto auto auto auto}.sheet-rolltemplate-icon .grid__3col.grid__3col,.ui-dialog .tab-content .charsheet .grid__3col.grid__3col{-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto}.sheet-rolltemplate-icon .grid__2col.grid__2col,.ui-dialog .tab-content .charsheet .grid__2col.grid__2col{-ms-grid-columns:auto auto;grid-template-columns:auto auto}.sheet-rolltemplate-icon .no-gap,.ui-dialog .tab-content .charsheet .no-gap{gap:0px!important}.sheet-rolltemplate-icon .half-gap,.ui-dialog .tab-content .charsheet .half-gap{gap:var(--half-gap)}.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet textarea{font-family:var(--basicFont);font-weight:normal!important;resize:vertical;line-height:1.25em;min-height:2.5rem;white-space:pre-wrap;text-overflow:ellipsis}.sheet-rolltemplate-icon textarea.fixed,.ui-dialog .tab-content .charsheet textarea.fixed{resize:none;overflow:auto}.sheet-rolltemplate-icon textarea.textarea-1,.ui-dialog .tab-content .charsheet textarea.textarea-1{height:1.25em}.sheet-rolltemplate-icon textarea.textarea-2,.ui-dialog .tab-content .charsheet textarea.textarea-2{height:2.5em}.sheet-rolltemplate-icon textarea.textarea-3,.ui-dialog .tab-content .charsheet textarea.textarea-3{height:3.75em}.sheet-rolltemplate-icon textarea.textarea-4,.ui-dialog .tab-content .charsheet textarea.textarea-4{height:4em}.sheet-rolltemplate-icon textarea.textarea-5,.ui-dialog .tab-content .charsheet textarea.textarea-5{height:6.25em}.sheet-rolltemplate-icon textarea.textarea-6,.ui-dialog .tab-content .charsheet textarea.textarea-6{height:7.5em}.sheet-rolltemplate-icon textarea.textarea-8,.ui-dialog .tab-content .charsheet textarea.textarea-8{height:10em}.sheet-rolltemplate-icon textarea.no-style,.ui-dialog .tab-content .charsheet textarea.no-style{border:none;background-color:transparent}.sheet-rolltemplate-icon textarea.ambition,.ui-dialog .tab-content .charsheet textarea.ambition{width:90%!important;font-size:1.1rem}.sheet-rolltemplate-icon .span-3,.ui-dialog .tab-content .charsheet .span-3{-ms-grid-column-span:3;grid-column:span 3}.sheet-rolltemplate-icon .sheet-span-2,.sheet-rolltemplate-icon .span-2,.ui-dialog .tab-content .charsheet .sheet-span-2,.ui-dialog .tab-content .charsheet .span-2{-ms-grid-column-span:2;grid-column:span 2}.sheet-rolltemplate-icon .sheet-span-all,.sheet-rolltemplate-icon .span-all,.ui-dialog .tab-content .charsheet .sheet-span-all,.ui-dialog .tab-content .charsheet .span-all{grid-column:1/-1}.sheet-rolltemplate-icon .pseudo-select span,.sheet-rolltemplate-icon .sheet-pseudo-select span,.sheet-rolltemplate-icon .uneditable-input,.sheet-rolltemplate-icon input:not(:is([type=radio],[type=checkbox])),.sheet-rolltemplate-icon select,.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet .pseudo-select span,.ui-dialog .tab-content .charsheet .sheet-pseudo-select span,.ui-dialog .tab-content .charsheet .uneditable-input,.ui-dialog .tab-content .charsheet input:not(:is([type=radio],[type=checkbox])),.ui-dialog .tab-content .charsheet select,.ui-dialog .tab-content .charsheet textarea{padding:2px;font-size:1rem;cursor:pointer}.sheet-rolltemplate-icon input:is([type=text],[type=number]),.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet input:is([type=text],[type=number]),.ui-dialog .tab-content .charsheet textarea{cursor:auto}.sheet-rolltemplate-icon .pseudo-select span,.sheet-rolltemplate-icon .sheet-pseudo-select span,.sheet-rolltemplate-icon select,.ui-dialog .tab-content .charsheet .pseudo-select span,.ui-dialog .tab-content .charsheet .sheet-pseudo-select span,.ui-dialog .tab-content .charsheet select{-webkit-apperance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-transform:capitalize;overflow:hidden!important;white-space:nowrap;text-overflow:ellipsis;text-align:center}.sheet-rolltemplate-icon input,.ui-dialog .tab-content .charsheet input{width:auto}.sheet-rolltemplate-icon input:placeholder,.ui-dialog .tab-content .charsheet input:placeholder{color:var(--placeholderFontColor)}.sheet-rolltemplate-icon input.plus-control:not([value*="-"])+span:before,.ui-dialog .tab-content .charsheet input.plus-control:not([value*="-"])+span:before{content:"+"}.sheet-rolltemplate-icon input,.sheet-rolltemplate-icon span,.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet input,.ui-dialog .tab-content .charsheet span,.ui-dialog .tab-content .charsheet textarea{font-size:1rem}.sheet-rolltemplate-icon button,.sheet-rolltemplate-icon input,.sheet-rolltemplate-icon select,.sheet-rolltemplate-icon span[name],.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet button,.ui-dialog .tab-content .charsheet input,.ui-dialog .tab-content .charsheet select,.ui-dialog .tab-content .charsheet span[name],.ui-dialog .tab-content .charsheet textarea{font-family:var(--basicFont);--fontWght:700;font-weight:var(--fontWght);font-variation-settings:"wght" var(--fontWght);background-color:var(--backColor);color:var(--fontColor)}.sheet-rolltemplate-icon .h1-style-input::-webkit-input-placeholder,.sheet-rolltemplate-icon [aria-level="1"]::-webkit-input-placeholder,.sheet-rolltemplate-icon h1::-webkit-input-placeholder,.ui-dialog .tab-content .charsheet .h1-style-input::-webkit-input-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::-webkit-input-placeholder,.ui-dialog .tab-content .charsheet h1::-webkit-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input::-moz-placeholder,.sheet-rolltemplate-icon [aria-level="1"]::-moz-placeholder,.sheet-rolltemplate-icon h1::-moz-placeholder,.ui-dialog .tab-content .charsheet .h1-style-input::-moz-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::-moz-placeholder,.ui-dialog .tab-content .charsheet h1::-moz-placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input:-ms-input-placeholder,.sheet-rolltemplate-icon [aria-level="1"]:-ms-input-placeholder,.sheet-rolltemplate-icon h1:-ms-input-placeholder,.ui-dialog .tab-content .charsheet .h1-style-input:-ms-input-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]:-ms-input-placeholder,.ui-dialog .tab-content .charsheet h1:-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input::-ms-input-placeholder,.sheet-rolltemplate-icon [aria-level="1"]::-ms-input-placeholder,.sheet-rolltemplate-icon h1::-ms-input-placeholder,.ui-dialog .tab-content .charsheet .h1-style-input::-ms-input-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::-ms-input-placeholder,.ui-dialog .tab-content .charsheet h1::-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input::placeholder,.sheet-rolltemplate-icon [aria-level="1"]::placeholder,.sheet-rolltemplate-icon h1::placeholder,.ui-dialog .tab-content .charsheet .h1-style-input::placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::placeholder,.ui-dialog .tab-content .charsheet h1::placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input{text-align:center;border-radius:0;border:none;height:46px;min-width:200px}.sheet-rolltemplate-icon .h1-style-input:not(.color-receiver),.ui-dialog .tab-content .charsheet .h1-style-input:not(.color-receiver){background-color:var(--magenta)!important}.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon h3,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet h3{text-overflow:ellipsis}.sheet-rolltemplate-icon input:where([type=checkbox],[type=radio]),.ui-dialog .tab-content .charsheet input:where([type=checkbox],[type=radio]){-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;border:1px solid var(--borderColor);cursor:pointer;width:1rem;display:inline-block}.sheet-rolltemplate-icon input[type=radio],.ui-dialog .tab-content .charsheet input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}.sheet-rolltemplate-icon input[type=number],.ui-dialog .tab-content .charsheet input[type=number]{width:3rem;-moz-appearance:textfield!important;text-align:center}.sheet-rolltemplate-icon input[type=number]::-webkit-inner-spin-button,.sheet-rolltemplate-icon input[type=number]::-webkit-outer-spin-button,.ui-dialog .tab-content .charsheet input[type=number]::-webkit-inner-spin-button,.ui-dialog .tab-content .charsheet input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sheet-rolltemplate-icon .number,.sheet-rolltemplate-icon .sheet-number,.ui-dialog .tab-content .charsheet .number,.ui-dialog .tab-content .charsheet .sheet-number{width:2rem;-webkit-box-sizing:border-box;box-sizing:border-box}.sheet-rolltemplate-icon footer,.sheet-rolltemplate-icon header,.sheet-rolltemplate-icon section,.ui-dialog .tab-content .charsheet footer,.ui-dialog .tab-content .charsheet header,.ui-dialog .tab-content .charsheet section{-ms-grid-row-align:start;align-self:start;display:-ms-grid;display:grid;gap:var(--half-gap)}.sheet-rolltemplate-icon .pseudo-button,.ui-dialog .tab-content .charsheet .pseudo-button{cursor:pointer}.sheet-rolltemplate-icon .pseudo-button:focus-within>.pseudo-button__span,.sheet-rolltemplate-icon .pseudo-button:hover>.pseudo-button__span,.ui-dialog .tab-content .charsheet .pseudo-button:focus-within>.pseudo-button__span,.ui-dialog .tab-content .charsheet .pseudo-button:hover>.pseudo-button__span{background-color:var(--selectedColor);color:var(--backColor)}.sheet-rolltemplate-icon .pseudo-button__span,.ui-dialog .tab-content .charsheet .pseudo-button__span{border-radius:5px;border:1px solid var(--borderColor);text-align:center;padding:0 5px;-webkit-transition-property:background-color,color;transition-property:background-color,color;-webkit-transition-duration:var(--revealTime);transition-duration:var(--revealTime)}.sheet-rolltemplate-icon .pseudo-button__input,.ui-dialog .tab-content .charsheet .pseudo-button__input{display:none}.sheet-rolltemplate-icon .pseudo-button__input:checked+span,.ui-dialog .tab-content .charsheet .pseudo-button__input:checked+span{background-color:var(--selectedColor);color:var(--backColor)}.sheet-rolltemplate-icon .input-label,.ui-dialog .tab-content .charsheet .input-label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:var(--half-gap);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sheet-rolltemplate-icon .input-label:not(.stacked)>[name]:not([type=number],[type=checkbox],[type=radio]),.ui-dialog .tab-content .charsheet .input-label:not(.stacked)>[name]:not([type=number],[type=checkbox],[type=radio]){width:0;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.sheet-rolltemplate-icon .input-label:not(.stacked)>:not([name]),.ui-dialog .tab-content .charsheet .input-label:not(.stacked)>:not([name]){-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.sheet-rolltemplate-icon .input-label--dual,.ui-dialog .tab-content .charsheet .input-label--dual{-ms-grid-columns:1fr auto 1fr;grid-template-columns:1fr auto 1fr;grid-template-areas:"over over over" "under under under"}.sheet-rolltemplate-icon .input-label--dual>span:last-of-type,.ui-dialog .tab-content .charsheet .input-label--dual>span:last-of-type{grid-column:1/-1}.sheet-rolltemplate-icon .input-label--dual>input,.ui-dialog .tab-content .charsheet .input-label--dual>input{width:100%}.sheet-rolltemplate-icon .input-label--dual>.slash,.ui-dialog .tab-content .charsheet .input-label--dual>.slash{line-height:0rem;font-weight:normal}.sheet-rolltemplate-icon .headed-textarea,.ui-dialog .tab-content .charsheet .headed-textarea{-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr;-ms-grid-columns:auto;grid-template-columns:auto}.sheet-rolltemplate-icon .headed-textarea>:first-child,.ui-dialog .tab-content .charsheet .headed-textarea>:first-child{-ms-grid-row:1;-ms-grid-column:1}.sheet-rolltemplate-icon .headed-textarea>:nth-child(2),.ui-dialog .tab-content .charsheet .headed-textarea>:nth-child(2){-ms-grid-row:2;-ms-grid-column:1}.sheet-rolltemplate-icon .headed-textarea h5,.ui-dialog .tab-content .charsheet .headed-textarea h5{-ms-grid-column-align:start;justify-self:start}.sheet-rolltemplate-icon .boxed.thick-left,.sheet-rolltemplate-icon .sheet-boxed.thick-left,.ui-dialog .tab-content .charsheet .boxed.thick-left,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-left{border-left-width:5px}.sheet-rolltemplate-icon .boxed.thick-bottom,.sheet-rolltemplate-icon .sheet-boxed.thick-bottom,.ui-dialog .tab-content .charsheet .boxed.thick-bottom,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-bottom{border-bottom-width:5px}.sheet-rolltemplate-icon .boxed.thick-right,.sheet-rolltemplate-icon .sheet-boxed.thick-right,.ui-dialog .tab-content .charsheet .boxed.thick-right,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-right{border-right-width:5px}.sheet-rolltemplate-icon .boxed.thick-top,.sheet-rolltemplate-icon .sheet-boxed.thick-top,.ui-dialog .tab-content .charsheet .boxed.thick-top,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-top{border-top-width:5px}.sheet-rolltemplate-icon .sheet-underlined,.sheet-rolltemplate-icon .underlined,.ui-dialog .tab-content .charsheet .sheet-underlined,.ui-dialog .tab-content .charsheet .underlined{border-radius:0;border-bottom:1px solid var(--borderColor);-webkit-transition:var(--focusTrans);transition:var(--focusTrans)}.sheet-rolltemplate-icon :is(.underlined,.boxed):not([readonly]):is(:focus,:focus-within),.ui-dialog .tab-content .charsheet :is(.underlined,.boxed):not([readonly]):is(:focus,:focus-within){background-color:var(--invertedFontColor);-webkit-transition:var(--focusTrans);transition:var(--focusTrans)}.sheet-rolltemplate-icon .sheet-short-text,.sheet-rolltemplate-icon .short-text,.ui-dialog .tab-content .charsheet .sheet-short-text,.ui-dialog .tab-content .charsheet .short-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sheet-rolltemplate-icon .roll-container,.ui-dialog .tab-content .charsheet .roll-container{-ms-grid-row-align:center;align-self:center;opacity:0;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}.sheet-rolltemplate-icon .hide-note,.ui-dialog .tab-content .charsheet .hide-note{position:relative;cursor:help}.sheet-rolltemplate-icon .hide-note>input:not(:where([type=checkbox],[type=number],[type=radio])),.sheet-rolltemplate-icon .repitem>input:not(:where([type=checkbox],[type=number],[type=radio])),.ui-dialog .tab-content .charsheet .hide-note>input:not(:where([type=checkbox],[type=number],[type=radio])),.ui-dialog .tab-content .charsheet .repitem>input:not(:where([type=checkbox],[type=number],[type=radio])){width:100%}.sheet-rolltemplate-icon .hide-note .headed-textarea,.sheet-rolltemplate-icon .repitem .headed-textarea,.ui-dialog .tab-content .charsheet .hide-note .headed-textarea,.ui-dialog .tab-content .charsheet .repitem .headed-textarea{grid-column:1/-1}.sheet-rolltemplate-icon .hide-note .collapse,.sheet-rolltemplate-icon .repitem .collapse,.ui-dialog .tab-content .charsheet .hide-note .collapse,.ui-dialog .tab-content .charsheet .repitem .collapse{-webkit-appearance:none;opacity:0;position:absolute;right:1px;top:0px;border:0px solid var(--borderColor);border-radius:0;color:var(--selectedColor);text-transform:none;-webkit-transform:scale(1.2);transform:scale(1.2)}.sheet-rolltemplate-icon .hide-note .collapse:after,.sheet-rolltemplate-icon .repitem .collapse:after,.ui-dialog .tab-content .charsheet .hide-note .collapse:after,.ui-dialog .tab-content .charsheet .repitem .collapse:after{content:"i";font-family:pictos}.sheet-rolltemplate-icon .hide-note .collapse:checked,.sheet-rolltemplate-icon .repitem .collapse:checked,.ui-dialog .tab-content .charsheet .hide-note .collapse:checked,.ui-dialog .tab-content .charsheet .repitem .collapse:checked{background-color:transparent;color:var(--unselectedColor)}.sheet-rolltemplate-icon .hide-note .collapse:checked~.expanded,.sheet-rolltemplate-icon .repitem .collapse:checked~.expanded,.ui-dialog .tab-content .charsheet .hide-note .collapse:checked~.expanded,.ui-dialog .tab-content .charsheet .repitem .collapse:checked~.expanded{display:none}.sheet-rolltemplate-icon .hide-note .collapse:checked~.expanded--empty:is(:not([value]),[value=""])+*,.sheet-rolltemplate-icon .repitem .collapse:checked~.expanded--empty:is(:not([value]),[value=""])+*,.ui-dialog .tab-content .charsheet .hide-note .collapse:checked~.expanded--empty:is(:not([value]),[value=""])+*,.ui-dialog .tab-content .charsheet .repitem .collapse:checked~.expanded--empty:is(:not([value]),[value=""])+*{display:none}.sheet-rolltemplate-icon .hide-note .collapse:hover,.sheet-rolltemplate-icon .repitem .collapse:hover,.ui-dialog .tab-content .charsheet .hide-note .collapse:hover,.ui-dialog .tab-content .charsheet .repitem .collapse:hover{color:var(--selectedColor)}.sheet-rolltemplate-icon .hide-note:hover .collapse,.sheet-rolltemplate-icon .hide-note:hover .roll-container,.sheet-rolltemplate-icon .repitem:hover .collapse,.sheet-rolltemplate-icon .repitem:hover .roll-container,.ui-dialog .tab-content .charsheet .hide-note:hover .collapse,.ui-dialog .tab-content .charsheet .hide-note:hover .roll-container,.ui-dialog .tab-content .charsheet .repitem:hover .collapse,.ui-dialog .tab-content .charsheet .repitem:hover .roll-container{opacity:1}.sheet-rolltemplate-icon .repcontainer.editmode .collapse,.ui-dialog .tab-content .charsheet .repcontainer.editmode .collapse{display:none}.sheet-rolltemplate-icon .repcontainer,.ui-dialog .tab-content .charsheet .repcontainer{display:-ms-grid;display:grid;gap:var(--grid-gap)}.sheet-rolltemplate-icon .repeating-container:is(:hover,:focus-within,:focus) .repcontrol-button,.ui-dialog .tab-content .charsheet .repeating-container:is(:hover,:focus-within,:focus) .repcontrol-button{opacity:1}.sheet-rolltemplate-icon .repcontrol-button,.ui-dialog .tab-content .charsheet .repcontrol-button{grid-area:header;-ms-grid-row-align:center;align-self:center;text-transform:none;opacity:0;-webkit-transition:opacity var(--revealTime);transition:opacity var(--revealTime)}.sheet-rolltemplate-icon .repcontrol-button~.repcontrol,.ui-dialog .tab-content .charsheet .repcontrol-button~.repcontrol{display:none}.sheet-rolltemplate-icon .repcontrol-button--add,.ui-dialog .tab-content .charsheet .repcontrol-button--add{-ms-grid-column-align:start;justify-self:start}.sheet-rolltemplate-icon .repcontrol-button--add:before,.ui-dialog .tab-content .charsheet .repcontrol-button--add:before{font-family:pictos;content:"&"}.sheet-rolltemplate-icon .repcontrol-button--edit,.ui-dialog .tab-content .charsheet .repcontrol-button--edit{-ms-grid-column-align:end;justify-self:end}.sheet-rolltemplate-icon .repcontrol-button--edit:before,.ui-dialog .tab-content .charsheet .repcontrol-button--edit:before{font-family:pictos;content:"p"}.sheet-rolltemplate-icon .box,.sheet-rolltemplate-icon .sheet-box,.ui-dialog .tab-content .charsheet .box,.ui-dialog .tab-content .charsheet .sheet-box{border-radius:0;width:10px;height:10px}.sheet-rolltemplate-icon .dot,.ui-dialog .tab-content .charsheet .dot{width:auto;height:auto}.sheet-rolltemplate-icon .fill-left,.ui-dialog .tab-content .charsheet .fill-left{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-webkit-box-sizing:border-box;box-sizing:border-box}.sheet-rolltemplate-icon .fill-left__radio,.ui-dialog .tab-content .charsheet .fill-left__radio{-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;background-color:var(--backColor);width:20px;height:20px;cursor:pointer;z-index:1;accent-color:var(--purple)}.sheet-rolltemplate-icon .fill-left__radio:checked~.fill-left__radio,.ui-dialog .tab-content .charsheet .fill-left__radio:checked~.fill-left__radio{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;background-color:grey}.sheet-rolltemplate-icon p,.ui-dialog .tab-content .charsheet p{font-size:1rem;width:96%;color:var(--invertedBackColor)}.sheet-rolltemplate-icon p.bullet:before,.ui-dialog .tab-content .charsheet p.bullet:before{font-family:pictos;content:"]";position:relative;right:5px}.sheet-rolltemplate-icon p.indent,.ui-dialog .tab-content .charsheet p.indent{position:relative;left:20px}.sheet-rolltemplate-icon p.colon,.ui-dialog .tab-content .charsheet p.colon{font-family:var(--titleFont);font-size:1.1rem;font-weight:bold;position:relative;top:3px}.sheet-rolltemplate-icon p.colon:after,.ui-dialog .tab-content .charsheet p.colon:after{content:":"}.sheet-rolltemplate-icon .auto-expand,.ui-dialog .tab-content .charsheet .auto-expand{overflow:hidden;position:relative;min-width:100px;max-height:200px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:25%!important}.sheet-rolltemplate-icon .auto-expand span,.ui-dialog .tab-content .charsheet .auto-expand span{visibility:hidden;height:0px;position:relative}.sheet-rolltemplate-icon .auto-expand input,.ui-dialog .tab-content .charsheet .auto-expand input{position:absolute;width:100%;font-size:1em}html{font-size:16px}.ui-dialog{--paper-background:url("https://i.imgur.com/Arep50S.jpg");--icon-logo:url("https://i.imgur.com/9LTydaX.png");-webkit-box-sizing:border-box;box-sizing:border-box}.sheet-darkmode .ui-dialog,.sheet-rolltemplate-darkmode{--borderColor:var(--off-white);--fontColor:var(--white);--invertedFontColor:var(--black);--placeholderFontColor:var(--grey-lt);--backColor:var(--half-black);--invertedBackColor:var(--half-white);--subHeadBackColor:var(--grey-lt);--unselectedColor:var(--grey-dk);--selectedColor:var(--orange);--disableBackground:var(--grey-dk);--buttonColor:var(--magenta);--hoverColor:var(--magenta-lt);--clickColor:var(--orange);--disableShadow:0px 0 7px 0px #161616 inset;--buttonColor:#2e2e2e;--hoverColor:#2e2e2e;--clickColor:black;--paper-background:url("https://i.imgur.com/vb8bLma.jpg");--icon-logo:url("https://i.imgur.com/2klK40m.png")}.sheet-darkmode .ui-dialog .sheetform,.sheet-rolltemplate-darkmode .sheetform{background-color:inherit}.sheet-darkmode .ui-dialog img,.sheet-rolltemplate-darkmode img{-webkit-filter:brightness(0.8) contrast(1.2);filter:brightness(0.8) contrast(1.2)}#main{display:-ms-grid;display:grid;font-family:var(--basicFont)}#main .paper-background{background:var(--paper-background) repeat top left}#main .editmode .itemcontrol{z-index:100}#main .roller{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--tiny-gap);-webkit-box-align:center;-ms-flex-align:center;align-items:center}#main .roller:before{text-transform:none;content:"T"}#main .roller--scroll:before{content:"w";font-family:pictos}#main .glyph-only{text-transform:none!important}#main .hover-container{--delayTime:500ms;-ms-grid-row-align:start;-ms-grid-column-align:start;place-self:start;display:-ms-grid;display:grid;-ms-grid-columns:auto;grid-template-columns:auto;grid-template-areas:"content";gap:var(--tiny-gap);-webkit-transition-duration:var(--revealTime);transition-duration:var(--revealTime);-webkit-transition-delay:var(--delayTime);transition-delay:var(--delayTime);-webkit-transition-property:width,height,border-color,background-color;transition-property:width,height,border-color,background-color;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-box-sizing:border-box;box-sizing:border-box;border-width:1px 3px;border-radius:5px;border-style:solid;border-color:transparent;width:100%;height:100%;z-index:10}#main .hover-container:is(:hover,:focus-within){border-color:var(--borderColor);background-color:var(--backColor)}#main .hover-container:is(:hover,:focus-within) .hover-container__hover-visible{opacity:1;z-index:0}#main .hover-container--two-column:is(:hover,:focus-within){width:calc(200% + var(--tiny-gap))}#main .hover-container--two-row:is(:hover,:focus-within){height:calc(100% + var(--grid-gap))}#main .hover-container__content{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-align:start;justify-self:start;grid-area:content}#main .hover-container__hover-visible{-ms-grid-row:1;-ms-grid-column:1;grid-area:content;-webkit-transition-property:opacity,z-index,left,top;transition-property:opacity,z-index,left,top;-webkit-transition-duration:var(--revealTime);transition-duration:var(--revealTime);-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:var(--delayTime);transition-delay:var(--delayTime);opacity:0;z-index:-10}#main [readonly]{background:transparent;border:0px solid transparent;cursor:default}#main .sheet-nav__tab{color:white;font-style:normal;border:1px solid transparent;margin:0 0 -1px;background-color:rgb(136,57,162);border-radius:4px 4px 0 0;-webkit-box-shadow:none;box-shadow:none;font-size:13px;background-image:none;padding:9px 12px;height:16px;text-transform:uppercase;font-family:var(--serifFont)}#main .sheet-nav__tab:not(.active):hover{background-color:rgb(201,85,239)}#main .sheet-nav__tab:not(.active):active{background-color:rgb(242,130,255)}#main .sheet-nav__tab.active,#main .sheet-nav__tab:focus{background-color:rgb(156,70,255)}#main .sheet-nav__tab.inactive{display:none!important}ul.nav-tabs.nav{position:sticky;top:0;background-color:var(--backColor);z-index:9999;margin-bottom:0px}#main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--tiny-gap);position:sticky;top:40px;background-color:var(--backColor);padding:var(--tiny-gap) 0 0;margin-bottom:var(--big-gap);border-bottom:1px solid #dddddd;z-index:999;-webkit-box-shadow:30px 0 var(--backColor),-30px 0 var(--backColor);box-shadow:30px 0 var(--backColor),-30px 0 var(--backColor);color:var(--fontColor)}.journal,.narrative,.roster,.settings,.tactics{display:none}.tabs__toggle[value=journal]~article.journal,.tabs__toggle[value=narrative]~article.narrative,.tabs__toggle[value=roster]~article.roster,.tabs__toggle[value=settings]~article.settings,.tabs__toggle[value=tactics]~article.tactics{display:-ms-grid;display:grid}.character-header{display:-ms-grid;display:grid;grid-template-areas:"deet deet logo" "desc desc desc";gap:var(--half-gap)}.character-header .character-details{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3;display:-ms-inline-grid;display:inline-grid;grid-template-areas:"info info info numb" "info info info numb";gap:var(--half-gap);grid-area:deet}.character-header .character-details~:not(:is(.span-2,.span-all)){-ms-grid-column-align:end;justify-self:end}.character-header .character-details .input-label .input-label__text{font-weight:bold;font-variant-caps:small-caps}.character-header .character-details .input-label .desc-label{width:100px}.info-label{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1;-ms-grid-column-span:5;grid-area:info}.numb-label{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:7;grid-area:numb}.icon-logo{-ms-grid-row:1;-ms-grid-column:5;position:relative;right:130%;top:10%;grid-area:logo;-webkit-transform:scale(1.1);transform:scale(1.1)}.icon-logo span.icon-logo{content:var(--icon-logo);width:100%;height:100%}.desc-label{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:5;grid-area:desc;width:100%}.character-details label.input-label span.input-label__text{position:relative;top:24px;left:12px;width:0px;z-index:1}.character-details label.input-label input.input-label__input{position:relative;min-width:80px}.character-details div.color-selector{position:relative;right:-50%;top:-15%;height:26px}.character-details div.color-selector>select.color-receiver{width:50%;height:26px;font-variant-caps:small-caps;font-family:var(--serifFont);z-index:0}input[type=label] .action-label{background-color:transparent}#auto-fill{display:-ms-grid;display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}#auto-fit,div.repcol>div.repcontainer{display:-ms-grid;display:grid;gap:var(--half-gap);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#auto-fit.stats,div.repcol>div.repcontainer.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}div.repcol.fit50>div.repcontainer{grid-template-columns:repeat(auto-fit,minmax(45%,1fr))}div.repcol.fit30>div.repcontainer{grid-template-columns:repeat(auto-fit,minmax(30%,1fr))}div.repcol.npc>div.repcontainer{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}section{font-weight:normal}.wide-gap{-webkit-column-gap:var(--big-gap)!important;-moz-column-gap:var(--big-gap)!important;column-gap:var(--big-gap)!important}.character-header{min-width:30rem}.long-2{-ms-grid-row-span:2;grid-row:span 2}#resource{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#stats{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}#stats.npc{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}div.burdens{min-width:120px;-webkit-column-gap:2px;-moz-column-gap:2px;column-gap:2px}.clock div.clock_4{display:none}.clock .clock-switch[value="4"]~div.clock_4{display:block}.clock div.clock_6{display:none}.clock .clock-switch[value="6"]~div.clock_6{display:block}.clock div.clock_8{display:none}.clock .clock-switch[value="8"]~div.clock_8{display:block}.clock div.clock_10{display:none}.clock .clock-switch[value="10"]~div.clock_10{display:block}.clock div.clock_12{display:none}.clock .clock-switch[value="12"]~div.clock_12{display:block}.clock{width:120px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clock.small-clock{-webkit-transform:scale(0.9);transform:scale(0.9)}.clock-section{display:-ms-inline-grid;display:inline-grid;gap:3px;padding:1px;grid-template-areas:"vv ww xx aa bb cc dd" "uu ck ck ck ck ck ee" "tt ck ck ck ck ck ff" "ss ck ck ck ck ck gg" "rr ck ck ck ck ck hh" "qq ck ck ck ck ck ii" "pp oo nn mm ll kk jj"}.clock-radio{z-index:10;opacity:1;cursor:pointer;position:relative;accent-color:rgb(156,70,255);-webkit-transform:scale(1.2);transform:scale(1.2)}.clock-radio:hover:after{opacity:1}.clock-0{-ms-grid-row:1;-ms-grid-column:7;grid-area:aa;top:10px}.clock-1{-ms-grid-row:1;-ms-grid-column:9;grid-area:bb;top:15px;left:3px}.clock-2{-ms-grid-row:1;-ms-grid-column:11;grid-area:cc;top:18px;right:10px}.clock-3{-ms-grid-row:1;-ms-grid-column:13;grid-area:dd;top:22px;right:22px}.clock-4{-ms-grid-row:3;-ms-grid-column:13;grid-area:ee;top:13px;right:15px}.clock-5{-ms-grid-row:5;-ms-grid-column:13;grid-area:ff;top:5px;right:11px}.clock-6{-ms-grid-row:7;-ms-grid-column:13;grid-area:gg;right:10px}.clock-7{-ms-grid-row:9;-ms-grid-column:13;grid-area:hh;bottom:5px;right:11px}.clock-8{-ms-grid-row:11;-ms-grid-column:13;grid-area:ii;bottom:13px;right:15px}.clock-9{-ms-grid-row:13;-ms-grid-column:13;grid-area:jj;bottom:22px;right:22px}.clock-10{-ms-grid-row:13;-ms-grid-column:11;grid-area:kk;bottom:18px;right:10px}.clock-11{-ms-grid-row:13;-ms-grid-column:9;grid-area:ll;bottom:15px;left:3px}.clock-12{-ms-grid-row:13;-ms-grid-column:7;grid-area:mm;bottom:10px}.clock-13{-ms-grid-row:13;-ms-grid-column:5;grid-area:nn;bottom:15px;right:3px}.clock-14{-ms-grid-row:13;-ms-grid-column:3;grid-area:oo;bottom:18px;left:10px}.clock-15{-ms-grid-row:13;-ms-grid-column:1;grid-area:pp;bottom:22px;left:22px}.clock-16{-ms-grid-row:11;-ms-grid-column:1;grid-area:qq;bottom:13px;left:15px}.clock-17{-ms-grid-row:9;-ms-grid-column:1;grid-area:rr;bottom:5px;left:11px}.clock-18{-ms-grid-row:7;-ms-grid-column:1;grid-area:ss;left:10px}.clock-19{-ms-grid-row:5;-ms-grid-column:1;grid-area:tt;top:5px;left:11px}.clock-20{-ms-grid-row:3;-ms-grid-column:1;grid-area:uu;top:13px;left:15px}.clock-21{-ms-grid-row:1;-ms-grid-column:1;grid-area:vv;top:22px;left:22px}.clock-22{-ms-grid-row:1;-ms-grid-column:3;grid-area:ww;top:18px;left:10px}.clock-23{-ms-grid-row:1;-ms-grid-column:5;grid-area:xx;top:15px;right:3px}.clock-face{-ms-grid-row:3;-ms-grid-row-span:9;-ms-grid-column:3;-ms-grid-column-span:9;grid-area:ck;width:78px;height:78px;display:inline-block;border-radius:50%;background:rgb(156,70,255);border:3px solid rgb(143,143,157);text-align:center;vertical-align:middle}.clock-face:after{font-family:"Pictos";content:"&";color:white;position:relative;font-size:15px;top:28px}.clock-radio.clock-0:checked~.clock-face{background:black}.clock-radio.clock-1:checked~.clock-face{background-image:linear-gradient(120deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-2:checked~.clock-face{background-image:linear-gradient(126deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-3:checked~.clock-face{background-image:linear-gradient(135deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-4:checked~.clock-face{background-image:linear-gradient(150deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-5:checked~.clock-face{background-image:linear-gradient(162deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-6:checked~.clock-face{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,black)),-webkit-gradient(linear,left top,right top,color-stop(50%,black),color-stop(50%,transparent));background-image:linear-gradient(180deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-7:checked~.clock-face{background-image:linear-gradient(198deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-7:checked~.clock-face{background-image:linear-gradient(198deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-8:checked~.clock-face{background-image:linear-gradient(210deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-9:checked~.clock-face{background-image:linear-gradient(225deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-10:checked~.clock-face{background-image:linear-gradient(234deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-11:checked~.clock-face{background-image:linear-gradient(240deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-12:checked~.clock-face{background-image:-webkit-gradient(linear,right top,left top,color-stop(50%,transparent),color-stop(50%,black)),-webkit-gradient(linear,left top,right top,color-stop(50%,black),color-stop(50%,transparent));background-image:linear-gradient(270deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-13:checked~.clock-face{background-image:linear-gradient(120deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-14:checked~.clock-face{background-image:linear-gradient(126deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-15:checked~.clock-face{background-image:linear-gradient(135deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-16:checked~.clock-face{background-image:linear-gradient(150deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-17:checked~.clock-face{background-image:linear-gradient(166deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-18:checked~.clock-face{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,rgb(156,70,255))),-webkit-gradient(linear,left top,right top,color-stop(50%,black),color-stop(50%,transparent));background-image:linear-gradient(180deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-19:checked~.clock-face{background-image:linear-gradient(198deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-20:checked~.clock-face{background-image:linear-gradient(210deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-21:checked~.clock-face{background-image:linear-gradient(225deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-22:checked~.clock-face{background-image:linear-gradient(234deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-23:checked~.clock-face{background-image:linear-gradient(240deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-360:checked~.clock-face{background-color:rgb(156,70,255)}.resource div.resource_2{display:none}.resource .resource-switch[value="2"]~div.resource_2{display:block}.resource div.resource_3{display:none}.resource .resource-switch[value="3"]~div.resource_3{display:block}.resource div.resource_4{display:none}.resource .resource-switch[value="4"]~div.resource_4{display:block}.resource div.resource_5{display:none}.resource .resource-switch[value="5"]~div.resource_5{display:block}.resource div.resource_6{display:none}.resource .resource-switch[value="6"]~div.resource_6{display:block}.resource div.resource_7{display:none}.resource .resource-switch[value="7"]~div.resource_7{display:block}.resource div.resource_8{display:none}.resource .resource-switch[value="8"]~div.resource_8{display:block}input[type=checkbox].magenta{accent-color:var(--magenta)}.input-label{width:auto}label.input-label .numb-label{width:80px}input.action-label{width:50%!important}input.burden{width:98%!important;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}div.chapter-select{width:90px!important}select.chapter-select{background-color:var(--backColor);font-family:var(--serifFont);position:relative;top:3px;height:26px}input.burden-penalty{position:relative;left:-22%;min-width:66px!important;text-align:left;-webkit-box-align:left;-ms-flex-align:left;align-items:left}p.burden-penalty{position:relative;left:-5%;top:8px}input[type=text].power{width:120%!important;min-width:120px}span.dust{color:var(--orange)!important;padding:5px!important}input.dust{height:40px!important;width:100%!important;font-size:1.4rem!important;color:var(--fontColor)!important;text-shadow:0 0 2px var(--orange)}input.dust.ability-info{height:26px!important;font-size:1rem!important}.color-receiver{background-color:var(--magenta)}select.color-receiver{color:var(--invertedFontColor)!important;border-radius:0px!important}.color-control[value=custom]~.color-receiver,.color-control[value=general]~.color-receiver,.color-control[value=unique]~.color-receiver{background-color:var(--purple)!important}.color-control[value=heavy]~.color-receiver,.color-control[value=stalwart]~.color-receiver{background-color:var(--red)!important}.color-control[value=skirmisher]~.color-receiver,.color-control[value=vagabond]~.color-receiver{background-color:var(--yellow)!important}.color-control[value=leader]~.color-receiver,.color-control[value=mendicant]~.color-receiver{background-color:var(--green)!important}.color-control[value=artillery]~.color-receiver,.color-control[value=wright]~.color-receiver{background-color:var(--blue)!important}.color-control[value=inactive]~.color-receiver,.color-control[value=mob]~.color-receiver,.color-control[value=npc]~.color-receiver,.color-control[value=unequipped]~.color-receiver{background-color:var(--grey)!important}input.bloodied-receiver{color:var(--green-dk)}.bloodied-control[value="1"]~input.bloodied-receiver{color:var(--red-dk);text-shadow:0 0 1px var(--red),0 0 1px var(--red)}.bloodied-control[value="1"]~input.bloodied-receiver.bloodied-receiver[value="0"]{background-color:var(--grey-dk)!important}select.damage-die,select.type{width:50%}.job-h1-receiver{height:39px!important;width:100%!important;border-radius:0%!important;color:white!important}.job-h1-receiver::-webkit-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver::-moz-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver:-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver::-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver::placeholder{text-shadow:0 0 2px white,0 0 2px white}div.wealth{height:auto}div.wealth>input.wealth{height:30px;width:100%!important;text-overflow:ellipsis}input.ability-info{width:32%!important;text-overflow:ellipsis}.sheet-rolltemplate-icon{--templateFontSize:16px;--critColor:var(--magenta);--fumbleColor:var(--orange);--importantColor:var(--purple);--headerBackColor:var(--grey-lt)}.sheet-rolltemplate-darkmode{--critColor:green;--fumbleColor:red;--importantColor:#00ADA2;--headerBackColor:#2e2e2e}.sheet-rolltemplate-icon{padding-bottom:var(--grid-gap)}.sheet-rolltemplate-icon:not(:first-child){margin-top:15px}.sheet-rolltemplate-icon .sheet-header{display:-ms-grid;display:grid;background-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(var(--headerBackColor)),to(transparent));background-image:linear-gradient(90deg,transparent,var(--headerBackColor) var(--big-gap) calc(100% - var(--big-gap)),transparent);padding:var(--half-gap);margin-inline:calc(var(--half-gap) * -1)}.sheet-rolltemplate-icon .sheet-header h3{-ms-grid-column-align:start;justify-self:start}.sheet-rolltemplate-icon .sheet-header h4{-ms-grid-column-align:end;justify-self:end}.sheet-rolltemplate-icon .sheet-result-controller.sheet-result-false~.sheet-result-display-true,.sheet-rolltemplate-icon .sheet-result-controller.sheet-result-true~.sheet-result-display-false{display:none}.sheet-rolltemplate-icon .sheet-result-display-false{color:var(--fumbleColor)}.sheet-rolltemplate-icon .sheet-result-display-true{color:var(--critColor)}.sheet-rolltemplate-icon .sheet-template{font-size:var(--templateFontSize);display:-ms-grid;display:grid;gap:var(--half-gap);border:var(--half-gap) solid transparent;background-color:var(--backColor);-webkit-filter:drop-shadow(var(--shadowColor1) 0px 3px 6px) drop-shadow(var(--shadowColor2) 0px 3px 6px);filter:drop-shadow(var(--shadowColor1) 0px 3px 6px) drop-shadow(var(--shadowColor2) 0px 3px 6px);padding:var(--half-gap)}.sheet-rolltemplate-icon .sheet-template h5,.sheet-rolltemplate-icon .sheet-template h5 *,.sheet-rolltemplate-icon .sheet-template span,.sheet-rolltemplate-icon .sheet-template span *{font-size:1em}.sheet-rolltemplate-icon .sheet-template h5{font-weight:bold;text-align:left}.sheet-rolltemplate-icon .sheet-template h3,.sheet-rolltemplate-icon .sheet-template h3 *{font-size:1.25em}.sheet-rolltemplate-icon .sheet-template h4,.sheet-rolltemplate-icon .sheet-template h4 *{font-size:1em}.sheet-rolltemplate-icon .sheet-template .sheet-template-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--half-gap);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sheet-rolltemplate-icon .sheet-template .sheet-template-row--text{border-top:2px solid var(--fontColor)}.sheet-rolltemplate-icon .sheet-template .sheet-template-row--summary{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sheet-rolltemplate-icon .sheet-template .sheet-description{max-height:20rem;overflow-y:auto;white-space:pre-wrap}.sheet-rolltemplate-icon .sheet-template a{padding:0}.sheet-rolltemplate-icon .sheet-template a:not([href^="!"]),.sheet-rolltemplate-icon .sheet-template a:not([href^="~"]){color:var(--fontColor);border:none;text-decoration:underline}.sheet-rolltemplate-icon .sheet-template a[href^="!"],.sheet-rolltemplate-icon .sheet-template a[href^="~"]{border-radius:5px;color:var(--backColor);background-color:var(--fontColor);text-decoration:none;padding-inline:var(--tiny-gap)}.sheet-rolltemplate-icon .sheet-template .inlinerollresult{font-size:1.25em;position:relative;left:-10px}.sheet-rolltemplate-icon .sheet-template .inlinerollresult[original-title*="[computed value]"],.sheet-rolltemplate-icon .sheet-template .inlinerollresult[title*="[computed value]"]{pointer-events:none}.sheet-rolltemplate-icon .sheet-template .inlinerollresult,.sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullcrit,.sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullfail,.sheet-rolltemplate-icon .sheet-template .inlinerollresult.importantroll{border:none;background-color:transparent;padding:0}.sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullcrit{color:var(--critColor)}.sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullfail{color:var(--fumbleColor)}.sheet-rolltemplate-icon .sheet-template .inlinerollresult.importantroll{color:var(--importantColor)} \ No newline at end of file +@import url("https://fonts.googleapis.com/css?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700|Jost:ital,wght@0,400;0,700;1,400;1,700|PT+Mono|PT+Sans+Caption:wght@400;700|PT+Serif+Caption&display=swap");.sheet-rolltemplate-icon,.ui-dialog{--white:rgb(245,245,245);--off-white:rgb(236,232,227);--grey-lt:rgb(201,201,201);--grey:rgb(145,145,145);--off-grey:rgb(136,153,155);--grey-dk:rgb(102,102,102);--off-black:rgb(31,27,25);--black:rgb(20,20,20);--half-white:rgba(245,245,245,0.5);--half-black:rgba(20,20,20,0.5);--half-grey:rgba(145,145,145,0.5);--purple:rgb(156,70,255);--magenta-lt:rgb(242,130,255);--magenta:rgb(201,85,239);--magenta-dk:rgb(136,57,162);--red-lt:rgb(243,126,115);--red:rgb(237,34,11);--red-dk:rgb(172,24,8);--yellow-lt:rgb(255,217,49);--yellow:rgb(253,194,0);--yellow-dk:rgb(221,169,0);--green-lt:rgb(136,249,78);--green:rgb(96,216,54);--green-dk:rgb(63,167,26);--blue-lt:rgb(76,220,253);--blue:rgb(0,161,255);--blue-dk:rgb(6,131,204);--orange:rgb(230,140,44)}.sheet-rolltemplate-icon,.ui-dialog{--basicFont:"Atkinson Hyperlegible","Open Sans","Calibri",sans-serif;--titleFont:"Jost","Maven Pro","Montserrat","Arial Black",sans-serif;--monoFont:"PT Mono","Liberation Mono","Courier New","Courier",monospace;--sansFont:"PT Sans Caption","Liberation Sans","Arial","Helvetica","Tahoma",sans-serif;--serifFont:"PT Serif Caption","Liberation Serif","Times New Roman","Mac OS Roman",serif}.serif{font-family:var(--serifFont)!important}.mono{font-family:var(--monoFont)!important}.title{font-family:var(--titleFont)!important}.bigger{font-size:1.2rem!important}.big{font-size:1.1rem!important}.normal{font-size:1rem!important}.small{font-size:0.9rem!important}.smaller{font-size:0.8rem!important}.relative{position:relative}.sheet-rolltemplate-icon .pictos,.sheet-rolltemplate-icon .sheet-pictos,.ui-dialog .tab-content .charsheet .pictos,.ui-dialog .tab-content .charsheet .sheet-pictos{font-family:"pictos"!important;text-transform:initial!important}.sheet-rolltemplate-icon .pictos3,.sheet-rolltemplate-icon .sheet-pictos3,.ui-dialog .tab-content .charsheet .pictos3,.ui-dialog .tab-content .charsheet .sheet-pictos3{font-family:"pictos three"!important;text-transform:initial!important}.sheet-rolltemplate-icon .pictoscustom,.sheet-rolltemplate-icon .sheet-pictoscustom,.ui-dialog .tab-content .charsheet .pictoscustom,.ui-dialog .tab-content .charsheet .sheet-pictoscustom{font-family:"pictos custom"!important;text-transform:initial!important}.sheet-rolltemplate-icon .stacked.input-label,.ui-dialog .tab-content .charsheet .stacked.input-label{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.sheet-rolltemplate-icon .stacked.center.input-label>*,.ui-dialog .tab-content .charsheet .stacked.center.input-label>*{text-align:center}.sheet-rolltemplate-icon .stacked.input-label:not(.center)>*,.ui-dialog .tab-content .charsheet .stacked.input-label:not(.center)>*{text-align:left}.sheet-rolltemplate-icon .stacked.input-label>[name],.ui-dialog .tab-content .charsheet .stacked.input-label>[name]{width:100%}.sheet-rolltemplate-icon :is(.underlined,.boxed):not([readonly]):is(:hover,:focus,:focus-within),.ui-dialog .tab-content .charsheet :is(.underlined,.boxed):not([readonly]):is(:hover,:focus,:focus-within){border:1px solid var(--borderColor);border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--backColor)}.sheet-rolltemplate-icon .ratio1-1,.sheet-rolltemplate-icon .sheet-ratio1-1,.sheet-rolltemplate-icon input:where([type=checkbox],[type=radio]),.ui-dialog .tab-content .charsheet .ratio1-1,.ui-dialog .tab-content .charsheet .sheet-ratio1-1,.ui-dialog .tab-content .charsheet input:where([type=checkbox],[type=radio]){aspect-ratio:1/1}.sheet-rolltemplate-icon .headed-textarea,.sheet-rolltemplate-icon .roll-container,.ui-dialog .tab-content .charsheet .headed-textarea,.ui-dialog .tab-content .charsheet .roll-container{display:-ms-grid;display:grid}.sheet-rolltemplate-icon .pseudo-select span,.sheet-rolltemplate-icon .sheet-pseudo-select span,.sheet-rolltemplate-icon .uneditable-input,.sheet-rolltemplate-icon input:not(:where([type=checkbox],[type=radio])),.sheet-rolltemplate-icon select,.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet .pseudo-select span,.ui-dialog .tab-content .charsheet .sheet-pseudo-select span,.ui-dialog .tab-content .charsheet .uneditable-input,.ui-dialog .tab-content .charsheet input:not(:where([type=checkbox],[type=radio])),.ui-dialog .tab-content .charsheet select,.ui-dialog .tab-content .charsheet textarea{border-width:1px 1px;border-style:solid;border-radius:5px;border-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}.sheet-rolltemplate-icon .repcontrol-button,.ui-dialog .tab-content .charsheet .repcontrol-button{background-color:var(--buttonColor);border-radius:5px;-webkit-box-shadow:0 2px 4px black;box-shadow:0 2px 4px black;border-width:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);overflow:hidden}.sheet-rolltemplate-icon .repcontrol-button,.ui-dialog .tab-content .charsheet .repcontrol-button{padding:5px 7px}.sheet-rolltemplate-icon .sheet-uppercase,.sheet-rolltemplate-icon .uppercase,.ui-dialog .tab-content .charsheet .sheet-uppercase,.ui-dialog .tab-content .charsheet .uppercase{text-transform:uppercase}.sheet-rolltemplate-icon .smallcaps,.ui-dialog .tab-content .charsheet .smallcaps{font-variant-caps:small-caps}.sheet-rolltemplate-icon .hidden,.sheet-rolltemplate-icon .sheet-hidden,.sheet-rolltemplate-icon [hidden],.ui-dialog .tab-content .charsheet .hidden,.ui-dialog .tab-content .charsheet .sheet-hidden,.ui-dialog .tab-content .charsheet [hidden]{display:none!important}.sheet-rolltemplate-icon .emph,.sheet-rolltemplate-icon .italics,.sheet-rolltemplate-icon .sheet-emph,.sheet-rolltemplate-icon .sheet-italics,.ui-dialog .tab-content .charsheet .emph,.ui-dialog .tab-content .charsheet .italics,.ui-dialog .tab-content .charsheet .sheet-emph,.ui-dialog .tab-content .charsheet .sheet-italics{font-style:italic}.sheet-rolltemplate-icon .bold,.sheet-rolltemplate-icon .sheet-bold,.ui-dialog .tab-content .charsheet .bold,.ui-dialog .tab-content .charsheet .sheet-bold{font-weight:700}#main .glyph-only,#main .glyph-only *,.sheet-rolltemplate-icon .h1-style-input,.sheet-rolltemplate-icon .h1-style-input *,.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon .h3-style-input *,.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name],.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] *,.sheet-rolltemplate-icon [aria-level="1"],.sheet-rolltemplate-icon [aria-level="1"] *,.sheet-rolltemplate-icon [aria-level="2"],.sheet-rolltemplate-icon [aria-level="2"] *,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon [aria-level="3"] *,.sheet-rolltemplate-icon [aria-level="4"],.sheet-rolltemplate-icon [aria-level="4"] *,.sheet-rolltemplate-icon [aria-level="5"],.sheet-rolltemplate-icon [aria-level="5"] *,.sheet-rolltemplate-icon [aria-level="6"],.sheet-rolltemplate-icon [aria-level="6"] *,.sheet-rolltemplate-icon h1,.sheet-rolltemplate-icon h1 *,.sheet-rolltemplate-icon h2,.sheet-rolltemplate-icon h2 *,.sheet-rolltemplate-icon h3,.sheet-rolltemplate-icon h3 *,.sheet-rolltemplate-icon h4,.sheet-rolltemplate-icon h4 *,.sheet-rolltemplate-icon h5,.sheet-rolltemplate-icon h5 *,.sheet-rolltemplate-icon h6,.sheet-rolltemplate-icon h6 *,.sheet-rolltemplate-icon input,.sheet-rolltemplate-icon span,.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *,.ui-dialog .tab-content .charsheet input,.ui-dialog .tab-content .charsheet span,.ui-dialog .tab-content .charsheet textarea{line-height:normal}#main .glyph-only,#main .glyph-only *,.sheet-rolltemplate-icon .h1-style-input,.sheet-rolltemplate-icon .h1-style-input *,.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon .h3-style-input *,.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name],.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] *,.sheet-rolltemplate-icon [aria-level="1"],.sheet-rolltemplate-icon [aria-level="1"] *,.sheet-rolltemplate-icon [aria-level="2"],.sheet-rolltemplate-icon [aria-level="2"] *,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon [aria-level="3"] *,.sheet-rolltemplate-icon [aria-level="4"],.sheet-rolltemplate-icon [aria-level="4"] *,.sheet-rolltemplate-icon [aria-level="5"],.sheet-rolltemplate-icon [aria-level="5"] *,.sheet-rolltemplate-icon [aria-level="6"],.sheet-rolltemplate-icon [aria-level="6"] *,.sheet-rolltemplate-icon h1,.sheet-rolltemplate-icon h1 *,.sheet-rolltemplate-icon h2,.sheet-rolltemplate-icon h2 *,.sheet-rolltemplate-icon h3,.sheet-rolltemplate-icon h3 *,.sheet-rolltemplate-icon h4,.sheet-rolltemplate-icon h4 *,.sheet-rolltemplate-icon h5,.sheet-rolltemplate-icon h5 *,.sheet-rolltemplate-icon h6,.sheet-rolltemplate-icon h6 *,.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *{color:var(--fontColor);display:block;white-space:nowrap;margin-top:0px;margin-bottom:0px;font-weight:700}.sheet-rolltemplate-icon .h1-style-input,.sheet-rolltemplate-icon .h1-style-input *,.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon .h3-style-input *,.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name],.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] *,.sheet-rolltemplate-icon [aria-level="1"],.sheet-rolltemplate-icon [aria-level="1"] *,.sheet-rolltemplate-icon [aria-level="2"],.sheet-rolltemplate-icon [aria-level="2"] *,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon [aria-level="3"] *,.sheet-rolltemplate-icon h1,.sheet-rolltemplate-icon h1 *,.sheet-rolltemplate-icon h2,.sheet-rolltemplate-icon h2 *,.sheet-rolltemplate-icon h3,.sheet-rolltemplate-icon h3 *,.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *{text-transform:uppercase;font-weight:700}#main .glyph-only,#main .glyph-only *,.sheet-rolltemplate-icon [aria-level="4"],.sheet-rolltemplate-icon [aria-level="4"] *,.sheet-rolltemplate-icon [aria-level="5"],.sheet-rolltemplate-icon [aria-level="5"] *,.sheet-rolltemplate-icon [aria-level="6"],.sheet-rolltemplate-icon [aria-level="6"] *,.sheet-rolltemplate-icon h4,.sheet-rolltemplate-icon h4 *,.sheet-rolltemplate-icon h5,.sheet-rolltemplate-icon h5 *,.sheet-rolltemplate-icon h6,.sheet-rolltemplate-icon h6 *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *{text-transform:uppercase}#main .glyph-only :not(input),#main .glyph-only:not(input),.sheet-rolltemplate-icon [aria-level="4"] :not(input),.sheet-rolltemplate-icon [aria-level="4"]:not(input),.sheet-rolltemplate-icon [aria-level="5"] :not(input),.sheet-rolltemplate-icon [aria-level="5"]:not(input),.sheet-rolltemplate-icon [aria-level="6"] :not(input),.sheet-rolltemplate-icon [aria-level="6"]:not(input),.sheet-rolltemplate-icon h4 :not(input),.sheet-rolltemplate-icon h4:not(input),.sheet-rolltemplate-icon h5 :not(input),.sheet-rolltemplate-icon h5:not(input),.sheet-rolltemplate-icon h6 :not(input),.sheet-rolltemplate-icon h6:not(input),.ui-dialog .tab-content .charsheet [aria-level="4"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="4"]:not(input),.ui-dialog .tab-content .charsheet [aria-level="5"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="5"]:not(input),.ui-dialog .tab-content .charsheet [aria-level="6"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="6"]:not(input),.ui-dialog .tab-content .charsheet h4 :not(input),.ui-dialog .tab-content .charsheet h4:not(input),.ui-dialog .tab-content .charsheet h5 :not(input),.ui-dialog .tab-content .charsheet h5:not(input),.ui-dialog .tab-content .charsheet h6 :not(input),.ui-dialog .tab-content .charsheet h6:not(input){text-transform:capitalize}.header__image{min-width:191.5px;min-height:88.2px}.sheet-rolltemplate-icon .h1-style-input,.sheet-rolltemplate-icon .h1-style-input *,.sheet-rolltemplate-icon [aria-level="1"],.sheet-rolltemplate-icon [aria-level="1"] *,.sheet-rolltemplate-icon h1,.sheet-rolltemplate-icon h1 *,.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *{font-size:2rem!important;font-family:var(--titleFont);text-transform:uppercase;background-color:var(--magenta);color:var(--invertedFontColor)!important}.sheet-rolltemplate-icon .h1-style-input :not(input),.sheet-rolltemplate-icon .h1-style-input:not(input),.sheet-rolltemplate-icon [aria-level="1"] :not(input),.sheet-rolltemplate-icon [aria-level="1"]:not(input),.sheet-rolltemplate-icon h1 :not(input),.sheet-rolltemplate-icon h1:not(input),.ui-dialog .tab-content .charsheet .h1-style-input :not(input),.ui-dialog .tab-content .charsheet .h1-style-input:not(input),.ui-dialog .tab-content .charsheet [aria-level="1"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="1"]:not(input),.ui-dialog .tab-content .charsheet h1 :not(input),.ui-dialog .tab-content .charsheet h1:not(input){text-align:center}.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name],.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] *,.sheet-rolltemplate-icon [aria-level="2"],.sheet-rolltemplate-icon [aria-level="2"] *,.sheet-rolltemplate-icon h2,.sheet-rolltemplate-icon h2 *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *{font-size:1.75rem;font-family:var(--serifFont);grid-area:header}.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] :not(input),.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name]:not(input),.sheet-rolltemplate-icon [aria-level="2"] :not(input),.sheet-rolltemplate-icon [aria-level="2"]:not(input),.sheet-rolltemplate-icon h2 :not(input),.sheet-rolltemplate-icon h2:not(input),.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] :not(input),.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name]:not(input),.ui-dialog .tab-content .charsheet [aria-level="2"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="2"]:not(input),.ui-dialog .tab-content .charsheet h2 :not(input),.ui-dialog .tab-content .charsheet h2:not(input){text-align:center}.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon .h3-style-input *,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon [aria-level="3"] *,.sheet-rolltemplate-icon h3,.sheet-rolltemplate-icon h3 *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *{font-size:1.5rem;font-family:var(--titleFont)}.sheet-rolltemplate-icon .h3-style-input :not(input),.sheet-rolltemplate-icon .h3-style-input:not(input),.sheet-rolltemplate-icon [aria-level="3"] :not(input),.sheet-rolltemplate-icon [aria-level="3"]:not(input),.sheet-rolltemplate-icon h3 :not(input),.sheet-rolltemplate-icon h3:not(input),.ui-dialog .tab-content .charsheet .h3-style-input :not(input),.ui-dialog .tab-content .charsheet .h3-style-input:not(input),.ui-dialog .tab-content .charsheet [aria-level="3"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="3"]:not(input),.ui-dialog .tab-content .charsheet h3 :not(input),.ui-dialog .tab-content .charsheet h3:not(input){text-align:center}#main .glyph-only,#main .glyph-only *,.sheet-rolltemplate-icon [aria-level="4"],.sheet-rolltemplate-icon [aria-level="4"] *,.sheet-rolltemplate-icon h4,.sheet-rolltemplate-icon h4 *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *{font-size:1.25rem;font-family:var(--serifFont)}#main .glyph-only :not(input),#main .glyph-only:not(input),.sheet-rolltemplate-icon [aria-level="4"] :not(input),.sheet-rolltemplate-icon [aria-level="4"]:not(input),.sheet-rolltemplate-icon h4 :not(input),.sheet-rolltemplate-icon h4:not(input),.ui-dialog .tab-content .charsheet [aria-level="4"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="4"]:not(input),.ui-dialog .tab-content .charsheet h4 :not(input),.ui-dialog .tab-content .charsheet h4:not(input){text-align:center}.sheet-rolltemplate-icon [aria-level="5"],.sheet-rolltemplate-icon [aria-level="5"] *,.sheet-rolltemplate-icon h5,.sheet-rolltemplate-icon h5 *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *{font-size:1.1rem;font-style:normal;font-family:var(--titleFont)}.sheet-rolltemplate-icon [aria-level="5"] :not(input),.sheet-rolltemplate-icon [aria-level="5"]:not(input),.sheet-rolltemplate-icon h5 :not(input),.sheet-rolltemplate-icon h5:not(input),.ui-dialog .tab-content .charsheet [aria-level="5"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="5"]:not(input),.ui-dialog .tab-content .charsheet h5 :not(input),.ui-dialog .tab-content .charsheet h5:not(input){text-align:center}.sheet-rolltemplate-icon [aria-level="6"],.sheet-rolltemplate-icon [aria-level="6"] *,.sheet-rolltemplate-icon h6,.sheet-rolltemplate-icon h6 *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *{font-size:1rem;font-style:normal;font-family:var(--serifFont)}.sheet-rolltemplate-icon [aria-level="6"] :not(input),.sheet-rolltemplate-icon [aria-level="6"]:not(input),.sheet-rolltemplate-icon h6 :not(input),.sheet-rolltemplate-icon h6:not(input),.ui-dialog .tab-content .charsheet [aria-level="6"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="6"]:not(input),.ui-dialog .tab-content .charsheet h6 :not(input),.ui-dialog .tab-content .charsheet h6:not(input){text-align:center}.sheet-rolltemplate-icon input:where([type=checkbox],[type=radio]):checked,.ui-dialog .tab-content .charsheet input:where([type=checkbox],[type=radio]):checked{background-color:var(--selectedColor)}.sheet-rolltemplate-icon .boxed,.sheet-rolltemplate-icon .sheet-boxed,.ui-dialog .tab-content .charsheet .boxed,.ui-dialog .tab-content .charsheet .sheet-boxed{border:1px solid var(--borderColor);border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box}.well-padded{padding:0.5rem!important;margin:0.5rem!important}.sheet-rolltemplate-icon,.ui-dialog{--shadowColor1:rgba(0,0,0,0.16);--shadowColor2:rgba(0,0,0,0.24);--grid-gap:1rem;--half-gap:calc(var(--grid-gap) / 2);--tiny-gap:calc(var(--half-gap) / 2);--big-gap:calc(var(--grid-gap) * 2);--revealTime:500ms;--delayTime:200ms;--inputSwap:opacity var(--revealTime) ease var(--delayTime);--focusTiming:500ms ease;--focusTrans:all var(--focusTiming);--spanSectionColumn:1/-1;--displayBorderWidth:2px;--borderColor:var(--off-black);--fontColor:var(--black);--invertedFontColor:var(--white);--placeholderFontColor:var(--grey-dk);--backColor:var(--half-white);--invertedBackColor:var(--half-black);--subHeadBackColor:var(--grey);--unselectedColor:var(--grey-lt);--selectedColor:var(--orange);--disableBackground:var(--grey-lt);--buttonColor:var(--magenta);--hoverColor:var(--orange);--clickColor:var(--magenta-lt);--r20white:white;--r20black:rgb(31,31,31)}.sheet-rolltemplate-icon,.ui-dialog .tab-content .charsheet{gap:var(--grid-gap)}.sheet-rolltemplate-icon button,.ui-dialog .tab-content .charsheet button{cursor:pointer}.sheet-rolltemplate-icon .capitalize,.sheet-rolltemplate-icon .sheet-capitalize,.ui-dialog .tab-content .charsheet .capitalize,.ui-dialog .tab-content .charsheet .sheet-capitalize{text-transform:capitalize!important}.sheet-rolltemplate-icon .flex-box,.sheet-rolltemplate-icon .sheet-flex-box,.ui-dialog .tab-content .charsheet .flex-box,.ui-dialog .tab-content .charsheet .sheet-flex-box{display:-webkit-box;display:-ms-flexbox;display:flex}.sheet-rolltemplate-icon .flex-box.col,.sheet-rolltemplate-icon .sheet-flex-box.col,.ui-dialog .tab-content .charsheet .flex-box.col,.ui-dialog .tab-content .charsheet .sheet-flex-box.col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sheet-rolltemplate-icon .flex-box.row,.sheet-rolltemplate-icon .sheet-flex-box.row,.ui-dialog .tab-content .charsheet .flex-box.row,.ui-dialog .tab-content .charsheet .sheet-flex-box.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:95%;position:relative;left:10px}.sheet-rolltemplate-icon .sheet-space-around,.sheet-rolltemplate-icon .space-around,.ui-dialog .tab-content .charsheet .sheet-space-around,.ui-dialog .tab-content .charsheet .space-around{-ms-flex-pack:distribute;justify-content:space-around}.sheet-rolltemplate-icon .sheet-space-between,.sheet-rolltemplate-icon .space-between,.ui-dialog .tab-content .charsheet .sheet-space-between,.ui-dialog .tab-content .charsheet .space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sheet-rolltemplate-icon .center,.sheet-rolltemplate-icon .sheet-center,.ui-dialog .tab-content .charsheet .center,.ui-dialog .tab-content .charsheet .sheet-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.sheet-rolltemplate-icon .right,.ui-dialog .tab-content .charsheet .right{text-align:right}.sheet-rolltemplate-icon .left,.ui-dialog .tab-content .charsheet .left{text-align:left}.sheet-rolltemplate-icon .justify-left,.sheet-rolltemplate-icon .justify-start,.ui-dialog .tab-content .charsheet .justify-left,.ui-dialog .tab-content .charsheet .justify-start{-ms-grid-column-align:start;justify-self:start}.sheet-rolltemplate-icon .justify-end,.sheet-rolltemplate-icon .justify-right,.ui-dialog .tab-content .charsheet .justify-end,.ui-dialog .tab-content .charsheet .justify-right{-ms-grid-column-align:end;justify-self:end}.sheet-rolltemplate-icon .align-start,.ui-dialog .tab-content .charsheet .align-start{-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start}.sheet-rolltemplate-icon .align-end,.ui-dialog .tab-content .charsheet .align-end{-ms-flex-item-align:end;-ms-grid-row-align:end;align-self:end}.sheet-rolltemplate-icon .grid__2col,.sheet-rolltemplate-icon .grid__3col,.sheet-rolltemplate-icon .grid__4col,.sheet-rolltemplate-icon .grid__8col,.ui-dialog .tab-content .charsheet .grid__2col,.ui-dialog .tab-content .charsheet .grid__3col,.ui-dialog .tab-content .charsheet .grid__4col,.ui-dialog .tab-content .charsheet .grid__8col{display:-ms-grid;display:grid;width:auto;gap:var(--half-gap)}.sheet-rolltemplate-icon .grid__8col.grid__8col,.ui-dialog .tab-content .charsheet .grid__8col.grid__8col{-ms-grid-columns:auto auto auto auto auto auto auto auto;grid-template-columns:auto auto auto auto auto auto auto auto}.sheet-rolltemplate-icon .grid__4col.grid__4col,.ui-dialog .tab-content .charsheet .grid__4col.grid__4col{-ms-grid-columns:auto auto auto auto;grid-template-columns:auto auto auto auto}.sheet-rolltemplate-icon .grid__3col.grid__3col,.ui-dialog .tab-content .charsheet .grid__3col.grid__3col{-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto}.sheet-rolltemplate-icon .grid__2col.grid__2col,.ui-dialog .tab-content .charsheet .grid__2col.grid__2col{-ms-grid-columns:auto auto;grid-template-columns:auto auto}.sheet-rolltemplate-icon .no-gap,.ui-dialog .tab-content .charsheet .no-gap{gap:0px!important}.sheet-rolltemplate-icon .half-gap,.ui-dialog .tab-content .charsheet .half-gap{gap:var(--half-gap)}.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet textarea{font-family:var(--basicFont);font-weight:normal!important;resize:vertical;line-height:1.25em;min-height:2.5rem;white-space:pre-wrap;text-overflow:ellipsis}.sheet-rolltemplate-icon textarea.fixed,.ui-dialog .tab-content .charsheet textarea.fixed{resize:none;overflow:auto}.sheet-rolltemplate-icon textarea.textarea-1,.ui-dialog .tab-content .charsheet textarea.textarea-1{height:1.25em}.sheet-rolltemplate-icon textarea.textarea-2,.ui-dialog .tab-content .charsheet textarea.textarea-2{height:2.5em}.sheet-rolltemplate-icon textarea.textarea-3,.ui-dialog .tab-content .charsheet textarea.textarea-3{height:3.75em}.sheet-rolltemplate-icon textarea.textarea-4,.ui-dialog .tab-content .charsheet textarea.textarea-4{height:4em}.sheet-rolltemplate-icon textarea.textarea-5,.ui-dialog .tab-content .charsheet textarea.textarea-5{height:6.25em}.sheet-rolltemplate-icon textarea.textarea-6,.ui-dialog .tab-content .charsheet textarea.textarea-6{height:7.5em}.sheet-rolltemplate-icon textarea.textarea-8,.ui-dialog .tab-content .charsheet textarea.textarea-8{height:10em}.sheet-rolltemplate-icon textarea.no-style,.ui-dialog .tab-content .charsheet textarea.no-style{border:none;background-color:transparent}.sheet-rolltemplate-icon textarea.ambition,.ui-dialog .tab-content .charsheet textarea.ambition{width:90%!important;font-size:1.1rem}.sheet-rolltemplate-icon .span-3,.ui-dialog .tab-content .charsheet .span-3{-ms-grid-column-span:3;grid-column:span 3}.sheet-rolltemplate-icon .sheet-span-2,.sheet-rolltemplate-icon .span-2,.ui-dialog .tab-content .charsheet .sheet-span-2,.ui-dialog .tab-content .charsheet .span-2{-ms-grid-column-span:2;grid-column:span 2}.sheet-rolltemplate-icon .sheet-span-all,.sheet-rolltemplate-icon .span-all,.ui-dialog .tab-content .charsheet .sheet-span-all,.ui-dialog .tab-content .charsheet .span-all{grid-column:1/-1}.sheet-rolltemplate-icon .pseudo-select span,.sheet-rolltemplate-icon .sheet-pseudo-select span,.sheet-rolltemplate-icon .uneditable-input,.sheet-rolltemplate-icon input:not(:is([type=radio],[type=checkbox])),.sheet-rolltemplate-icon select,.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet .pseudo-select span,.ui-dialog .tab-content .charsheet .sheet-pseudo-select span,.ui-dialog .tab-content .charsheet .uneditable-input,.ui-dialog .tab-content .charsheet input:not(:is([type=radio],[type=checkbox])),.ui-dialog .tab-content .charsheet select,.ui-dialog .tab-content .charsheet textarea{padding:2px;font-size:1rem;cursor:pointer}.sheet-rolltemplate-icon input:is([type=text],[type=number]),.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet input:is([type=text],[type=number]),.ui-dialog .tab-content .charsheet textarea{cursor:auto}.sheet-rolltemplate-icon .pseudo-select span,.sheet-rolltemplate-icon .sheet-pseudo-select span,.sheet-rolltemplate-icon select,.ui-dialog .tab-content .charsheet .pseudo-select span,.ui-dialog .tab-content .charsheet .sheet-pseudo-select span,.ui-dialog .tab-content .charsheet select{-webkit-apperance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-transform:capitalize;overflow:hidden!important;white-space:nowrap;text-overflow:ellipsis;text-align:center}.sheet-rolltemplate-icon input,.ui-dialog .tab-content .charsheet input{width:auto}.sheet-rolltemplate-icon input:placeholder,.ui-dialog .tab-content .charsheet input:placeholder{color:var(--placeholderFontColor)}.sheet-rolltemplate-icon input.plus-control:not([value*="-"])+span:before,.ui-dialog .tab-content .charsheet input.plus-control:not([value*="-"])+span:before{content:"+"}.sheet-rolltemplate-icon input,.sheet-rolltemplate-icon span,.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet input,.ui-dialog .tab-content .charsheet span,.ui-dialog .tab-content .charsheet textarea{font-size:1rem}.sheet-rolltemplate-icon input,.sheet-rolltemplate-icon select,.sheet-rolltemplate-icon span[name],.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet input,.ui-dialog .tab-content .charsheet select,.ui-dialog .tab-content .charsheet span[name],.ui-dialog .tab-content .charsheet textarea{font-family:var(--basicFont);--fontWght:700;font-weight:var(--fontWght);font-variation-settings:"wght" var(--fontWght);background-color:var(--backColor);color:var(--fontColor)}.sheet-rolltemplate-icon .h1-style-input::-webkit-input-placeholder,.sheet-rolltemplate-icon [aria-level="1"]::-webkit-input-placeholder,.sheet-rolltemplate-icon h1::-webkit-input-placeholder,.ui-dialog .tab-content .charsheet .h1-style-input::-webkit-input-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::-webkit-input-placeholder,.ui-dialog .tab-content .charsheet h1::-webkit-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input::-moz-placeholder,.sheet-rolltemplate-icon [aria-level="1"]::-moz-placeholder,.sheet-rolltemplate-icon h1::-moz-placeholder,.ui-dialog .tab-content .charsheet .h1-style-input::-moz-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::-moz-placeholder,.ui-dialog .tab-content .charsheet h1::-moz-placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input:-ms-input-placeholder,.sheet-rolltemplate-icon [aria-level="1"]:-ms-input-placeholder,.sheet-rolltemplate-icon h1:-ms-input-placeholder,.ui-dialog .tab-content .charsheet .h1-style-input:-ms-input-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]:-ms-input-placeholder,.ui-dialog .tab-content .charsheet h1:-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input::-ms-input-placeholder,.sheet-rolltemplate-icon [aria-level="1"]::-ms-input-placeholder,.sheet-rolltemplate-icon h1::-ms-input-placeholder,.ui-dialog .tab-content .charsheet .h1-style-input::-ms-input-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::-ms-input-placeholder,.ui-dialog .tab-content .charsheet h1::-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input::placeholder,.sheet-rolltemplate-icon [aria-level="1"]::placeholder,.sheet-rolltemplate-icon h1::placeholder,.ui-dialog .tab-content .charsheet .h1-style-input::placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::placeholder,.ui-dialog .tab-content .charsheet h1::placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input{text-align:center;border-radius:0;border:none;height:46px;min-width:200px}.sheet-rolltemplate-icon .h1-style-input:not(.color-receiver),.ui-dialog .tab-content .charsheet .h1-style-input:not(.color-receiver){background-color:var(--magenta)!important}.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon h3,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet h3{text-overflow:ellipsis}.sheet-rolltemplate-icon input:where([type=checkbox],[type=radio]),.ui-dialog .tab-content .charsheet input:where([type=checkbox],[type=radio]){-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;border:1px solid var(--borderColor);cursor:pointer;width:1rem;display:inline-block}.sheet-rolltemplate-icon input[type=radio],.ui-dialog .tab-content .charsheet input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}.sheet-rolltemplate-icon input[type=number],.ui-dialog .tab-content .charsheet input[type=number]{width:3rem;-moz-appearance:textfield!important;text-align:center}.sheet-rolltemplate-icon input[type=number]::-webkit-inner-spin-button,.sheet-rolltemplate-icon input[type=number]::-webkit-outer-spin-button,.ui-dialog .tab-content .charsheet input[type=number]::-webkit-inner-spin-button,.ui-dialog .tab-content .charsheet input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sheet-rolltemplate-icon .number,.sheet-rolltemplate-icon .sheet-number,.ui-dialog .tab-content .charsheet .number,.ui-dialog .tab-content .charsheet .sheet-number{width:2rem;-webkit-box-sizing:border-box;box-sizing:border-box}.sheet-rolltemplate-icon footer,.sheet-rolltemplate-icon header,.sheet-rolltemplate-icon section,.ui-dialog .tab-content .charsheet footer,.ui-dialog .tab-content .charsheet header,.ui-dialog .tab-content .charsheet section{-ms-grid-row-align:start;align-self:start;display:-ms-grid;display:grid;gap:var(--half-gap)}.sheet-rolltemplate-icon .pseudo-button,.ui-dialog .tab-content .charsheet .pseudo-button{cursor:pointer}.sheet-rolltemplate-icon .pseudo-button:focus-within>.pseudo-button__span,.sheet-rolltemplate-icon .pseudo-button:hover>.pseudo-button__span,.ui-dialog .tab-content .charsheet .pseudo-button:focus-within>.pseudo-button__span,.ui-dialog .tab-content .charsheet .pseudo-button:hover>.pseudo-button__span{background-color:var(--selectedColor);color:var(--backColor)}.sheet-rolltemplate-icon .pseudo-button__span,.ui-dialog .tab-content .charsheet .pseudo-button__span{border-radius:5px;border:1px solid var(--borderColor);text-align:center;padding:0 5px;-webkit-transition-property:background-color,color;transition-property:background-color,color;-webkit-transition-duration:var(--revealTime);transition-duration:var(--revealTime)}.sheet-rolltemplate-icon .pseudo-button__input,.ui-dialog .tab-content .charsheet .pseudo-button__input{display:none}.sheet-rolltemplate-icon .pseudo-button__input:checked+span,.ui-dialog .tab-content .charsheet .pseudo-button__input:checked+span{background-color:var(--selectedColor);color:var(--backColor)}.sheet-rolltemplate-icon .input-label,.ui-dialog .tab-content .charsheet .input-label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:var(--half-gap);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sheet-rolltemplate-icon .input-label:not(.stacked)>[name]:not([type=number],[type=checkbox],[type=radio]),.ui-dialog .tab-content .charsheet .input-label:not(.stacked)>[name]:not([type=number],[type=checkbox],[type=radio]){width:0;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.sheet-rolltemplate-icon .input-label:not(.stacked)>:not([name]),.ui-dialog .tab-content .charsheet .input-label:not(.stacked)>:not([name]){-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.sheet-rolltemplate-icon .input-label--dual,.ui-dialog .tab-content .charsheet .input-label--dual{-ms-grid-columns:1fr auto 1fr;grid-template-columns:1fr auto 1fr;grid-template-areas:"over over over" "under under under"}.sheet-rolltemplate-icon .input-label--dual>span:last-of-type,.ui-dialog .tab-content .charsheet .input-label--dual>span:last-of-type{grid-column:1/-1}.sheet-rolltemplate-icon .input-label--dual>input,.ui-dialog .tab-content .charsheet .input-label--dual>input{width:100%}.sheet-rolltemplate-icon .input-label--dual>.slash,.ui-dialog .tab-content .charsheet .input-label--dual>.slash{line-height:0rem;font-weight:normal}.sheet-rolltemplate-icon .headed-textarea,.ui-dialog .tab-content .charsheet .headed-textarea{-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr;-ms-grid-columns:auto;grid-template-columns:auto}.sheet-rolltemplate-icon .headed-textarea>:first-child,.ui-dialog .tab-content .charsheet .headed-textarea>:first-child{-ms-grid-row:1;-ms-grid-column:1}.sheet-rolltemplate-icon .headed-textarea>:nth-child(2),.ui-dialog .tab-content .charsheet .headed-textarea>:nth-child(2){-ms-grid-row:2;-ms-grid-column:1}.sheet-rolltemplate-icon .headed-textarea h5,.ui-dialog .tab-content .charsheet .headed-textarea h5{-ms-grid-column-align:start;justify-self:start}.sheet-rolltemplate-icon .boxed.thick-left,.sheet-rolltemplate-icon .sheet-boxed.thick-left,.ui-dialog .tab-content .charsheet .boxed.thick-left,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-left{border-left-width:5px}.sheet-rolltemplate-icon .boxed.thick-bottom,.sheet-rolltemplate-icon .sheet-boxed.thick-bottom,.ui-dialog .tab-content .charsheet .boxed.thick-bottom,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-bottom{border-bottom-width:5px}.sheet-rolltemplate-icon .boxed.thick-right,.sheet-rolltemplate-icon .sheet-boxed.thick-right,.ui-dialog .tab-content .charsheet .boxed.thick-right,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-right{border-right-width:5px}.sheet-rolltemplate-icon .boxed.thick-top,.sheet-rolltemplate-icon .sheet-boxed.thick-top,.ui-dialog .tab-content .charsheet .boxed.thick-top,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-top{border-top-width:5px}.sheet-rolltemplate-icon .sheet-underlined,.sheet-rolltemplate-icon .underlined,.ui-dialog .tab-content .charsheet .sheet-underlined,.ui-dialog .tab-content .charsheet .underlined{border-radius:0;border-bottom:1px solid var(--borderColor);-webkit-transition:var(--focusTrans);transition:var(--focusTrans)}.sheet-rolltemplate-icon :is(.underlined,.boxed):not([readonly]):is(:focus,:focus-within),.ui-dialog .tab-content .charsheet :is(.underlined,.boxed):not([readonly]):is(:focus,:focus-within){background-color:var(--invertedFontColor);-webkit-transition:var(--focusTrans);transition:var(--focusTrans)}.sheet-rolltemplate-icon .sheet-short-text,.sheet-rolltemplate-icon .short-text,.ui-dialog .tab-content .charsheet .sheet-short-text,.ui-dialog .tab-content .charsheet .short-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sheet-rolltemplate-icon .roll-container,.ui-dialog .tab-content .charsheet .roll-container{-ms-grid-row-align:center;align-self:center;opacity:0;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}.sheet-rolltemplate-icon .hide-note,.ui-dialog .tab-content .charsheet .hide-note{position:relative;cursor:help}.sheet-rolltemplate-icon .hide-note>input:not(:where([type=checkbox],[type=number],[type=radio])),.sheet-rolltemplate-icon .repitem>input:not(:where([type=checkbox],[type=number],[type=radio])),.ui-dialog .tab-content .charsheet .hide-note>input:not(:where([type=checkbox],[type=number],[type=radio])),.ui-dialog .tab-content .charsheet .repitem>input:not(:where([type=checkbox],[type=number],[type=radio])){width:100%}.sheet-rolltemplate-icon .hide-note .headed-textarea,.sheet-rolltemplate-icon .repitem .headed-textarea,.ui-dialog .tab-content .charsheet .hide-note .headed-textarea,.ui-dialog .tab-content .charsheet .repitem .headed-textarea{grid-column:1/-1}.sheet-rolltemplate-icon .hide-note .collapse,.sheet-rolltemplate-icon .repitem .collapse,.ui-dialog .tab-content .charsheet .hide-note .collapse,.ui-dialog .tab-content .charsheet .repitem .collapse{-webkit-appearance:none;opacity:0;position:absolute;right:2px;top:2px;border:none;color:var(--selectedColor);text-transform:none;height:18px;width:18px;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-font-smoothing:antialiased;border-radius:50%}.sheet-rolltemplate-icon .hide-note .collapse:after,.sheet-rolltemplate-icon .repitem .collapse:after,.ui-dialog .tab-content .charsheet .hide-note .collapse:after,.ui-dialog .tab-content .charsheet .repitem .collapse:after{content:"i";font-family:"Pictos";position:relative;left:2px;bottom:2px;text-shadow:1px 1px 3px white}.sheet-rolltemplate-icon .hide-note .collapse:checked,.sheet-rolltemplate-icon .repitem .collapse:checked,.ui-dialog .tab-content .charsheet .hide-note .collapse:checked,.ui-dialog .tab-content .charsheet .repitem .collapse:checked{background-color:transparent;color:var(--unselectedColor)}.sheet-rolltemplate-icon .hide-note .collapse:checked~.expanded,.sheet-rolltemplate-icon .repitem .collapse:checked~.expanded,.ui-dialog .tab-content .charsheet .hide-note .collapse:checked~.expanded,.ui-dialog .tab-content .charsheet .repitem .collapse:checked~.expanded{display:none}.sheet-rolltemplate-icon .hide-note .collapse:checked~.expanded--empty:is(:not([value]),[value=""])+*,.sheet-rolltemplate-icon .repitem .collapse:checked~.expanded--empty:is(:not([value]),[value=""])+*,.ui-dialog .tab-content .charsheet .hide-note .collapse:checked~.expanded--empty:is(:not([value]),[value=""])+*,.ui-dialog .tab-content .charsheet .repitem .collapse:checked~.expanded--empty:is(:not([value]),[value=""])+*{display:none}.sheet-rolltemplate-icon .hide-note .collapse:hover,.sheet-rolltemplate-icon .repitem .collapse:hover,.ui-dialog .tab-content .charsheet .hide-note .collapse:hover,.ui-dialog .tab-content .charsheet .repitem .collapse:hover{color:var(--selectedColor)}.sheet-rolltemplate-icon .hide-note:hover .collapse,.sheet-rolltemplate-icon .hide-note:hover .roll-container,.sheet-rolltemplate-icon .repitem:hover .collapse,.sheet-rolltemplate-icon .repitem:hover .roll-container,.ui-dialog .tab-content .charsheet .hide-note:hover .collapse,.ui-dialog .tab-content .charsheet .hide-note:hover .roll-container,.ui-dialog .tab-content .charsheet .repitem:hover .collapse,.ui-dialog .tab-content .charsheet .repitem:hover .roll-container{opacity:1}.sheet-rolltemplate-icon .repcontainer.editmode .collapse,.ui-dialog .tab-content .charsheet .repcontainer.editmode .collapse{display:none}.sheet-rolltemplate-icon .repcontainer,.ui-dialog .tab-content .charsheet .repcontainer{display:-ms-grid;display:grid;gap:var(--half-gap)}.sheet-rolltemplate-icon .repeating-container:is(:hover,:focus-within,:focus) .repcontrol-button,.ui-dialog .tab-content .charsheet .repeating-container:is(:hover,:focus-within,:focus) .repcontrol-button{opacity:1}.sheet-rolltemplate-icon .repcontrol-button,.ui-dialog .tab-content .charsheet .repcontrol-button{grid-area:header;-ms-grid-row-align:center;align-self:center;text-transform:none;opacity:0;-webkit-transition:opacity var(--revealTime);transition:opacity var(--revealTime)}.sheet-rolltemplate-icon .repcontrol-button~.repcontrol,.ui-dialog .tab-content .charsheet .repcontrol-button~.repcontrol{display:none}.sheet-rolltemplate-icon .repcontrol-button--add,.sheet-rolltemplate-icon .repcontrol-button__add,.ui-dialog .tab-content .charsheet .repcontrol-button--add,.ui-dialog .tab-content .charsheet .repcontrol-button__add{-ms-grid-column-align:start;justify-self:start;background-color:var(--invertedBackColor)!important}.sheet-rolltemplate-icon .repcontrol-button--add:before,.sheet-rolltemplate-icon .repcontrol-button__add:before,.ui-dialog .tab-content .charsheet .repcontrol-button--add:before,.ui-dialog .tab-content .charsheet .repcontrol-button__add:before{font-family:pictos;content:"&"}.sheet-rolltemplate-icon .repcontrol-button--edit,.sheet-rolltemplate-icon .repcontrol-button__edit,.ui-dialog .tab-content .charsheet .repcontrol-button--edit,.ui-dialog .tab-content .charsheet .repcontrol-button__edit{-ms-grid-column-align:end;justify-self:end;background-color:var(--invertedBackColor)!important}.sheet-rolltemplate-icon .repcontrol-button--edit:before,.sheet-rolltemplate-icon .repcontrol-button__edit:before,.ui-dialog .tab-content .charsheet .repcontrol-button--edit:before,.ui-dialog .tab-content .charsheet .repcontrol-button__edit:before{font-family:pictos;content:"p"}.sheet-rolltemplate-icon .box,.sheet-rolltemplate-icon .sheet-box,.ui-dialog .tab-content .charsheet .box,.ui-dialog .tab-content .charsheet .sheet-box{border-radius:0;width:10px;height:10px}.sheet-rolltemplate-icon .dot,.ui-dialog .tab-content .charsheet .dot{width:auto;height:auto}.sheet-rolltemplate-icon p,.ui-dialog .tab-content .charsheet p{font-size:1rem;width:96%;color:var(--invertedBackColor)}.sheet-rolltemplate-icon p.bullet:before,.ui-dialog .tab-content .charsheet p.bullet:before{font-family:pictos;content:"]";position:relative;right:5px}.sheet-rolltemplate-icon p.indent,.ui-dialog .tab-content .charsheet p.indent{position:relative;left:20px}.sheet-rolltemplate-icon p.colon,.ui-dialog .tab-content .charsheet p.colon{font-family:var(--titleFont);font-size:1.1rem;font-weight:bold;position:relative;top:3px}.sheet-rolltemplate-icon p.colon:after,.ui-dialog .tab-content .charsheet p.colon:after{content:":"}.sheet-rolltemplate-icon p.macro,.ui-dialog .tab-content .charsheet p.macro{position:relative;bottom:-8px;left:5px}.sheet-rolltemplate-icon .auto-expand,.ui-dialog .tab-content .charsheet .auto-expand{overflow:hidden;position:relative;min-width:100px;max-height:200px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:25%!important}.sheet-rolltemplate-icon .auto-expand span,.ui-dialog .tab-content .charsheet .auto-expand span{visibility:hidden;height:0px;position:relative}.sheet-rolltemplate-icon .auto-expand input,.ui-dialog .tab-content .charsheet .auto-expand input{position:absolute;width:100%;font-size:1em}html{font-size:16px}.ui-dialog{--paper-background:url("https://i.imgur.com/Arep50S.jpg");--icon-logo:url("https://i.imgur.com/9LTydaX.png");-webkit-box-sizing:border-box;box-sizing:border-box}.sheet-darkmode .ui-dialog,.sheet-rolltemplate-darkmode{--borderColor:var(--grey);--fontColor:var(--off-white);--invertedFontColor:var(--black);--placeholderFontColor:var(--grey-lt);--backColor:var(--half-black);--invertedBackColor:var(--half-white);--subHeadBackColor:var(--grey-lt);--unselectedColor:var(--grey-dk);--selectedColor:var(--orange);--disableBackground:var(--grey-dk);--buttonColor:var(--magenta);--hoverColor:var(--orange);--clickColor:var(--magenta-lt);--r20white:rgb(31,31,31);--r20black:white;--disableShadow:0px 0 7px 0px #161616 inset;--paper-background:url("https://i.imgur.com/AWF88wB.jpg");--icon-logo:url("https://i.imgur.com/2klK40m.png");--red:var(--red-dk);--yellow:var(--yellow-dk);--green:var(--green-dk);--blue:var(--blue-dk)}.sheet-darkmode .ui-dialog .sheetform,.sheet-rolltemplate-darkmode .sheetform{background-color:inherit}.sheet-darkmode .ui-dialog img,.sheet-rolltemplate-darkmode img{-webkit-filter:brightness(0.8) contrast(1.2);filter:brightness(0.8) contrast(1.2)}#main{display:-ms-grid;display:grid;font-family:var(--basicFont)}#main .paper-background{background:var(--paper-background) repeat top left}#main .editmode .itemcontrol{z-index:100}#main .roller{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--tiny-gap);-webkit-box-align:center;-ms-flex-align:center;align-items:center}#main .roller:before{text-transform:none;content:"T"}#main .roller--scroll:before{content:"w";font-family:pictos}#main .glyph-only{text-transform:none!important}#main .hover-container{--delayTime:500ms;-ms-grid-row-align:start;-ms-grid-column-align:start;place-self:start;display:-ms-grid;display:grid;-ms-grid-columns:auto;grid-template-columns:auto;grid-template-areas:"content";gap:var(--tiny-gap);-webkit-transition-duration:var(--revealTime);transition-duration:var(--revealTime);-webkit-transition-delay:var(--delayTime);transition-delay:var(--delayTime);-webkit-transition-property:width,height,border-color,background-color;transition-property:width,height,border-color,background-color;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-box-sizing:border-box;box-sizing:border-box;border-width:1px 3px;border-radius:5px;border-style:solid;border-color:transparent;width:100%;height:100%;z-index:10}#main .hover-container:is(:hover,:focus-within){border-color:var(--borderColor);background-color:var(--backColor)}#main .hover-container:is(:hover,:focus-within) .hover-container__hover-visible{opacity:1;z-index:0}#main .hover-container--two-column:is(:hover,:focus-within){width:calc(200% + var(--tiny-gap))}#main .hover-container--two-row:is(:hover,:focus-within){height:calc(100% + var(--grid-gap))}#main .hover-container__content{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-align:start;justify-self:start;grid-area:content}#main .hover-container__hover-visible{-ms-grid-row:1;-ms-grid-column:1;grid-area:content;-webkit-transition-property:opacity,z-index,left,top;transition-property:opacity,z-index,left,top;-webkit-transition-duration:var(--revealTime);transition-duration:var(--revealTime);-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:var(--delayTime);transition-delay:var(--delayTime);opacity:0;z-index:-10}#main [readonly]{background:transparent;border:0px solid transparent;cursor:default}#main .sheet-nav__tab{color:white;font-style:normal;border:1px solid transparent;margin:0 0 -1px;background-color:rgb(136,57,162);border-radius:4px 4px 0 0;-webkit-box-shadow:none;box-shadow:none;font-size:13px;background-image:none;padding:9px 12px;height:16px;text-transform:uppercase;font-family:var(--serifFont)}#main .sheet-nav__tab:not(.active):hover{background-color:rgb(201,85,239)}#main .sheet-nav__tab:not(.active):active{background-color:rgb(242,130,255)}#main .sheet-nav__tab.active,#main .sheet-nav__tab:focus{background-color:rgb(156,70,255)}#main .sheet-nav__tab.inactive{display:none!important}#main input[type=number]:-moz-read-only{opacity:0.8}#main input[type=number]:read-only{opacity:0.8}ul.nav-tabs.nav{position:sticky;top:0;background-color:var(--r20white);z-index:9999;margin-bottom:0px}#main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--tiny-gap);position:sticky;top:40px;background-color:var(--r20white);padding:var(--tiny-gap) 0 0;margin-bottom:var(--big-gap);border-bottom:1px solid #dddddd;z-index:999;-webkit-box-shadow:30px 0 var(--backColor),-30px 0 var(--backColor);box-shadow:30px 0 var(--backColor),-30px 0 var(--backColor);color:var(--fontColor)}.journal,.narrative,.roster,.settings,.tactics{display:none}.tabs__toggle[value=journal]~article.journal,.tabs__toggle[value=narrative]~article.narrative,.tabs__toggle[value=roster]~article.roster,.tabs__toggle[value=settings]~article.settings,.tabs__toggle[value=tactics]~article.tactics{display:-ms-grid;display:grid}.character-header{display:-ms-grid;display:grid;grid-template-areas:"deet deet logo" "desc desc desc";gap:var(--half-gap)}.character-header .character-details{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3;display:-ms-inline-grid;display:inline-grid;grid-template-areas:"info info info numb" "info info info numb";gap:var(--half-gap);grid-area:deet}.character-header .character-details~:not(:is(.span-2,.span-all)){-ms-grid-column-align:end;justify-self:end}.character-header .character-details .input-label .input-label__text{font-weight:bold;font-variant-caps:small-caps}.character-header .character-details .input-label .desc-label{width:100px}.info-label{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1;-ms-grid-column-span:5;grid-area:info}.numb-label{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:7;grid-area:numb}.icon-logo{-ms-grid-row:1;-ms-grid-column:5;position:relative;right:130%;top:10%;grid-area:logo;-webkit-transform:scale(1.1);transform:scale(1.1)}.icon-logo span.icon-logo{content:var(--icon-logo);width:100%;height:100%}.desc-label{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:5;grid-area:desc;width:100%}.character-details label.input-label span.input-label__text{position:relative;top:24px;left:12px;width:0px;z-index:1}.character-details label.input-label input.input-label__input{position:relative;min-width:80px}.character-details div.color-selector{position:relative;right:-50%;top:-15%;height:26px}.character-details div.color-selector>select.color-receiver{width:50%;height:26px;font-variant-caps:small-caps;font-family:var(--serifFont);z-index:0}input[type=label] .action-label{background-color:transparent}label.status{position:relative;bottom:-4px}.ui-dialog .charsheet button[type=roll]:before{content:"";font-size:1rem;color:inherit}button[type=roll]{border:none;-webkit-box-shadow:none;box-shadow:none;background:none;background-color:transparent!important;display:inline-block;padding:1px;margin:1px;height:20px;width:20px;color:var(--fontColor)}button[type=roll]:hover{color:var(--hoverColor)!important}button[type=roll]:active{color:var(--clickColor)!important;border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}button[type=roll].col{color:var(--white);position:relative;top:8px;left:-15px}button[type=roll].col:hover{color:var(--white)!important}button[type=roll].col:active{color:var(--black)!important}button[type=roll].roll-quote:before{font-family:"Pictos"!important;content:"w"!important;font-size:1.5rem!important;position:relative;left:0px;z-index:5}button[type=roll].roll-quote:after{font-family:"Pictos"!important;content:"."!important;font-size:0.8rem!important;position:relative;left:-22px;bottom:5px;color:var(--invertedFontColor);z-index:6}button[type=roll].roll-d6:before{font-family:"dicefontd6"!important;content:"l"!important;font-size:1.5rem!important;position:relative;bottom:-3px}button[type=roll].roll-d6:hover:before{content:"L"!important}button[type=roll].roll-d20:before{font-family:"dicefontd20"!important;content:"t"!important;font-size:2rem!important;position:relative;left:-3px;bottom:0px}button[type=roll].roll-d20:hover:before{content:"T"!important}button[type=roll].die:after{font-family:"dicefontd20"!important;content:"0"!important;font-size:0.8rem;position:relative;left:-1px;top:-9px;opacity:0.5}#auto-fill{display:-ms-grid;display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}#auto-fit,div.repcol>div.repcontainer{display:-ms-grid;display:grid;gap:var(--half-gap);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#auto-fit.stats,div.repcol>div.repcontainer.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}div.repcol.fit50>div.repcontainer{grid-template-columns:repeat(auto-fit,minmax(45%,1fr))}div.repcol.fit30>div.repcontainer{grid-template-columns:repeat(auto-fit,minmax(30%,1fr))}div.repcol.npc>div.repcontainer{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}section{font-weight:normal}.wide-gap{-webkit-column-gap:var(--big-gap)!important;-moz-column-gap:var(--big-gap)!important;column-gap:var(--big-gap)!important}.character-header{min-width:30rem}.long-2{-ms-grid-row-span:2;grid-row:span 2}#resource{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#stats{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}#stats.npc{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}div.burdens{min-width:120px;-webkit-column-gap:2px;-moz-column-gap:2px;column-gap:2px}.top-margin{margin-top:0.5rem}.clock div.clock_4{display:none}.clock .clock-switch[value="4"]~div.clock_4{display:block}.clock div.clock_6{display:none}.clock .clock-switch[value="6"]~div.clock_6{display:block}.clock div.clock_8{display:none}.clock .clock-switch[value="8"]~div.clock_8{display:block}.clock div.clock_10{display:none}.clock .clock-switch[value="10"]~div.clock_10{display:block}.clock div.clock_12{display:none}.clock .clock-switch[value="12"]~div.clock_12{display:block}.clock{width:120px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clock.small-clock{-webkit-transform:scale(0.9);transform:scale(0.9)}.clock-section{display:-ms-inline-grid;display:inline-grid;gap:3px;padding:1px;grid-template-areas:"vv ww xx aa bb cc dd" "uu ck ck ck ck ck ee" "tt ck ck ck ck ck ff" "ss ck ck ck ck ck gg" "rr ck ck ck ck ck hh" "qq ck ck ck ck ck ii" "pp oo nn mm ll kk jj"}.clock-radio{z-index:10;opacity:1;cursor:pointer;position:relative;accent-color:rgb(156,70,255);-webkit-transform:scale(1.2);transform:scale(1.2)}.clock-radio:hover:after{opacity:1}.clock-0{-ms-grid-row:1;-ms-grid-column:7;grid-area:aa;top:10px}.clock-1{-ms-grid-row:1;-ms-grid-column:9;grid-area:bb;top:15px;left:3px}.clock-2{-ms-grid-row:1;-ms-grid-column:11;grid-area:cc;top:18px;right:10px}.clock-3{-ms-grid-row:1;-ms-grid-column:13;grid-area:dd;top:22px;right:22px}.clock-4{-ms-grid-row:3;-ms-grid-column:13;grid-area:ee;top:13px;right:15px}.clock-5{-ms-grid-row:5;-ms-grid-column:13;grid-area:ff;top:5px;right:11px}.clock-6{-ms-grid-row:7;-ms-grid-column:13;grid-area:gg;right:10px}.clock-7{-ms-grid-row:9;-ms-grid-column:13;grid-area:hh;bottom:5px;right:11px}.clock-8{-ms-grid-row:11;-ms-grid-column:13;grid-area:ii;bottom:13px;right:15px}.clock-9{-ms-grid-row:13;-ms-grid-column:13;grid-area:jj;bottom:22px;right:22px}.clock-10{-ms-grid-row:13;-ms-grid-column:11;grid-area:kk;bottom:18px;right:10px}.clock-11{-ms-grid-row:13;-ms-grid-column:9;grid-area:ll;bottom:15px;left:3px}.clock-12{-ms-grid-row:13;-ms-grid-column:7;grid-area:mm;bottom:10px}.clock-13{-ms-grid-row:13;-ms-grid-column:5;grid-area:nn;bottom:15px;right:3px}.clock-14{-ms-grid-row:13;-ms-grid-column:3;grid-area:oo;bottom:18px;left:10px}.clock-15{-ms-grid-row:13;-ms-grid-column:1;grid-area:pp;bottom:22px;left:22px}.clock-16{-ms-grid-row:11;-ms-grid-column:1;grid-area:qq;bottom:13px;left:15px}.clock-17{-ms-grid-row:9;-ms-grid-column:1;grid-area:rr;bottom:5px;left:11px}.clock-18{-ms-grid-row:7;-ms-grid-column:1;grid-area:ss;left:10px}.clock-19{-ms-grid-row:5;-ms-grid-column:1;grid-area:tt;top:5px;left:11px}.clock-20{-ms-grid-row:3;-ms-grid-column:1;grid-area:uu;top:13px;left:15px}.clock-21{-ms-grid-row:1;-ms-grid-column:1;grid-area:vv;top:22px;left:22px}.clock-22{-ms-grid-row:1;-ms-grid-column:3;grid-area:ww;top:18px;left:10px}.clock-23{-ms-grid-row:1;-ms-grid-column:5;grid-area:xx;top:15px;right:3px}.clock-face{-ms-grid-row:3;-ms-grid-row-span:9;-ms-grid-column:3;-ms-grid-column-span:9;grid-area:ck;width:78px;height:78px;display:inline-block;border-radius:50%;background:rgb(156,70,255);border:3px solid rgb(143,143,157);text-align:center;vertical-align:middle}.clock-face:after{font-family:"Pictos";content:"&";color:white;position:relative;font-size:15px;top:28px}.clock-radio.clock-0:checked~.clock-face{background:black}.clock-radio.clock-1:checked~.clock-face{background-image:linear-gradient(120deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-2:checked~.clock-face{background-image:linear-gradient(126deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-3:checked~.clock-face{background-image:linear-gradient(135deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-4:checked~.clock-face{background-image:linear-gradient(150deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-5:checked~.clock-face{background-image:linear-gradient(162deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-6:checked~.clock-face{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,black)),-webkit-gradient(linear,left top,right top,color-stop(50%,black),color-stop(50%,transparent));background-image:linear-gradient(180deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-7:checked~.clock-face{background-image:linear-gradient(198deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-7:checked~.clock-face{background-image:linear-gradient(198deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-8:checked~.clock-face{background-image:linear-gradient(210deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-9:checked~.clock-face{background-image:linear-gradient(225deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-10:checked~.clock-face{background-image:linear-gradient(234deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-11:checked~.clock-face{background-image:linear-gradient(240deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-12:checked~.clock-face{background-image:-webkit-gradient(linear,right top,left top,color-stop(50%,transparent),color-stop(50%,black)),-webkit-gradient(linear,left top,right top,color-stop(50%,black),color-stop(50%,transparent));background-image:linear-gradient(270deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-13:checked~.clock-face{background-image:linear-gradient(120deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-14:checked~.clock-face{background-image:linear-gradient(126deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-15:checked~.clock-face{background-image:linear-gradient(135deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-16:checked~.clock-face{background-image:linear-gradient(150deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-17:checked~.clock-face{background-image:linear-gradient(166deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-18:checked~.clock-face{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,rgb(156,70,255))),-webkit-gradient(linear,left top,right top,color-stop(50%,black),color-stop(50%,transparent));background-image:linear-gradient(180deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-19:checked~.clock-face{background-image:linear-gradient(198deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-20:checked~.clock-face{background-image:linear-gradient(210deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-21:checked~.clock-face{background-image:linear-gradient(225deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-22:checked~.clock-face{background-image:linear-gradient(234deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-23:checked~.clock-face{background-image:linear-gradient(240deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-360:checked~.clock-face{background-color:rgb(156,70,255)}.action-dots{width:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}input[type=radio].fill-left{opacity:0;width:20px;height:20px;position:relative;top:-2px;left:9px;margin:-10px;cursor:pointer;z-index:1}input[type=radio].fill-left.dots+span:before{margin-right:4px;border:solid 2px var(--borderColor);line-height:18px;display:inline-block;content:"";background-color:var(--purple);width:18px;height:18px;font-size:24px;-webkit-font-smoothing:antialiased;border-radius:50%}input[type=radio].fill-left.dots:checked~input[type=radio]+span:before{background-color:transparent;border-color:var(--invertedBackColor)}input[type=radio].fill-left.dots:not(:checked):hover~input[type=radio]+span:before{opacity:0.25}input[type=radio].fill-left.diamonds+span:before{margin-right:6px;border:solid 2px var(--borderColor);line-height:16px;display:inline-block;content:"";background-color:var(--orange);width:16px;height:16px;font-size:24px;-webkit-font-smoothing:antialiased;border-radius:10%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}input[type=radio].fill-left.diamonds:checked~input[type=radio]+span:before{background-color:transparent;border-color:var(--invertedBackColor)}input[type=radio].fill-left.diamonds:not(:checked):hover~input[type=radio]+span:before{opacity:0.25}input[type=radio].fill-left.radio-zero:hover+span:before{background-color:transparent;font-family:"Pictos";content:"*";color:var(--fontColor);position:relative;top:-2px}input[type=radio].fill-left.diamonds.radio-zero:hover+span:before{-webkit-transform:rotate(0deg);transform:rotate(0deg)}input[type=radio].fill-left.gore+span:before{background-color:var(--red-dk)}input[type=radio].fill-left.gore:not(.radio-zero):checked+span:after{font-family:"Pictos";content:"Y";width:0px;position:relative;color:var(--fontColor);top:-7px;left:-4px;margin:0px}input[type=radio].fill-left.gore:not(:checked):hover~input[type=radio]+span:before{border-color:var(--red-lt)}input[type=radio].fill-left.gore:not(:checked):hover~input[type=radio]+span:after{color:var(--red-lt);opacity:0.4}input[type=radio].fill-left.resource-small+span:before{width:13px!important;height:13px!important;font-size:20px}input[type=radio].fill-left.resource-smaller+span:before{width:11px!important;height:11px!important;font-size:16px}input[type=radio].fill-left.resource-smallerer+span:before{width:9px!important;height:9px!important;font-size:13px}.action-checkboxes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}input[type=checkbox].checkbox{-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;-webkit-font-smoothing:antialiased;border-radius:10%;margin:2px;width:20px!important;height:20px!important;border:2px solid var(--invertedBackColor)!important;background-color:transparent}input[type=checkbox].checkbox:checked{border:2px solid var(--borderColor)!important;color:var(--invertedFontColor)}input[type=checkbox].checkbox.up:checked:after{font-family:"Pictos";content:"{";position:relative;left:2px;top:-2px}input[type=checkbox].checkbox.down:checked:after{font-family:"Pictos";content:"}";position:relative;left:2px;top:-3px}input[type=checkbox].checkbox.tick:checked:after{font-family:"Pictos";content:"3";position:relative;left:1px;top:-2px}input[type=checkbox].checkbox.cross:checked:after{font-family:"Pictos";content:"*";position:relative;left:1.5px;top:-2.5px}input[type=checkbox].checkbox.star{border-radius:50%}input[type=checkbox].checkbox.star:checked:after{font-family:"Pictos";content:"S";font-size:1.1rem;position:relative;text-align:center;vertical-align:middle;top:-5px}input[type=checkbox].checkbox.talent{width:20px!important;margin:0px!important;font-family:var(--serifFont)}input[type=checkbox].checkbox.I:checked:after{content:"I";position:relative;text-align:center;vertical-align:middle;top:-5px;left:4px}input[type=checkbox].checkbox.II:checked:after{content:"II";position:relative;text-align:center;vertical-align:middle;top:-5px;left:1px}input[type=checkbox].checkbox.magenta:checked{background-color:var(--magenta)!important}input[type=checkbox].checkbox.magenta:hover{background-color:var(--magenta)!important;opacity:0.5}input[type=checkbox].checkbox.orange:checked{background-color:var(--orange)!important}input[type=checkbox].checkbox.orange:hover{background-color:var(--orange)!important;opacity:0.5}input[type=checkbox].checkbox.black:checked{background-color:var(--r20black)!important}input[type=checkbox].checkbox.black:hover{background-color:var(--invertedBackColor)!important}input.radio-zero{position:relative}input.radio-zero:checked+span:before{opacity:0}input.radio-zero:hover+span:before{opacity:0.25;font-size:25px;font-family:"Pictos";content:"*";background:none;background-color:none!important;border-color:transparent!important;color:var(--black);top:2px;left:2px}input.radio-zero+span:before{opacity:0}.resource div.resource_2{display:none}.resource .resource-switch[value="2"]~div.resource_2{display:block}.resource div.resource_3{display:none}.resource .resource-switch[value="3"]~div.resource_3{display:block}.resource div.resource_4{display:none}.resource .resource-switch[value="4"]~div.resource_4{display:block}.resource div.resource_5{display:none}.resource .resource-switch[value="5"]~div.resource_5{display:block}.resource div.resource_6{display:none}.resource .resource-switch[value="6"]~div.resource_6{display:block}.resource div.resource_7{display:none}.resource .resource-switch[value="7"]~div.resource_7{display:block}.resource div.resource_8{display:none}.resource .resource-switch[value="8"]~div.resource_8{display:block}.input-label{width:auto}label.input-label .numb-label{width:80px}input.action-label{width:50%!important}input.burden{width:98%!important;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}div.chapter-select{width:90px!important}select.chapter-select{background-color:var(--backColor);font-family:var(--serifFont);position:relative;top:3px;height:26px}input.burden-penalty{position:relative;left:-22%;min-width:66px!important;text-align:left;-webkit-box-align:left;-ms-flex-align:left;align-items:left}p.burden-penalty{position:relative;left:-5%;top:8px}input[type=text].power{width:120%!important;min-width:120px}span.dust{color:var(--orange)!important;padding:5px!important}input.dust{height:40px!important;width:100%!important;font-size:1.4rem!important;color:var(--fontColor)!important;text-shadow:0 0 2px var(--orange)}input.dust.ability-info{height:26px!important;font-size:1rem!important}span.xp{color:var(--purple)!important;padding:5px!important}input.xp{height:40px!important;width:100%!important;font-size:1.4rem!important;color:var(--fontColor)!important;text-shadow:0 0 2px var(--purple)}.color-receiver{background-color:var(--magenta)}select.color-receiver{color:var(--white)!important;border-radius:0px!important}.color-control[value=custom]~.color-receiver,.color-control[value=general]~.color-receiver,.color-control[value=unique]~.color-receiver{background-color:var(--purple)!important}.color-control[value=heavy]~.color-receiver,.color-control[value=stalwart]~.color-receiver{background-color:var(--red)!important}.color-control[value=skirmisher]~.color-receiver,.color-control[value=vagabond]~.color-receiver{background-color:var(--yellow)!important}.color-control[value=leader]~.color-receiver,.color-control[value=mendicant]~.color-receiver{background-color:var(--green)!important}.color-control[value=artillery]~.color-receiver,.color-control[value=wright]~.color-receiver{background-color:var(--blue)!important}.color-control[value=inactive]~.color-receiver,.color-control[value=mob]~.color-receiver,.color-control[value=npc]~.color-receiver,.color-control[value=unequipped]~.color-receiver{background-color:var(--grey)!important}input.bloodied-receiver{color:var(--green-dk)}.bloodied-control[value="1"]~input.bloodied-receiver{color:var(--red-dk);text-shadow:0 0 1px var(--red),0 0 1px var(--red)}.bloodied-control[value="1"]~input.bloodied-receiver.bloodied-receiver[value="0"]{background-color:var(--grey-dk)!important}select.damage-die,select.type{width:50%}.job-h1-receiver{height:39px!important;width:100%!important;border-radius:0%!important;color:white!important}.job-h1-receiver::-webkit-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver::-moz-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver:-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver::-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver::placeholder{text-shadow:0 0 2px white,0 0 2px white}div.wealth{height:auto}div.wealth>input.wealth{height:30px;width:100%!important;text-overflow:ellipsis}input.ability-info{width:32%!important;text-overflow:ellipsis}select.type{margin-bottom:0px;font-size:1.1rem}.by,.em,.message,.sheet-by,.sheet-message,.strong{color:var(--fontColor)}.sheet-rolltemplate-icon{--templateFontSize:16px;--critColor:var(--magenta);--fumbleColor:var(--orange);--importantColor:var(--purple);--headerBackColor:var(--grey-lt)}.sheet-rolltemplate-darkmode{--critColor:var(--green-lt);--fumbleColor:var(--red-lt);--importantColor:var(--blue-lt);--headerBackColor:var(--grey-dk)}.sheet-rolltemplate-icon{text-justify:inter-word;padding-bottom:var(--grid-gap)}.sheet-rolltemplate-icon:not(:first-child){margin-top:15px}.sheet-rolltemplate-icon .sheet-header{display:-ms-grid;display:grid;border:1px solid var(--borderColor);background-color:var(--headerBackColor);padding:var(--half-gap);margin-inline:calc(var(--half-gap) * -1)}.sheet-rolltemplate-icon .sheet-header h3{-ms-grid-column-align:start;justify-self:start}.sheet-rolltemplate-icon .sheet-header h4{-ms-grid-column-align:end;justify-self:end}.sheet-rolltemplate-icon .sheet-result-controller.sheet-result-false~.sheet-result-display-true,.sheet-rolltemplate-icon .sheet-result-controller.sheet-result-true~.sheet-result-display-false{display:none}.sheet-rolltemplate-icon .sheet-result-display-false{color:var(--fumbleColor)}.sheet-rolltemplate-icon .sheet-result-display-true{color:var(--critColor)}.sheet-rolltemplate-icon .sheet-template{font-size:var(--templateFontSize);display:-ms-grid;display:grid;gap:var(--half-gap);border:var(--half-gap) solid transparent;background-color:var(--backColor);-webkit-filter:drop-shadow(var(--shadowColor1) 0px 3px 6px) drop-shadow(var(--shadowColor2) 0px 3px 6px);filter:drop-shadow(var(--shadowColor1) 0px 3px 6px) drop-shadow(var(--shadowColor2) 0px 3px 6px);padding:var(--half-gap)}.sheet-rolltemplate-icon .sheet-template h5,.sheet-rolltemplate-icon .sheet-template h5 *,.sheet-rolltemplate-icon .sheet-template span,.sheet-rolltemplate-icon .sheet-template span *{font-size:1em}.sheet-rolltemplate-icon .sheet-template h5{font-weight:bold;text-align:left}.sheet-rolltemplate-icon .sheet-template h3,.sheet-rolltemplate-icon .sheet-template h3 *{font-size:1.25em}.sheet-rolltemplate-icon .sheet-template h4,.sheet-rolltemplate-icon .sheet-template h4 *{font-size:1em}.sheet-rolltemplate-icon .sheet-template .sheet-template-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--half-gap);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:27px}.sheet-rolltemplate-icon .sheet-template .sheet-template-row--text{border-top:2px solid var(--fontColor)}.sheet-rolltemplate-icon .sheet-template .sheet-template-row--summary{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sheet-rolltemplate-icon .sheet-template .sheet-description{max-height:20rem;overflow-y:auto;white-space:pre-wrap;color:var(--fontColor)}.sheet-rolltemplate-icon .sheet-template a{position:relative;left:-10px;padding:2px}.sheet-rolltemplate-icon .sheet-template a:not([href^="!"]),.sheet-rolltemplate-icon .sheet-template a:not([href^="~"]){color:var(--fontColor);border:none;text-decoration:underline}.sheet-rolltemplate-icon .sheet-template a[href^="!"],.sheet-rolltemplate-icon .sheet-template a[href^="~"]{border-radius:5px;color:var(--backColor);background-color:var(--fontColor);text-decoration:none;padding-inline:var(--tiny-gap)}.sheet-rolltemplate-icon .sheet-template .inlinerollresult{font-size:1.25em;position:relative;color:var(--fontColor)}.sheet-rolltemplate-icon .sheet-template .inlinerollresult[original-title*="[computed value]"],.sheet-rolltemplate-icon .sheet-template .inlinerollresult[title*="[computed value]"]{pointer-events:none}.sheet-rolltemplate-icon .sheet-template .inlinerollresult,.sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullcrit,.sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullfail,.sheet-rolltemplate-icon .sheet-template .inlinerollresult.importantroll{border:none;background-color:transparent;padding:0}.sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullcrit{color:var(--critColor)}.sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullfail{color:var(--fumbleColor)}.sheet-rolltemplate-icon .sheet-template .inlinerollresult.importantroll{color:var(--importantColor)}.sheet-rolltemplate-icon .sheet-template .sheet-result>.inlinerollresult{left:-8px} \ No newline at end of file diff --git a/ICON RPG [MassifPress]/system.css b/ICON RPG [MassifPress]/system.css index b738485827..38c82fc165 100644 --- a/ICON RPG [MassifPress]/system.css +++ b/ICON RPG [MassifPress]/system.css @@ -1,32 +1,32 @@ @import url("https://fonts.googleapis.com/css?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700|Jost:ital,wght@0,400;0,700;1,400;1,700|PT+Mono|PT+Sans+Caption:wght@400;700|PT+Serif+Caption&display=swap"); .sheet-rolltemplate-icon, .ui-dialog { - --white: white; - --off-white: rgb(243, 240, 237); - --grey-lt: rgb(217, 217, 217); + --white: rgb(245, 245, 245); + --off-white: rgb(236, 232, 227); + --grey-lt: rgb(201, 201, 201); --grey: rgb(145, 145, 145); - --off-grey: rgb(143, 143, 157); + --off-grey: rgb(136, 153, 155); --grey-dk: rgb(102, 102, 102); - --off-black: rgb(15, 13, 12); - --black: black; - --half-white: rgba(255, 255, 255, 0.5); - --half-black: rgba(0, 0, 0, 0.5); + --off-black: rgb(31, 27, 25); + --black: rgb(20, 20, 20); + --half-white: rgba(245, 245, 245, 0.5); + --half-black: rgba(20, 20, 20, 0.5); --half-grey: rgba(145, 145, 145, 0.5); --purple: rgb(156, 70, 255); --magenta-lt: rgb(242, 130, 255); --magenta: rgb(201, 85, 239); --magenta-dk: rgb(136, 57, 162); - --red-lt: rgb(255, 150, 140); + --red-lt: rgb(243, 126, 115); --red: rgb(237, 34, 11); - --red-dk: rgb(160, 23, 7); + --red-dk: rgb(172, 24, 8); --yellow-lt: rgb(255, 217, 49); - --yellow: rgb(253, 173, 0); - --yellow-dk: rgb(176, 120, 0); + --yellow: rgb(253, 194, 0); + --yellow-dk: rgb(221, 169, 0); --green-lt: rgb(136, 249, 78); --green: rgb(96, 216, 54); - --green-dk: rgb(62, 139, 34); + --green-dk: rgb(63, 167, 26); --blue-lt: rgb(76, 220, 253); --blue: rgb(0, 161, 255); - --blue-dk: rgb(0, 112, 178); + --blue-dk: rgb(6, 131, 204); --orange: rgb(230, 140, 44); } @@ -70,6 +70,10 @@ font-size: 0.8rem !important; } +.relative { + position: relative; +} + .sheet-rolltemplate-icon .sheet-pictos, .ui-dialog .tab-content .charsheet .sheet-pictos, .sheet-rolltemplate-icon .pictos, .ui-dialog .tab-content .charsheet .pictos { @@ -112,7 +116,7 @@ border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; - background-color: var(--invertedFontColor); + background-color: var(--backColor); } .sheet-rolltemplate-icon .ratio1-1, .ui-dialog .tab-content .charsheet .ratio1-1, @@ -155,20 +159,6 @@ backdrop-filter: blur(1px); overflow: hidden; } -.sheet-rolltemplate-icon .repcontrol-button:is(:hover, :focus), .ui-dialog .tab-content .charsheet .repcontrol-button:is(:hover, :focus) { - background-color: var(--hoverColor); - -webkit-box-shadow: 0 4px 6px black; - box-shadow: 0 4px 6px black; - -webkit-backdrop-filter: blur(2px); - backdrop-filter: blur(2px); -} -.sheet-rolltemplate-icon .repcontrol-button:active, .ui-dialog .tab-content .charsheet .repcontrol-button:active { - background-color: var(--clickColor); - -webkit-box-shadow: 0 1px 2px black; - box-shadow: 0 1px 2px black; - -webkit-backdrop-filter: blur(0px); - backdrop-filter: blur(0px); -} .sheet-rolltemplate-icon .repcontrol-button, .ui-dialog .tab-content .charsheet .repcontrol-button { padding: 5px 7px; @@ -467,8 +457,10 @@ --selectedColor: var(--orange); --disableBackground: var(--grey-lt); --buttonColor: var(--magenta); - --hoverColor: var(--magenta-lt); - --clickColor: var(--orange); + --hoverColor: var(--orange); + --clickColor: var(--magenta-lt); + --r20white: white; + --r20black: rgb(31, 31, 31); } .sheet-rolltemplate-icon, .ui-dialog .tab-content .charsheet { @@ -704,8 +696,6 @@ .ui-dialog .tab-content .charsheet input, .sheet-rolltemplate-icon textarea, .ui-dialog .tab-content .charsheet textarea, -.sheet-rolltemplate-icon button, -.ui-dialog .tab-content .charsheet button, .sheet-rolltemplate-icon select, .ui-dialog .tab-content .charsheet select { font-family: var(--basicFont); @@ -923,18 +913,25 @@ -webkit-appearance: none; opacity: 0; position: absolute; - right: 1px; - top: 0px; - border: 0px solid var(--borderColor); - border-radius: 0; + right: 2px; + top: 2px; + border: none; color: var(--selectedColor); - text-transform: none; /* IE 9 */ + text-transform: none; + height: 18px; + width: 18px; /* IE 9 */ -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */ transform: scale(1.2); + -webkit-font-smoothing: antialiased; + border-radius: 50%; } .sheet-rolltemplate-icon .repitem .collapse:after, .ui-dialog .tab-content .charsheet .repitem .collapse:after, .sheet-rolltemplate-icon .hide-note .collapse:after, .ui-dialog .tab-content .charsheet .hide-note .collapse:after { content: "i"; - font-family: pictos; + font-family: "Pictos"; + position: relative; + left: 2px; + bottom: 2px; + text-shadow: 1px 1px 3px white; } .sheet-rolltemplate-icon .repitem .collapse:checked, .ui-dialog .tab-content .charsheet .repitem .collapse:checked, .sheet-rolltemplate-icon .hide-note .collapse:checked, .ui-dialog .tab-content .charsheet .hide-note .collapse:checked { background-color: transparent; @@ -962,7 +959,7 @@ .sheet-rolltemplate-icon .repcontainer, .ui-dialog .tab-content .charsheet .repcontainer { display: -ms-grid; display: grid; - gap: var(--grid-gap); + gap: var(--half-gap); } .sheet-rolltemplate-icon .repeating-container:is(:hover, :focus-within, :focus) .repcontrol-button, .ui-dialog .tab-content .charsheet .repeating-container:is(:hover, :focus-within, :focus) .repcontrol-button { opacity: 1; @@ -979,19 +976,29 @@ .sheet-rolltemplate-icon .repcontrol-button ~ .repcontrol, .ui-dialog .tab-content .charsheet .repcontrol-button ~ .repcontrol { display: none; } -.sheet-rolltemplate-icon .repcontrol-button--add, .ui-dialog .tab-content .charsheet .repcontrol-button--add { +.sheet-rolltemplate-icon .repcontrol-button--add, .ui-dialog .tab-content .charsheet .repcontrol-button--add, +.sheet-rolltemplate-icon .repcontrol-button__add, +.ui-dialog .tab-content .charsheet .repcontrol-button__add { -ms-grid-column-align: start; justify-self: start; + background-color: var(--invertedBackColor) !important; } -.sheet-rolltemplate-icon .repcontrol-button--add:before, .ui-dialog .tab-content .charsheet .repcontrol-button--add:before { +.sheet-rolltemplate-icon .repcontrol-button--add:before, .ui-dialog .tab-content .charsheet .repcontrol-button--add:before, +.sheet-rolltemplate-icon .repcontrol-button__add:before, +.ui-dialog .tab-content .charsheet .repcontrol-button__add:before { font-family: pictos; content: "&"; } -.sheet-rolltemplate-icon .repcontrol-button--edit, .ui-dialog .tab-content .charsheet .repcontrol-button--edit { +.sheet-rolltemplate-icon .repcontrol-button--edit, .ui-dialog .tab-content .charsheet .repcontrol-button--edit, +.sheet-rolltemplate-icon .repcontrol-button__edit, +.ui-dialog .tab-content .charsheet .repcontrol-button__edit { -ms-grid-column-align: end; justify-self: end; + background-color: var(--invertedBackColor) !important; } -.sheet-rolltemplate-icon .repcontrol-button--edit:before, .ui-dialog .tab-content .charsheet .repcontrol-button--edit:before { +.sheet-rolltemplate-icon .repcontrol-button--edit:before, .ui-dialog .tab-content .charsheet .repcontrol-button--edit:before, +.sheet-rolltemplate-icon .repcontrol-button__edit:before, +.ui-dialog .tab-content .charsheet .repcontrol-button__edit:before { font-family: pictos; content: "p"; } @@ -1006,36 +1013,6 @@ width: auto; height: auto; } -.sheet-rolltemplate-icon .fill-left, .ui-dialog .tab-content .charsheet .fill-left { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-item-align: center; - -ms-grid-row-align: center; - align-self: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.sheet-rolltemplate-icon .fill-left__radio, .ui-dialog .tab-content .charsheet .fill-left__radio { - -moz-appearance: none; - appearance: none; - -webkit-appearance: none; - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; - background-color: var(--backColor); - width: 20px; - height: 20px; - cursor: pointer; - z-index: 1; - accent-color: var(--purple); -} -.sheet-rolltemplate-icon .fill-left__radio:checked ~ .fill-left__radio, .ui-dialog .tab-content .charsheet .fill-left__radio:checked ~ .fill-left__radio { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; - background-color: grey; -} .sheet-rolltemplate-icon p, .ui-dialog .tab-content .charsheet p { font-size: 1rem; width: 96%; @@ -1062,6 +1039,11 @@ .sheet-rolltemplate-icon p.colon::after, .ui-dialog .tab-content .charsheet p.colon::after { content: ":"; } +.sheet-rolltemplate-icon p.macro, .ui-dialog .tab-content .charsheet p.macro { + position: relative; + bottom: -8px; + left: 5px; +} .sheet-rolltemplate-icon .auto-expand, .ui-dialog .tab-content .charsheet .auto-expand { overflow: hidden; /* hides overflow that is caused by the span */ position: relative; /* Allows the input's absolute positioning to be relative to this parent div */ @@ -1095,8 +1077,8 @@ html { } .sheet-darkmode .ui-dialog, .sheet-rolltemplate-darkmode { - --borderColor: var(--off-white); - --fontColor: var(--white); + --borderColor: var(--grey); + --fontColor: var(--off-white); --invertedFontColor: var(--black); --placeholderFontColor: var(--grey-lt); --backColor: var(--half-black); @@ -1106,14 +1088,17 @@ html { --selectedColor: var(--orange); --disableBackground: var(--grey-dk); --buttonColor: var(--magenta); - --hoverColor: var(--magenta-lt); - --clickColor: var(--orange); + --hoverColor: var(--orange); + --clickColor: var(--magenta-lt); + --r20white: rgb(31, 31, 31); + --r20black: white; --disableShadow:0px 0 7px 0px #161616 inset; - --buttonColor:#2e2e2e; - --hoverColor:#2e2e2e; - --clickColor:black; - --paper-background:url("https://i.imgur.com/vb8bLma.jpg"); + --paper-background:url("https://i.imgur.com/AWF88wB.jpg"); --icon-logo:url("https://i.imgur.com/2klK40m.png"); + --red: var(--red-dk); + --yellow: var(--yellow-dk); + --green: var(--green-dk); + --blue: var(--blue-dk); } .sheet-darkmode .ui-dialog .sheetform, .sheet-rolltemplate-darkmode .sheetform { @@ -1260,11 +1245,17 @@ html { #main .sheet-nav__tab.inactive { display: none !important; } +#main input[type=number]:-moz-read-only { + opacity: 0.8; +} +#main input[type=number]:read-only { + opacity: 0.8; +} ul.nav-tabs.nav { position: sticky; top: 0; - background-color: var(--backColor); + background-color: var(--r20white); z-index: 9999; margin-bottom: 0px; } @@ -1281,7 +1272,7 @@ ul.nav-tabs.nav { gap: var(--tiny-gap); position: sticky; top: 40px; - background-color: var(--backColor); + background-color: var(--r20white); padding: var(--tiny-gap) 0 0; margin-bottom: var(--big-gap); border-bottom: 1px solid #dddddd; @@ -1407,6 +1398,100 @@ input[type=label] .action-label { background-color: transparent; } +label.status { + position: relative; + bottom: -4px; +} + +.ui-dialog .charsheet button[type=roll]::before { + content: ""; + font-size: 1rem; + color: inherit; +} + +button[type=roll] { + border: none; + -webkit-box-shadow: none; + box-shadow: none; + background: none; + background-color: transparent !important; + display: inline-block; + padding: 1px; + margin: 1px; + height: 20px; + width: 20px; + color: var(--fontColor); +} +button[type=roll]:hover { + color: var(--hoverColor) !important; +} +button[type=roll]:active { + color: var(--clickColor) !important; + border: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +button[type=roll].col { + color: var(--white); + position: relative; + top: 8px; + left: -15px; +} +button[type=roll].col:hover { + color: var(--white) !important; +} +button[type=roll].col:active { + color: var(--black) !important; +} +button[type=roll].roll-quote::before { + font-family: "Pictos" !important; + content: "w" !important; + font-size: 1.5rem !important; + position: relative; + left: 0px; + z-index: 5; +} +button[type=roll].roll-quote::after { + font-family: "Pictos" !important; + content: "." !important; + font-size: 0.8rem !important; + position: relative; + left: -22px; + bottom: 5px; + color: var(--invertedFontColor); + z-index: 6; +} +button[type=roll].roll-d6::before { + font-family: "dicefontd6" !important; + content: "l" !important; + font-size: 1.5rem !important; + position: relative; + bottom: -3px; +} +button[type=roll].roll-d6:hover::before { + content: "L" !important; +} +button[type=roll].roll-d20::before { + font-family: "dicefontd20" !important; + content: "t" !important; + font-size: 2rem !important; + position: relative; + left: -3px; + bottom: 0px; +} +button[type=roll].roll-d20:hover::before { + content: "T" !important; +} +button[type=roll].die::after { + font-family: "dicefontd20" !important; + content: "0" !important; + font-size: 0.8rem; + position: relative; + left: -1px; + top: -9px; + opacity: 0.5; +} + #auto-fill { display: -ms-grid; display: grid; @@ -1464,7 +1549,7 @@ section { #stats { display: -ms-grid; display: grid; - grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); } #stats.npc { grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); @@ -1477,6 +1562,10 @@ div.burdens { column-gap: 2px; } +.top-margin { + margin-top: 0.5rem; +} + .clock div.clock_4 { display: none; } @@ -1898,6 +1987,258 @@ div.burdens { background-color: rgb(156, 70, 255); } +.action-dots { + width: 40%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +/* Hide actual radio */ +input[type=radio].fill-left { + opacity: 0; + width: 20px; + height: 20px; + position: relative; + top: -2px; + left: 9px; + margin: -10px; + cursor: pointer; + z-index: 1; + /* Fake radio */ + /* Remove dot from all radios _after_ selected one */ +} +input[type=radio].fill-left.dots + span::before { + margin-right: 4px; + border: solid 2px var(--borderColor); + line-height: 18px; + display: inline-block; + content: ""; + background-color: var(--purple); + width: 18px; + height: 18px; + font-size: 24px; + -webkit-font-smoothing: antialiased; + border-radius: 50%; +} +input[type=radio].fill-left.dots:checked ~ input[type=radio] + span::before { + background-color: transparent; + border-color: var(--invertedBackColor); +} +input[type=radio].fill-left.dots:not(:checked):hover ~ input[type=radio] + span::before { + opacity: 0.25; +} +input[type=radio].fill-left.diamonds + span::before { + margin-right: 6px; + border: solid 2px var(--borderColor); + line-height: 16px; + display: inline-block; + content: ""; + background-color: var(--orange); + width: 16px; + height: 16px; + font-size: 24px; + -webkit-font-smoothing: antialiased; + border-radius: 10%; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +input[type=radio].fill-left.diamonds:checked ~ input[type=radio] + span::before { + background-color: transparent; + border-color: var(--invertedBackColor); +} +input[type=radio].fill-left.diamonds:not(:checked):hover ~ input[type=radio] + span::before { + opacity: 0.25; +} +input[type=radio].fill-left.radio-zero:hover + span::before { + background-color: transparent; + font-family: "Pictos"; + content: "*"; + color: var(--fontColor); + position: relative; + top: -2px; +} +input[type=radio].fill-left.diamonds.radio-zero:hover + span::before { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); +} +input[type=radio].fill-left.gore + span::before { + background-color: var(--red-dk); +} +input[type=radio].fill-left.gore:not(.radio-zero):checked + span::after { + font-family: "Pictos"; + content: "Y"; + width: 0px; + position: relative; + color: var(--fontColor); + top: -7px; + left: -4px; + margin: 0px; +} +input[type=radio].fill-left.gore:not(:checked):hover ~ input[type=radio] + span::before { + border-color: var(--red-lt); +} +input[type=radio].fill-left.gore:not(:checked):hover ~ input[type=radio] + span::after { + color: var(--red-lt); + opacity: 0.4; +} +input[type=radio].fill-left.resource-small + span::before { + width: 13px !important; + height: 13px !important; + font-size: 20px; +} +input[type=radio].fill-left.resource-smaller + span::before { + width: 11px !important; + height: 11px !important; + font-size: 16px; +} +input[type=radio].fill-left.resource-smallerer + span::before { + width: 9px !important; + height: 9px !important; + font-size: 13px; +} + +.action-checkboxes { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +input[type=checkbox].checkbox { + -moz-appearance: none; + -webkit-appearance: none; + -o-appearance: none; + -webkit-font-smoothing: antialiased; + border-radius: 10%; + margin: 2px; + width: 20px !important; + height: 20px !important; + border: 2px solid var(--invertedBackColor) !important; + background-color: transparent; +} +input[type=checkbox].checkbox:checked { + border: 2px solid var(--borderColor) !important; + color: var(--invertedFontColor); +} +input[type=checkbox].checkbox.up:checked::after { + font-family: "Pictos"; + content: "{"; + position: relative; + left: 2px; + top: -2px; +} +input[type=checkbox].checkbox.down:checked::after { + font-family: "Pictos"; + content: "}"; + position: relative; + left: 2px; + top: -3px; +} +input[type=checkbox].checkbox.tick:checked::after { + font-family: "Pictos"; + content: "3"; + position: relative; + left: 1px; + top: -2px; +} +input[type=checkbox].checkbox.cross:checked::after { + font-family: "Pictos"; + content: "*"; + position: relative; + left: 1.5px; + top: -2.5px; +} +input[type=checkbox].checkbox.star { + border-radius: 50%; +} +input[type=checkbox].checkbox.star:checked::after { + font-family: "Pictos"; + content: "S"; + font-size: 1.1rem; + position: relative; + text-align: center; + vertical-align: middle; + top: -5px; +} +input[type=checkbox].checkbox.talent { + width: 20px !important; + margin: 0px !important; + font-family: var(--serifFont); +} +input[type=checkbox].checkbox.I:checked::after { + content: "I"; + position: relative; + text-align: center; + vertical-align: middle; + top: -5px; + left: 4px; +} +input[type=checkbox].checkbox.II:checked::after { + content: "II"; + position: relative; + text-align: center; + vertical-align: middle; + top: -5px; + left: 1px; +} +input[type=checkbox].checkbox.magenta:checked { + background-color: var(--magenta) !important; +} +input[type=checkbox].checkbox.magenta:hover { + background-color: var(--magenta) !important; + opacity: 0.5; +} +input[type=checkbox].checkbox.orange:checked { + background-color: var(--orange) !important; +} +input[type=checkbox].checkbox.orange:hover { + background-color: var(--orange) !important; + opacity: 0.5; +} +input[type=checkbox].checkbox.black:checked { + background-color: var(--r20black) !important; +} +input[type=checkbox].checkbox.black:hover { + background-color: var(--invertedBackColor) !important; +} + +input.radio-zero { + position: relative; +} + +input.radio-zero:checked + span::before { + opacity: 0; +} + +input.radio-zero:hover + span::before { + opacity: 0.25; + font-size: 25px; + font-family: "Pictos"; + content: "*"; + background: none; + background-color: none !important; + border-color: transparent !important; + color: var(--black); + top: 2px; + left: 2px; +} + +input.radio-zero + span::before { + opacity: 0; +} + .resource div.resource_2 { display: none; } @@ -1954,10 +2295,6 @@ div.burdens { display: block; } -input[type=checkbox].magenta { - accent-color: var(--magenta); -} - .input-label { width: auto; } @@ -2028,12 +2365,25 @@ input.dust.ability-info { font-size: 1rem !important; } +span.xp { + color: var(--purple) !important; + padding: 5px !important; +} + +input.xp { + height: 40px !important; + width: 100% !important; + font-size: 1.4rem !important; + color: var(--fontColor) !important; + text-shadow: 0 0 2px var(--purple); +} + .color-receiver { background-color: var(--magenta); } select.color-receiver { - color: var(--invertedFontColor) !important; + color: var(--white) !important; border-radius: 0px !important; } @@ -2113,6 +2463,17 @@ input.ability-info { text-overflow: ellipsis; } +select.type { + margin-bottom: 0px; + font-size: 1.1rem; +} + +.by, .message, +.sheet-by, .sheet-message, +.em, .strong { + color: var(--fontColor); +} + .sheet-rolltemplate-icon { --templateFontSize: 16px; --critColor: var(--magenta); @@ -2122,13 +2483,14 @@ input.ability-info { } .sheet-rolltemplate-darkmode { - --critColor:green; - --fumbleColor:red; - --importantColor:#00ADA2; - --headerBackColor:#2e2e2e; + --critColor: var(--green-lt); + --fumbleColor: var(--red-lt); + --importantColor: var(--blue-lt); + --headerBackColor: var(--grey-dk); } .sheet-rolltemplate-icon { + text-justify: inter-word; padding-bottom: var(--grid-gap); } .sheet-rolltemplate-icon:not(:first-child) { @@ -2137,8 +2499,8 @@ input.ability-info { .sheet-rolltemplate-icon .sheet-header { display: -ms-grid; display: grid; - background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(var(--headerBackColor)), to(transparent)); - background-image: linear-gradient(90deg, transparent, var(--headerBackColor) var(--big-gap) calc(100% - var(--big-gap)), transparent); + border: 1px solid var(--borderColor); + background-color: var(--headerBackColor); padding: var(--half-gap); margin-inline: calc(var(--half-gap) * -1); } @@ -2201,6 +2563,7 @@ input.ability-info { -webkit-box-align: center; -ms-flex-align: center; align-items: center; + line-height: 27px; } .sheet-rolltemplate-icon .sheet-template .sheet-template-row--text { border-top: 2px solid var(--fontColor); @@ -2214,9 +2577,12 @@ input.ability-info { max-height: 20rem; overflow-y: auto; white-space: pre-wrap; + color: var(--fontColor); } .sheet-rolltemplate-icon .sheet-template a { - padding: 0; + position: relative; + left: -10px; + padding: 2px; } .sheet-rolltemplate-icon .sheet-template a:not([href^="!"]), .sheet-rolltemplate-icon .sheet-template a:not([href^="~"]) { color: var(--fontColor); @@ -2233,7 +2599,7 @@ input.ability-info { .sheet-rolltemplate-icon .sheet-template .inlinerollresult { font-size: 1.25em; position: relative; - left: -10px; + color: var(--fontColor); } .sheet-rolltemplate-icon .sheet-template .inlinerollresult[title*="[computed value]"], .sheet-rolltemplate-icon .sheet-template .inlinerollresult[original-title*="[computed value]"] { pointer-events: none; @@ -2251,4 +2617,7 @@ input.ability-info { } .sheet-rolltemplate-icon .sheet-template .inlinerollresult.importantroll { color: var(--importantColor); +} +.sheet-rolltemplate-icon .sheet-template .sheet-result > .inlinerollresult { + left: -8px; } \ No newline at end of file diff --git a/ICON RPG [MassifPress]/system.html b/ICON RPG [MassifPress]/system.html index e99b8846b5..0eb17ffb15 100644 --- a/ICON RPG [MassifPress]/system.html +++ b/ICON RPG [MassifPress]/system.html @@ -87,13 +87,55 @@ @@ -1577,55 +1676,90 @@

[{{character_name}}](http://journal.roll20.net/character/{{character_id}})

{{/character_id}}{{^character_id}}

{{character_name}}

{{/character_id}}{{/character_name}} {{#roll}} -
{{#roll_name}} -
{{roll_name}}
{{/roll_name}}{{^roll_name}} -
{{/roll_name}} - {{roll}}{{#target}}{{target}}{{/target}} -
{{#target}}{{#rollBetween() computed::result 1 1}} -
{{/rollBetween() computed::result 1 1}}{{#rollBetween() computed::result 0 0}} -
{{/rollBetween() computed::result 0 0}}{{/target}}{{/roll}}{{#damage}} -
{{#damage_type}} -
{{roll_name}}
{{/damage_type}}{{^damage_type}} -
{{/damage_type}}{{damage}} -
{{/damage}}{{#range}}
-
{{range}} -
{{/range}}{{#traits}} +
{{#roll_name}} +
{{roll_name}}
{{/roll_name}}{{^roll_name}} +
{{/roll_name}} +
+
{{roll}}{{#target}}**{{target}}**{{/target}} +
+ {{/roll}}{{#hidden-calc}}
-
{{traits}} -
{{/traits}}{{#aspects}} +
+
+
+
+ {{#rollGreater() hidden-calc 0}}{{action-roll0}}{{/rollGreater() hidden-calc 0}} + {{#rollLess() hidden-calc 1}}{{action-roll1}}{{/rollLess() hidden-calc 1}} +
+ {{/hidden-calc}}{{#range}}
-
{{aspects}} -
{{/aspects}}{{#description}} -
-
{{description}} -
{{/description}}{{#effect}} -
-
{{effect}} -
{{/effect}}{{#effect_1}} -
-
{{effect_1}} -
{{/effect_1}}{{#effect_2}} -
-
{{effect_2}} -
{{/effect_2}}{{#effect_3}} -
-
{{effect_3}} -
{{/effect_3}}{{#allprops() character_name character_id name roll_name roll damage damage_type effect effect_1 effect_2 effect_3 description range traits aspects target result}} +
+
+
+
{{range}}
+ {{/range}}{{#damage}} +
+
+
+
+
{{damage}}
+
+
{{#bonus_damage}} +
+
+
+
+
+ {{#rollGreater() roll 19}}{{crit_damage}}{{/rollGreater() roll 19}} + {{#rollLess() roll 20}}{{bonus_damage}}{{/rollLess() roll 20}} +
+
{{/bonus_damage}}{{#miss_damage}} +
+
+
+
+
{{miss_damage}}
+
{{/miss_damage}} +
{{/damage}}{{#text}} +
{{text}}
{{/text}}{{#summary}} +
+
+
{{summary}}
+
+
{{/summary}}{{#info}} +
+
+
{{info}}
+
+
{{/info}}{{#description}} +
*{{description}}*
{{/description}}{{#effect}} +
**{{effect}}**
{{/effect}}{{#talent}} +
+
+

{{talent}} +
+
{{/talent}}{{#mastery}} +
+
{{#mastery_name}} +

{{mastery_name}}

{{mastery}}{{/mastery_name}}{{^mastery_name}} +

{{mastery}}{{/mastery_name}} +
+
{{/mastery}}{{#allprops() character_name character_id name roll_name roll target action-roll0 action-roll1 hidden-calc damage range bonus_damage crit_damage miss_damage effect description text talent mastery_name mastery sheet-result progress max summary info}}
{{key}}
{{value}} -
{{/allprops() character_name character_id name roll_name roll damage damage_type effect effect_1 effect_2 effect_3 description range traits aspects target result}} + {{/allprops() character_name character_id name roll_name roll target action-roll0 action-roll1 hidden-calc damage range bonus_damage crit_damage miss_damage effect description text talent mastery_name mastery sheet-result progress max summary info}}