Que voulez vous faire :
", - buttons: { - one: { - icon: '', - label: "Accéder au site de Edge-Studio", - callback: () => openES(), - }, - two: { - icon: '', - label: "Acheter un PDF du jeu ?", - callback: () => openDTR(), - }, - three: { - icon: '', - label: "Rejoindre le Discord Francophone", - callback: () => openFR(), - }, - four: { - icon: '', - label: "Discord Officiel FoundryVTT", - callback: () => openEN(), - }, - }, - }); - - //------------message et logo dans console - - //----logo image - var logo = document.getElementById("logo"); - logo.setAttribute("src", CONFIG.L5r5e.paths.assets + "l5r-logo.webp"); - - //--------------ouvrir le menu lien sur click logo - logo.setAttribute("title", "Aide en Ligne"); - logo.addEventListener("click", function () { - liensExt.render(true); - }); -}); diff --git a/system/scripts/main-l5r5e.js b/system/scripts/main-l5r5e.js index 5c01c1d..92e4d6d 100644 --- a/system/scripts/main-l5r5e.js +++ b/system/scripts/main-l5r5e.js @@ -259,7 +259,6 @@ Hooks.once("ready", async function () { //-- Logo Menu Link let liensExt = new Dialog({ - classes: ["logo-dialog"], title: game.i18n.localize("l5r5e.logo.title"), content: "" + game.i18n.localize("l5r5e.logo.content") + "
", buttons: { @@ -282,7 +281,6 @@ Hooks.once("ready", async function () { }); //-- Logo var logo = document.getElementById("logo"); - logo.setAttribute("src", game.i18n.localize("l5r5e.logo.src")); //-- Open menu on Logo click logo.setAttribute("title", game.i18n.localize("l5r5e.logo.alt")); diff --git a/system/styles/l5r5e.css b/system/styles/l5r5e.css index ab77d7a..5024f90 100644 --- a/system/styles/l5r5e.css +++ b/system/styles/l5r5e.css @@ -1 +1 @@ -body{background:url("../assets/imgs/background.webp") no-repeat center;background-size:cover}body>*{scrollbar-width:thin}.window-app .window-content{z-index:1;position:relative;background:url("../assets/imgs/bgL5R.webp") no-repeat;background-size:cover;scrollbar-width:thin}.window-app .window-resizable-handle{z-index:2;background:rgba(0,0,0,0.75)}*{transition-property:background, color, border-color, text-shadow, box-shadow;transition-duration:0.5s;transition-timing-function:ease}input[type="text"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="time"]:focus{box-shadow:0 0 6px rgba(255,0,0,0.75)}.tabs .item.active{text-shadow:0 0 10px rgba(255,0,0,0.75)}#controls .scene-control.active,#controls .control-tool.active,#controls .scene-control:hover,#controls .control-tool:hover{box-shadow:0 0 10px rgba(255,0,0,0.75)}button:hover{box-shadow:0 0 10px rgba(255,0,0,0.75)}button:focus{box-shadow:0 0 10px rgba(255,0,0,0.75)}ul,li{list-style-type:none;margin:0;padding:0}.item-list>li{padding:0.25rem;border:1px solid rgba(0,0,0,0.05);border-bottom:0 none}.item-list>li:nth-child(odd){background:rgba(186,187,177,0.2)}.item-list>li:nth-child(even){background:rgba(186,187,177,0.1)}.item-list>li:last-child{border-bottom:1px solid rgba(0,0,0,0.05)}fieldset{flex:1;display:flex;margin:0 0.25rem;padding:0.25rem 0.5rem;border:1px solid rgba(186,187,177,0.5)}fieldset legend{color:#5a6e5a}fieldset .editor{height:calc(100% - 1.5rem)}input[type="text"],input[type="number"],input[type="password"],input[type="date"],input[type="time"]{text-align:center;padding:0.25rem;background:rgba(255,255,255,0.5);border:1px solid rgba(186,187,177,0.5);color:#764f40}input[type="text"][disabled],input[type="number"][disabled],input[type="password"][disabled],input[type="date"][disabled],input[type="time"][disabled]{background:rgba(255,255,255,0.25)}.editor,.editor-content{flex:1;height:100%;min-height:5rem}.earth{color:#699678}.air{color:#917896}.water{color:#5f919b}.fire{color:#9b7350}.void{color:#4b4641}table{text-align:center;background:transparent;border:1px solid rgba(186,187,177,0.5)}table thead{background:rgba(186,187,177,0.5);color:#5a6e5a;text-shadow:none;border-bottom:rgba(186,187,177,0.5)}table tr:nth-child(odd){background:rgba(186,187,177,0.2)}table tr:nth-child(even){background:rgba(186,187,177,0.1)}@font-face{font-family:"LogotypeL5r";src:url("../fonts/LogotypeL5r.ttf") format("truetype")}@font-face{font-family:"BrushtipTexe";src:url("../fonts/BrushtipTexe.ttf") format("truetype")}@font-face{font-family:"PatrickHand";src:url("../fonts/PatrickHand.ttf") format("truetype")}@font-face{font-family:"ManoNegra";src:url("../fonts/ManoNegra.ttf") format("truetype")}@font-face{font-family:"ArchitectsDaughter";src:url("../fonts/ArchitectsDaughter.ttf") format("truetype")}body{font:16px "PatrickHand",sans-serif;letter-spacing:0.05rem}h1,h4{font-family:"BrushtipTexe",sans-serif}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.25rem}p{font-family:"ArchitectsDaughter",sans-serif}i.strife,i.success,i.explosive,i.opportunity,i.d6,i.d12,i.i_earth,i.i_water,i.i_fire,i.i_air,i.i_void{font-family:"LogotypeL5r",sans-serif;line-height:1rem;font-style:normal;font-weight:normal;vertical-align:middle}i.strife:before{content:"f"}i.success:before{content:"s"}i.explosive:before{content:"e"}i.opportunity:before{content:"o"}i.d6:before{content:"r"}i.d12:before{content:"k"}i.i_earth:before{content:"g"}i.i_water:before{content:"w"}i.i_fire:before{content:"i"}i.i_air:before{content:"a"}i.i_void:before{content:"v"}body,#navigation #scene-list .scene.view,#navigation #scene-list .scene.context,#navigation #nav-toggle,#navigation #scene-list .scene.nav-item,#controls .scene-control.active,#controls .control-tool.active,#controls .scene-control:hover,#controls .control-tool:hover,#client-settings .window-content form .form-group>label,#client-settings .window-content form .form-group select,#client-settings .form-group input,.app.window-app .form-group label,#sidebar .sidebar-tab #chat-controls div.roll-type-select select,#sidebar .sidebar-tab #chat-controls div.roll-type-select i.fas{cursor:url("../assets/cursors/normal.webp"),default !important}a,#hotbar .macro,#playlists-popout .global-volume::-webkit-slider-thumb,#sidebar #playlists .global-volume::-webkit-slider-thumb,#playlists-popout li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-thumb,#sidebar #playlists li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-thumb,#sidebar #settings button,.app.window-app.sheet.wfrp4e.actor.character-sheet .tab.main.active .main-row .movement.row-section .move-value .auto-calc-toggle,.app.window-app.sheet.wfrp4e.actor.npc-sheet .main-row .movement.row-section .move-value .auto-calc-toggle,.app.window-app.sheet.wfrp4e.actor.creature-sheet .main-row .movement.row-section .move-value .auto-calc-toggle,.app.window-app .form-group input[type="range"]::-webkit-slider-thumb,.token-sheet .tab[data-tab="image"] input[type="range"]::-webkit-slider-thumb,#drawing-config .tab[data-tab="image"] input[type="range"]::-webkit-slider-thumb,.metacurrency-value,.overcast-button,.chargen-button,#controls .scene-control,#controls .control-tool,#effects-config .flex2::-webkit-slider-thumb,#client-settings section.content .submenu>button,#client-settings .window-content button label,form .form-group .form-fields button,.sidebar-tab .action-buttons button,.dialog .dialog-buttons button,form button{cursor:url("../assets/cursors/pointer.webp"),pointer !important}.draggable{cursor:url("../assets/cursors/drag.webp"),move !important}.dice-roll .dice-formula,.dice-roll .dice-total{background:rgba(255,255,255,0.1);border:rgba(255,255,255,0.75)}.chat-dice>img{border:1px solid transparent;background-repeat:no-repeat;background-position:center;background-size:100%;height:44px;width:44px;outline:none;margin:0;flex:0 0 20px;display:inline-block}.chat-profil{text-align:center;vertical-align:middle}.chat-profil-stance{font-size:40px;position:relative;top:8px;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}.chat-profil-element{flex-wrap:wrap;flex-grow:1}.chat-profil-element-skill{flex-grow:3}.dice-picker-dialog *{transition:none}.dice-picker-dialog input[type="text"]:focus,.dice-picker-dialog input[type="text"]:hover{box-shadow:none !important;border:none !important;text-shadow:none !important}.dice-picker-dialog img{border:0}.dice-picker-dialog table{text-align:center;background:none;border:none}.dice-picker-dialog table td:first-child{width:200px}.dice-picker-dialog table td{width:240px}.dice-picker-dialog table td:last-child{width:200px}.dice-picker-dialog .pointer-choice{cursor:url("../l5r-ui/ui/cursors/pointer.webp"),pointer}.dice-picker-dialog .ring-selection.ring-selected i{text-shadow:0px 2px 2px rgba(255,0,0,0.75)}.dice-picker-dialog .ring-selection.ring-selected strong{color:rgba(255,0,0,0.75);text-decoration:underline}.dice-picker-dialog .ring-selection.ring-selected input{border:2px solid rgba(255,0,0,0.75) !important}.dice-picker-dialog .quantity{font-size:xx-large}.dice-picker-dialog .third{display:inline-block;text-align:center;vertical-align:middle}.dice-picker-dialog .dice-container{position:relative;text-align:center}.dice-picker-dialog .dice-container>img{height:40px;width:40px}.dice-picker-dialog .dice-value{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.dice-picker-dialog .input-dice{width:20px;color:#0f0f0e;background:none;border:none;font-size:large}.dice-picker-dialog .input-dice-ring{color:#f0f0e0}.dice-picker-dialog .input-dice-skill{color:#0f0f0e}button{font-size:0.75rem}#sidebar{padding:0.5rem 0.25rem 0.5rem 0.5rem;background-position:top;background-size:100%;background:url("../assets/ui/bgSidebar.webp") no-repeat;border:1px solid #c3a582;border-radius:0;overflow:initial;height:calc(100% - 1rem);top:0.5rem;min-width:40px}#sidebar:before{z-index:-1;content:"";position:absolute;height:calc(100% + 0.6rem);width:100%;border:1px solid #c3a582;border-radius:0;top:-0.35rem;left:0.25rem}#sidebar #sidebar-tabs{flex:0 0 2rem;box-sizing:border-box;margin:0 0 0.25rem;border-bottom:1px solid rgba(195,165,130,0.5);box-shadow:none;display:flex}#sidebar #sidebar-tabs i{flex:1;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100%;border-radius:100%}#sidebar #sidebar-tabs i.fa-comments{background-image:url("../assets/ui/sidebar/chat.svg")}#sidebar #sidebar-tabs i.fa-comments:before{content:""}#sidebar #sidebar-tabs i.fa-fist-raised{background-image:url("../assets/ui/sidebar/combat-tracker.svg");background-size:85%}#sidebar #sidebar-tabs i.fa-fist-raised:before{content:""}#sidebar #sidebar-tabs i.fa-map{background-image:url("../assets/ui/sidebar/scenes.svg");background-size:80%}#sidebar #sidebar-tabs i.fa-map:before{content:""}#sidebar #sidebar-tabs i.fa-users{background-image:url("../assets/ui/sidebar/actors.svg");background-size:90%}#sidebar #sidebar-tabs i.fa-users:before{content:""}#sidebar #sidebar-tabs i.fa-suitcase{background-image:url("../assets/ui/sidebar/object.svg")}#sidebar #sidebar-tabs i.fa-suitcase:before{content:""}#sidebar #sidebar-tabs i.fa-book-open{background-image:url("../assets/ui/sidebar/journal.svg")}#sidebar #sidebar-tabs i.fa-book-open:before{content:""}#sidebar #sidebar-tabs i.fa-th-list{background-image:url("../assets/ui/sidebar/rolltable.svg");background-size:85%}#sidebar #sidebar-tabs i.fa-th-list:before{content:""}#sidebar #sidebar-tabs i.fa-music{background-image:url("../assets/ui/sidebar/playlist.svg");background-size:80%}#sidebar #sidebar-tabs i.fa-music:before{content:""}#sidebar #sidebar-tabs i.fa-atlas{background-image:url("../assets/ui/sidebar/compendium.svg")}#sidebar #sidebar-tabs i.fa-atlas:before{content:""}#sidebar #sidebar-tabs i.fa-cogs{background-image:url("../assets/ui/sidebar/settings.svg");background-size:85%}#sidebar #sidebar-tabs i.fa-cogs:before{content:""}#sidebar #sidebar-tabs>.item{flex:0 0 1.5rem;height:1.5rem;line-height:1.5rem;margin:0.1rem;border-radius:100%;background:rgba(255,255,255,0.5)}#sidebar #sidebar-tabs>.item.active,#sidebar #sidebar-tabs>.item:hover{background:#fff;border:1px solid #c3a582;box-shadow:0 0 10px rgba(255,255,255,0.5)}#sidebar #sidebar-tabs .collapse{position:relative;flex:0 0 0.85rem;line-height:1.75rem;color:#c3a582;text-align:center}#sidebar #sidebar-tabs .collapse i{background-color:transparent}#sidebar.collapsed #sidebar-tabs>.item.active{border:1px solid #c3a582;box-shadow:0 0 10px rgba(255,255,255,0.5);border-radius:100%}#sidebar.collapsed #sidebar-tabs .collapse{flex:0 0 1.5rem;margin:0.1rem}#sidebar .sidebar-tab .chat-control-icon{cursor:url("../assets/cursors/pointer.webp"),pointer}#sidebar .sidebar-tab .action-buttons button{cursor:default;color:#fff;background:linear-gradient(#af916e, #96785a, #af916e);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#sidebar .sidebar-tab .action-buttons button:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#sidebar #chat-log{margin:0 0 0.5rem}#sidebar #chat-log .message.whisper,#sidebar #chat-log .message.blind{position:relative;font-style:italic}#sidebar #chat-log .message.whisper .message-header .message-metadata:before,#sidebar #chat-log .message.blind .message-header .message-metadata:before{content:" (Private Roll) ";position:absolute;top:-0.5rem;right:0.25rem;font-size:0.5rem;color:rgba(255,255,255,0.5);height:0}#sidebar #chat-log .message.blind .message-header .message-metadata:before{content:" (Blind Roll) "}#sidebar .message-sender{color:#963c41;text-shadow:1px 1px 0px rgba(0,0,0,0.25)}#hotbar{margin:0}#hotbar #action-bar{flex:0 0 100%}#hotbar #action-bar .macro{background-position:center;background-size:100%;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp");border-image:url("../assets/ui/macro-button.webp");border-image-slice:8 fill;border-image-width:0.25rem;border-image-outset:0;border-radius:0}#hotbar #action-bar .macro .macro-key{background:rgba(0,0,0,0.5)}#hotbar #action-bar .macro.active{background:linear-gradient(rgba(0,0,10,0.75), rgba(10,0,20,0.75), rgba(0,0,10,0.75));box-shadow:1px 1px 10px #000 inset;border:1px solid rgba(195,165,130,0.5)}#hotbar #action-bar #macro-list{background:transparent;margin:0;padding:0.05rem;border-radius:0;border:0 none;box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,0.75)}#hotbar .bar-controls{background-position:center;background-size:100%;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image-width:0.5rem;border-image-outset:0px;box-shadow:0 0 0.25rem rgba(0,0,0,0.75);border-radius:0;margin:0 0.5rem}#hotbar .bar-controls a.page-control,#hotbar .bar-controls span.page-number{font-size:1rem;line-height:0.95rem}#players{border-radius:0;background-position:center;background-size:100%;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));background-origin:padding-box;border:1px solid #c3a582;background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image-width:0.5rem;border-image-outset:0px;margin:0;padding:0;left:1.15rem;bottom:0.65rem;box-shadow:inset 0 0 0.5rem rgba(0,0,0,0.75)}#players:before{z-index:-1;position:absolute;content:"";background:transparent url("../assets/ui/players-border.webp") no-repeat 0 0;background-size:100%;display:block;top:-12px;right:10%;left:10%;bottom:0}#logo{height:80px;margin-left:0.5rem;opacity:0.5}#logo:hover{opacity:0.75}#navigation{left:120px}#navigation #nav-toggle,#navigation #scene-list .scene.nav-item{cursor:default;color:#fff;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#navigation #nav-toggle:hover,#navigation #scene-list .scene.nav-item:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#navigation #scene-list .scene.nav-item.active{background:linear-gradient(rgba(65,20,15,0.75), rgba(35,10,5,0.75), rgba(65,20,15,0.75))}#navigation #scene-list .scene.nav-item.active:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#navigation #scene-list .scene.view,#navigation #scene-list .scene.context{cursor:default;color:#fff;background:linear-gradient(rgba(65,20,15,0.75), rgba(35,10,5,0.75), rgba(65,20,15,0.75));background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px;box-shadow:0 0 20px red}#navigation #scene-list .scene.view:hover,#navigation #scene-list .scene.context:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#controls{top:100px}#controls .scene-control.active,#controls .control-tool.active,#controls .scene-control:hover,#controls .control-tool:hover{background:linear-gradient(rgba(65,20,15,0.75), rgba(35,10,5,0.75), rgba(65,20,15,0.75));background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px;box-shadow:0 0 10px rgba(255,0,0,0.75)}#controls .scene-control.active:hover,#controls .control-tool.active:hover,#controls .scene-control:hover:hover,#controls .control-tool:hover:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#controls .scene-control,#controls .control-tool{color:#fff;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#controls .scene-control:hover,#controls .control-tool:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#chat-form textarea,.chat-message,#chat-controls .roll-type-select,.sidebar-tab .directory-header .header-search input{background:transparent url("../assets/ui/chat-texture.webp") no-repeat}.sidebar-tab .directory-header .header-search input{color:#fff}.chat-message .message-header{line-height:2rem;border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:0.25rem;border-radius:0}#playlists .playlist .playlist-header h4{font:0.75rem "PatrickHand",sans-serif;text-transform:uppercase;text-align:right}#settings button{cursor:default;color:#fff;background:linear-gradient(#af916e, #96785a, #af916e);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#settings button:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#combat #combat-round .encounters h3{font-size:0.75rem}.dialo .logo-dialog{height:125px}.dialo .logo-dialog .dialog-buttons button{line-height:1rem}.dialo .logo-dialog .dialog-content{height:1rem}.dialo .logo-dialog .dialog-content p{margin:0}.l5r5e .dice-roll .dice-formula,.l5r5e .dice-roll .dice-total{background:rgba(255,255,255,0.1);border:rgba(255,255,255,0.75)}.l5r5e .chat-dice>img{border:1px solid transparent;background-repeat:no-repeat;background-position:center;background-size:100%;height:44px;width:44px;outline:none;margin:0;flex:0 0 20px;display:inline-block}.l5r5e .chat-profil{text-align:center;vertical-align:middle}.l5r5e .chat-profil-stance{font-size:40px;position:relative;top:8px;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}.l5r5e .chat-profil-element{flex-wrap:wrap;flex-grow:1}.l5r5e .chat-profil-element-skill{flex-grow:3}.l5r5e .dice-picker-dialog *{transition:none}.l5r5e .dice-picker-dialog input[type="text"]:focus,.l5r5e .dice-picker-dialog input[type="text"]:hover{box-shadow:none !important;border:none !important;text-shadow:none !important}.l5r5e .dice-picker-dialog img{border:0}.l5r5e .dice-picker-dialog table{text-align:center;background:none;border:none}.l5r5e .dice-picker-dialog table td:first-child{width:200px}.l5r5e .dice-picker-dialog table td{width:240px}.l5r5e .dice-picker-dialog table td:last-child{width:200px}.l5r5e .dice-picker-dialog .pointer-choice{cursor:url("../l5r-ui/ui/cursors/pointer.webp"),pointer}.l5r5e .dice-picker-dialog .ring-selection.ring-selected i{text-shadow:0px 2px 2px rgba(255,0,0,0.75)}.l5r5e .dice-picker-dialog .ring-selection.ring-selected strong{color:rgba(255,0,0,0.75);text-decoration:underline}.l5r5e .dice-picker-dialog .ring-selection.ring-selected input{border:2px solid rgba(255,0,0,0.75) !important}.l5r5e .dice-picker-dialog .quantity{font-size:xx-large}.l5r5e .dice-picker-dialog .third{display:inline-block;text-align:center;vertical-align:middle}.l5r5e .dice-picker-dialog .dice-container{position:relative;text-align:center}.l5r5e .dice-picker-dialog .dice-container>img{height:40px;width:40px}.l5r5e .dice-picker-dialog .dice-value{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.l5r5e .dice-picker-dialog .input-dice{width:20px;color:#0f0f0e;background:none;border:none;font-size:large}.l5r5e .dice-picker-dialog .input-dice-ring{color:#f0f0e0}.l5r5e .dice-picker-dialog .input-dice-skill{color:#0f0f0e}.l5r5e.sheet{min-width:600px}.l5r5e.sheet.actor .sheet-header{height:28rem}.l5r5e.sheet.actor .sheet-body{height:calc(100% - 28rem)}.l5r5e.sheet.actor .techniques-wrapper fieldset:last-child{margin:0 0 0 0.5rem}.l5r5e.sheet.item .sheet-header,.l5r5e.sheet .technique .sheet-header,.l5r5e.sheet .weapon .sheet-header,.l5r5e.sheet .armor .sheet-header,.l5r5e.sheet .advantages .sheet-header,.l5r5e.sheet .disadvantages .sheet-header{height:10rem}.l5r5e.sheet.item .sheet-body,.l5r5e.sheet .technique .sheet-body,.l5r5e.sheet .weapon .sheet-body,.l5r5e.sheet .armor .sheet-body,.l5r5e.sheet .advantages .sheet-body,.l5r5e.sheet .disadvantages .sheet-body{height:calc(100% - 10rem)}.l5r5e.sheet form{display:flex;flex-wrap:wrap}.l5r5e.sheet .sheet-body{flex:0 0 100%;align-items:flex-start}.l5r5e.sheet .sheet-header{flex:0 0 100%;align-items:flex-start}.l5r5e.sheet .sheet-header input{flex:0 0 3rem;font-size:1.5rem;height:2rem}.l5r5e.sheet .sheet-header h1{flex:auto;margin:0 0 0.25rem 1rem}.l5r5e.sheet .sheet-header h1 input{flex:0 0 100%;font-size:3rem;height:4rem;margin:0.5rem 0 0;width:100%;text-align:right;color:#963c41;background:transparent;border:0 none;border-radius:0;border-bottom:1px solid rgba(90,110,90,0.25)}.l5r5e.sheet .sheet-header h1:before{content:"";position:absolute;background:url("../assets/imgs/brushL5r.webp") no-repeat 0 0;background-size:contain;height:225px;width:100%;z-index:-1;top:-1.5rem;left:-0.25rem}.l5r5e.sheet .sheet-header img{flex:0 0 150px;height:150px;margin-right:0;-o-object-fit:contain;object-fit:contain;background:rgba(255,255,255,0.5);border:1px solid rgba(186,187,177,0.5);--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)))}.l5r5e.sheet .sheet-header .header-fields{position:relative}.l5r5e.sheet .sheet-header .header-fields h2{font-family:"BrushtipTexe",sans-serif;float:left;width:30%;padding:0 0.25rem;margin:1rem 20% 0 0;text-align:center;color:#fff;text-shadow:0 0 1px #5a6e5a;border-bottom:0 none;background:rgba(186,187,177,0.5);--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%))}.l5r5e.sheet .sheet-header .header-fields h2.right{margin:1rem 0 0 20%;-webkit-clip-path:polygon(0% 0, var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 100% 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));clip-path:polygon(0% 0, var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 100% 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)))}.l5r5e.sheet .sheet-header .header-fields h2:before{content:"";position:absolute;height:1px;width:100%}.l5r5e.sheet .sheet-header .identity-wrapper{display:flex;position:initial;flex-wrap:wrap;flex:0 0 calc(100% - 150px - 1.05rem)}.l5r5e.sheet .sheet-header .identity-wrapper .identity-content{flex:0 0 100%;display:flex;flex-wrap:wrap;margin:0.5rem 0 0.5rem 1rem}.l5r5e.sheet .sheet-header .identity-wrapper .identity-content li{flex:33%}.l5r5e.sheet .sheet-header .identity-wrapper .identity-content li:nth-child(1),.l5r5e.sheet .sheet-header .identity-wrapper .identity-content li:nth-child(2){flex:50%;margin:0 0 0.5rem}.l5r5e.sheet .sheet-header .rings{float:left;width:40%;padding:0;position:relative;top:-2.5rem}.l5r5e.sheet .sheet-header .social-content,.l5r5e.sheet .sheet-header .attributes-wrapper{flex:none;float:left;width:30%;flex-direction:column;display:flex;padding:0.5rem 0 0 0.25rem;border-left:2px solid rgba(186,187,177,0.5)}.l5r5e.sheet .sheet-header .social-content li,.l5r5e.sheet .sheet-header .attributes-wrapper li{position:relative}.l5r5e.sheet .sheet-header .social-content li:before,.l5r5e.sheet .sheet-header .attributes-wrapper li:before{content:"";position:absolute;background:linear-gradient(rgba(186,187,177,0.5), rgba(186,187,177,0));height:2px;width:100%;top:-0.25rem;left:-0.25rem}.l5r5e.sheet .sheet-header .social-content li:nth-child(2):before,.l5r5e.sheet .sheet-header .attributes-wrapper li:nth-child(2):before{width:90%}.l5r5e.sheet .sheet-header .social-content li:nth-child(3):before,.l5r5e.sheet .sheet-header .attributes-wrapper li:nth-child(3):before{width:80%}.l5r5e.sheet .sheet-header .social-content li:nth-child(4):before,.l5r5e.sheet .sheet-header .attributes-wrapper li:nth-child(4):before{width:90%}.l5r5e.sheet .sheet-header .social-content label,.l5r5e.sheet .sheet-header .attributes-wrapper label{display:flex;color:#5a6e5a;text-transform:uppercase;font-size:0.75rem;height:3rem;margin:0.25rem 0;flex-direction:row-reverse}.l5r5e.sheet .sheet-header .social-content label strong,.l5r5e.sheet .sheet-header .attributes-wrapper label strong{flex:0 0 calc(100% - 3.5rem)}.l5r5e.sheet .sheet-header .social-content label input,.l5r5e.sheet .sheet-header .attributes-wrapper label input{flex:0 0 3rem;margin:0 0.25rem;height:2.5rem}.l5r5e.sheet .sheet-header .social-content label input[disabled],.l5r5e.sheet .sheet-header .attributes-wrapper label input[disabled]{flex:0 0 3rem;background:transparent}.l5r5e.sheet .sheet-header .attributes-wrapper{padding:0.5rem 0.25rem 0 0;border-left:0 none;border-right:2px solid rgba(186,187,177,0.5)}.l5r5e.sheet .sheet-header .attributes-wrapper li:before{left:auto;right:-0.25rem}.l5r5e.sheet .sheet-header .attributes-wrapper li.void-content:before{width:0}.l5r5e.sheet .sheet-header .attributes-wrapper label{flex-direction:row}.l5r5e.sheet .sheet-header .attributes-wrapper label strong{text-align:right}.l5r5e.sheet .sheet-header .attributes-wrapper label:nth-child(2){position:relative;flex:50%;right:1.5rem}.l5r5e.sheet .sheet-header .attributes-wrapper label:nth-child(2) strong{position:absolute;top:0;left:0;font-size:0.65rem;width:3rem;color:rgba(0,0,0,0.5)}.l5r5e.sheet .sheet-header .attributes-wrapper label:nth-child(2) input{border-top:0 none;font-size:1.25rem;padding-top:0.75rem}.l5r5e.sheet .sheet-header .attributes-wrapper .endurance-content input[disabled],.l5r5e.sheet .sheet-header .attributes-wrapper .composure-content input[disabled]{flex:0 0 4.75rem;padding-right:3rem}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content{display:flex;position:absolute;bottom:0.25rem;right:35%;width:10rem}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label{margin:0}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label strong{flex:1 0 calc(100% - 5rem);padding:0 0.25rem}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label input:nth-child(2){flex:3rem;padding-right:1.25rem}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label input:last-child{flex:1;border:0 none;font-size:1rem;text-align:left;padding-left:0.25rem;padding-top:0.75rem;position:relative;right:2rem}.l5r5e.sheet .sheet-header .attributes-wrapper li{display:flex}.l5r5e.sheet .sheet-header .attributes-wrapper li p{display:none;z-index:2;position:absolute;background:rgba(0,0,0,0.5);color:#fff;padding:0.25rem;bottom:-75%;right:0;--notchSize: 0.5rem;-webkit-clip-path:polygon(0% 0, 0 0%, 100% 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));clip-path:polygon(0% 0, 0 0%, 100% 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)))}.l5r5e.sheet .sheet-header .attributes-wrapper li:hover p{display:block}.l5r5e.sheet .sheet-header .identity-wrapper label{display:flex;color:#5a6e5a;text-transform:uppercase;font-size:0.75rem;line-height:2rem}.l5r5e.sheet .sheet-header .identity-wrapper label input{flex:1;margin:0 1rem 0 0.5rem}.l5r5e.sheet article{background:rgba(255,255,255,0.5);padding:0.5rem;flex-wrap:wrap;min-height:calc(100% - 2.25rem)}.l5r5e.sheet article.tab[data-tab].active{display:flex}.l5r5e.sheet article .stance-content label{display:block;width:100%;line-height:1.5rem;padding:0.25rem;color:#fff}.l5r5e.sheet article .stance-content label.earth{background:#699678}.l5r5e.sheet article .stance-content label.air{background:#917896}.l5r5e.sheet article .stance-content label.water{background:#5f919b}.l5r5e.sheet article .stance-content label.fire{background:#9b7350}.l5r5e.sheet article .stance-content label.void{background:#4b4641}.l5r5e.sheet article .stance-content label input{float:right;position:relative;top:0.3rem;right:0.25rem}.l5r5e.sheet article .stance-content .quick-rules{display:none;height:0;margin:0;padding:0.25rem;font-size:0.75rem;color:rgba(0,0,0,0.75);overflow:hidden;border:1px solid rgba(186,187,177,0.5);transition:height 0.25s ease-in}.l5r5e.sheet article .stance-content:hover .quick-rules{display:block;height:6rem;overflow-y:auto;scrollbar-width:thin}.l5r5e.sheet .xp{flex:0 0 5rem}.l5r5e.sheet table thead th:first-child{flex:0 0 70%}.l5r5e.sheet table tbody th{flex:0 0 70%}.l5r5e.npc .sheet-header h1:before{top:-50%;left:-0.5rem}.l5r5e.npc .sheet-header img{flex:0 0 75px;height:75px;width:75px}.l5r5e.npc .sheet-header fieldset{flex:1 1 100%;min-height:2rem;width:100%}.l5r5e.npc .sheet-header .identity-wrapper{flex:1 1 100%}.l5r5e.npc .sheet-header .identity-wrapper h1{margin:0 0 1rem 1rem}.l5r5e.npc .sheet-header .identity-wrapper .identity-list{flex:0 0 100%;display:flex;margin-bottom:0.5rem}.l5r5e.npc .sheet-header .identity-wrapper .identity-list li{flex:1}.l5r5e.npc .sheet-header .identity-wrapper .identity-list li select{width:100%;background:transparent;border:0 none;text-transform:capitalize}.l5r5e.npc .sheet-header .identity-wrapper .identity-list li input{font-size:1.25rem;height:1.5rem;line-height:1.5rem}.l5r5e.npc .sheet-header .affinities{display:flex;flex-wrap:wrap}.l5r5e.npc .sheet-header .affinities select{position:relative;background:transparent;border:0 none;margin:0;padding:0;text-align:left;font-weight:bold;margin:0 0 0.25rem 0;color:#5a6e5a}.l5r5e.npc .sheet-header .affinities select option{font-family:"PatrickHand",sans-serif}.l5r5e.npc .sheet-header .affinities select option:before{font-family:"LogotypeL5r",sans-serif;line-height:1rem;font-style:normal;font-weight:normal;vertical-align:middle}.l5r5e.npc .sheet-header .affinities select option[value="earth"]:before{content:"g"}.l5r5e.npc .sheet-header .affinities select option[value="water"]:before{content:"w"}.l5r5e.npc .sheet-header .affinities select option[value="fire"]:before{content:"i"}.l5r5e.npc .sheet-header .affinities select option[value="air"]:before{content:"a"}.l5r5e.npc .sheet-header .affinities select option[value="void"]:before{content:"v"}.l5r5e.npc .sheet-header .affinities input{font-size:1rem;flex:1rem;height:1.5rem}.l5r5e.npc .sheet-header .social-content{margin-bottom:0.5rem}.l5r5e.npc .sheet-header .social-content .attitude{height:1.5rem;padding-left:0.25rem}.l5r5e.npc .sheet-header .social-content .attitude input{height:1rem}.l5r5e.npc .sheet-header .social-content .attitude input{height:1.5rem;flex:1;margin-right:0}.l5r5e.npc .npc-skill{display:flex;width:100%;line-height:2rem;font-size:0.75rem;text-align:center}.l5r5e.npc .npc-skill li{flex:1;padding:0.25rem;text-transform:uppercase;color:#fff}.l5r5e.npc .npc-skill li:nth-child(1){background:#4b4641}.l5r5e.npc .npc-skill li:nth-child(2){background:#699678}.l5r5e.npc .npc-skill li:nth-child(3){background:#9b7350}.l5r5e.npc .npc-skill li:nth-child(4){background:#917896}.l5r5e.npc .npc-skill li:nth-child(5){flex:1.25;background:#5f919b}.l5r5e.npc .npc-skill input[type="text"]{float:right;font-size:1.25rem;height:2rem;width:1rem;margin:0;padding:0;border:0 none;background:transparent;color:#fff}.l5r5e.npc article{min-height:auto;display:flex}.l5r5e.npc article .items-content{flex:0 0 calc(100% - 0.5rem);margin:0.5rem 0.25rem 0}.l5r5e nav.sheet-tabs{font-family:"BrushtipTexe",sans-serif;border:0 none;margin-bottom:0;background:rgba(255,255,255,0.5);color:rgba(0,0,0,0.5);--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100%) 100%, var(--notchSize) 100%, 0% calc(100%));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100%) 100%, var(--notchSize) 100%, 0% calc(100%))}.l5r5e nav .item:hover{background-color:#5a6e5a;color:rgba(255,255,255,0.65);text-shadow:none;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%, 0% 0%, 0% 100%);clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%, 0% 0%, 0% 100%)}.l5r5e nav .item.active{height:2.5rem;line-height:2rem;background-color:rgba(73,12,11,0.85);color:#fff;background-color:rgba(73,12,11,0.85);-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%, 0% 0%, 0% 100%);clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%, 0% 0%, 0% 100%)}.l5r5e nav .item.active:hover{background-color:rgba(73,12,11,0.85);cursor:default}.l5r5e .rings{display:flex;flex-wrap:wrap;color:rgba(255,255,255,0.65)}.l5r5e .rings #earth,.l5r5e .rings #air,.l5r5e .rings #water,.l5r5e .rings #fire,.l5r5e .rings #void{position:relative;flex:1 1 50%;text-align:center}.l5r5e .rings #earth i.i_earth,.l5r5e .rings #earth i.i_water,.l5r5e .rings #earth i.i_fire,.l5r5e .rings #earth i.i_air,.l5r5e .rings #earth i.i_void,.l5r5e .rings #air i.i_earth,.l5r5e .rings #air i.i_water,.l5r5e .rings #air i.i_fire,.l5r5e .rings #air i.i_air,.l5r5e .rings #air i.i_void,.l5r5e .rings #water i.i_earth,.l5r5e .rings #water i.i_water,.l5r5e .rings #water i.i_fire,.l5r5e .rings #water i.i_air,.l5r5e .rings #water i.i_void,.l5r5e .rings #fire i.i_earth,.l5r5e .rings #fire i.i_water,.l5r5e .rings #fire i.i_fire,.l5r5e .rings #fire i.i_air,.l5r5e .rings #fire i.i_void,.l5r5e .rings #void i.i_earth,.l5r5e .rings #void i.i_water,.l5r5e .rings #void i.i_fire,.l5r5e .rings #void i.i_air,.l5r5e .rings #void i.i_void{font-size:5rem;line-height:4.75rem}.l5r5e .rings #earth label,.l5r5e .rings #air label,.l5r5e .rings #water label,.l5r5e .rings #fire label,.l5r5e .rings #void label{position:relative;width:5rem;line-height:0;float:right}.l5r5e .rings #earth input,.l5r5e .rings #air input,.l5r5e .rings #water input,.l5r5e .rings #fire input,.l5r5e .rings #void input{position:absolute;height:2rem;width:2rem;border-radius:100%;top:0;left:0;text-align:center;font-size:1rem;border:2px solid rgba(186,187,177,0.5);color:rgba(255,255,255,0.65)}.l5r5e .rings #earth input:hover,.l5r5e .rings #air input:hover,.l5r5e .rings #water input:hover,.l5r5e .rings #fire input:hover,.l5r5e .rings #void input:hover{border:2px solid rgba(255,0,0,0.75);text-shadow:0 0 6px rgba(255,0,0,0.75);box-shadow:0 0 6px inset rgba(255,0,0,0.75)}.l5r5e .rings #earth{float:right;color:#699678}.l5r5e .rings #earth input{top:auto;right:0;bottom:-0.9rem;left:auto;background:#699678}.l5r5e .rings #earth label strong{position:absolute;bottom:0.75rem;left:-1.75rem}.l5r5e .rings #air{color:#917896}.l5r5e .rings #air input{top:auto;right:auto;bottom:-0.9rem;left:0;background:#917896}.l5r5e .rings #air label{float:left}.l5r5e .rings #air label strong{position:absolute;bottom:0.75rem;right:-1rem}.l5r5e .rings #water{float:right;color:#5f919b;padding-right:2rem}.l5r5e .rings #water input{top:17%;right:-1.25rem;bottom:auto;left:auto;background:#5f919b}.l5r5e .rings #water label strong{position:absolute;bottom:-0.75rem;right:2rem}.l5r5e .rings #fire{color:#9b7350;padding-left:2rem}.l5r5e .rings #fire input{top:17%;right:auto;bottom:auto;left:-1.25rem;background:#9b7350}.l5r5e .rings #fire label{float:left}.l5r5e .rings #fire label strong{position:absolute;bottom:-0.75rem;right:2rem}.l5r5e .rings #void{top:-2rem;margin:0 calc(50% - 2.5rem);color:#4b4641}.l5r5e .rings #void input{top:-1rem;right:auto;bottom:auto;left:30%;background:#4b4641}.l5r5e .rings #void label strong{position:absolute;bottom:-0.75rem;left:1.75rem}.l5r5e.sheet article .skills-wrapper,.l5r5e.sheet article .techniques-wrapper{flex:50%}.l5r5e.sheet article .skills-wrapper>li,.l5r5e.sheet article .techniques-wrapper>li{display:flex;flex-wrap:wrap;font-size:0.85rem;margin:0 0 1rem;border:1px solid rgba(186,187,177,0.5);--notchSize: 0.75rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%);clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%)}.l5r5e.sheet article .skills-wrapper>li h4,.l5r5e.sheet article .techniques-wrapper>li h4{flex:100%;margin:0;padding:0.5rem 0.5rem 0;text-align:center;background:rgba(186,187,177,0.5);color:#5a6e5a;--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%))}.l5r5e.sheet article .skills-wrapper>li ul,.l5r5e.sheet article .techniques-wrapper>li ul{flex:50%;padding:0.25rem 0.5rem 0.25rem 0}.l5r5e.sheet article .skills-wrapper>li ul li,.l5r5e.sheet article .techniques-wrapper>li ul li{text-align:left;line-height:2rem;margin:0.25rem 0}.l5r5e.sheet article .skills-wrapper>li ul li.skill,.l5r5e.sheet article .techniques-wrapper>li ul li.skill{text-align:right}.l5r5e.sheet article .skills-wrapper>li ul li.skill span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill span{color:rgba(0,0,0,0.5)}.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="melee"] span,.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="ranged"] span,.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="unarmed"] span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill[data-skill="melee"] span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill[data-skill="ranged"] span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill[data-skill="unarmed"] span{float:left;line-height:1rem;width:calc(100% - 2rem)}.l5r5e.sheet article .skills-wrapper>li ul.skill-category-ring-actions,.l5r5e.sheet article .techniques-wrapper>li ul.skill-category-ring-actions{padding:0.25rem 0 0.25rem 0.5rem;border-left:1px solid rgba(186,187,177,0.5)}.l5r5e.sheet article .skills-wrapper>li input,.l5r5e.sheet article .techniques-wrapper>li input{width:1.75rem;height:1.75rem;text-align:center}.l5r5e.sheet article .skills-wrapper>li:last-child,.l5r5e.sheet article .techniques-wrapper>li:last-child{margin:0}.l5r5e .item-list{flex:100%}.l5r5e .item-list .item .item-header{display:flex}.l5r5e .item-list .item .item-header .item-img{flex:0 0 32px;padding-right:0.25rem}.l5r5e .item-list .item .item-header .item-img img{border:1px solid rgba(0,0,0,0.1)}.l5r5e .item-list .item .item-header .item-name{flex:1 1 auto}.l5r5e .item-list .item .item-header .item-edit,.l5r5e .item-list .item .item-header .item-delete,.l5r5e .item-list .item .item-header .technique-edit,.l5r5e .item-list .item .item-header .technique-delete{flex:0 0 1rem;padding:0 0.25rem}.l5r5e .item-list .item .item-header .icon-stat-container{padding:0 0.25rem}.l5r5e .item-list .item .item-description{flex:unset;display:block;height:0;overflow:hidden;background:rgba(0,0,0,0.05);transition:height 0.25s ease-in}.l5r5e .item-list .item:hover .item-description{height:5rem;overflow-y:auto;scrollbar-width:thin}.l5r5e .item-list .item p{font-size:0.85rem;margin:0;padding:0 0.5rem;max-width:100%}.l5r5e .item-list .item p:first-child{padding-top:0.5rem}.l5r5e .item-list .item p:last-child{padding-bottom:0.5rem} +body{background:url("../assets/imgs/background.webp") no-repeat center;background-size:cover}body>*{scrollbar-width:thin}.window-app .window-content{z-index:1;position:relative;background:url("../assets/imgs/bgL5R.webp") no-repeat;background-size:cover;scrollbar-width:thin}.window-app .window-resizable-handle{z-index:2;background:rgba(0,0,0,0.75)}*{transition-property:background, color, border-color, text-shadow, box-shadow;transition-duration:0.5s;transition-timing-function:ease}input[type="text"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="time"]:focus{box-shadow:0 0 6px rgba(255,0,0,0.75)}.tabs .item.active{text-shadow:0 0 10px rgba(255,0,0,0.75)}#controls .scene-control.active,#controls .control-tool.active,#controls .scene-control:hover,#controls .control-tool:hover{box-shadow:0 0 10px rgba(255,0,0,0.75)}button:hover{box-shadow:0 0 10px rgba(255,0,0,0.75)}button:focus{box-shadow:0 0 10px rgba(255,0,0,0.75)}option{font-size:1rem;line-height:1.5rem;padding:0.25rem;color:rgba(0,0,0,0.75)}ul,li{list-style-type:none;margin:0;padding:0}.item-list>li{padding:0.25rem;border:1px solid rgba(0,0,0,0.05);border-bottom:0 none}.item-list>li:nth-child(odd){background:rgba(186,187,177,0.2)}.item-list>li:nth-child(even){background:rgba(186,187,177,0.1)}.item-list>li:last-child{border-bottom:1px solid rgba(0,0,0,0.05)}fieldset{flex:1;display:flex;margin:0 0.25rem;padding:0.25rem 0.5rem;border:1px solid rgba(186,187,177,0.5)}fieldset legend{color:#5a6e5a}fieldset .editor{height:calc(100% - 1.5rem)}input[type="text"],input[type="number"],input[type="password"],input[type="date"],input[type="time"]{text-align:center;padding:0.25rem;background:rgba(255,255,255,0.5);border:1px solid rgba(186,187,177,0.5);color:#764f40}input[type="text"][disabled],input[type="number"][disabled],input[type="password"][disabled],input[type="date"][disabled],input[type="time"][disabled]{background:rgba(255,255,255,0.25)}.editor,.editor-content{flex:1;height:100%;min-height:5rem}.earth{color:#699678}.air{color:#917896}.water{color:#5f919b}.fire{color:#9b7350}.void{color:#4b4641}table{text-align:center;background:transparent;border:1px solid rgba(186,187,177,0.5)}table thead{background:rgba(186,187,177,0.5);color:#5a6e5a;text-shadow:none;border-bottom:rgba(186,187,177,0.5)}table tr:nth-child(odd){background:rgba(186,187,177,0.2)}table tr:nth-child(even){background:rgba(186,187,177,0.1)}@font-face{font-family:"LogotypeL5r";src:url("../fonts/LogotypeL5r.ttf") format("truetype")}@font-face{font-family:"BrushtipTexe";src:url("../fonts/BrushtipTexe.ttf") format("truetype")}@font-face{font-family:"PatrickHand";src:url("../fonts/PatrickHand.ttf") format("truetype")}@font-face{font-family:"ManoNegra";src:url("../fonts/ManoNegra.ttf") format("truetype")}@font-face{font-family:"ArchitectsDaughter";src:url("../fonts/ArchitectsDaughter.ttf") format("truetype")}body{font:16px "PatrickHand",sans-serif;letter-spacing:0.05rem}h1,h4{font-family:"BrushtipTexe",sans-serif}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.25rem}p{font-family:"ArchitectsDaughter",sans-serif}i.strife,i.success,i.explosive,i.opportunity,i.i_earth,i.i_water,i.i_fire,i.i_air,i.i_void,i.i_kiho,i.i_maho,i.i_ninjitsu,i.i_prerequisite_exemption,i.i_rituals,i.i_shuji,i.i_invocations,i.i_kata,i.i_imperial,i.i_crab,i.i_crane,i.i_dragon,i.i_lion,i.i_mantis,i.i_phoenix,i.i_scorpion,i.i_tortoise,i.i_unicorn,i.i_bushi,i.i_courtier,i.i_shugenja{font-family:"LogotypeL5r",sans-serif;line-height:1rem;font-style:normal;font-weight:normal;vertical-align:middle}i.strife:before{content:"\E91B"}i.success:before{content:"\E91C"}i.explosive:before{content:"\E91D"}i.opportunity:before{content:"\E91A"}i.i_earth:before{content:"\E90C"}i.i_water:before{content:"\E90A"}i.i_fire:before{content:"\E908"}i.i_air:before{content:"\E90B"}i.i_void:before{content:"\E909"}i.i_kiho:before{content:"\E900"}i.i_maho:before{content:"\E901"}i.i_ninjitsu:before{content:"\E902"}i.i_prerequisite_exemption:before{content:"\E903"}i.i_rituals:before{content:"\E904"}i.i_shuji:before{content:"\E905"}i.i_invocations:before{content:"\E906"}i.i_kata:before{content:"\E907"}i.i_imperial:before{content:"\E90D"}i.i_crab:before{content:"\E914"}i.i_crane:before{content:"\E915"}i.i_dragon:before{content:"\E916"}i.i_lion:before{content:"\E90E"}i.i_mantis:before{content:"\E90F"}i.i_phoenix:before{content:"\E910"}i.i_scorpion:before{content:"\E911"}i.i_tortoise:before{content:"\E912"}i.i_unicorn:before{content:"\E913"}i.i_bushi:before{content:"\E917";color:#a55a5a}i.i_courtier:before{content:"\E918";color:#6982a5}i.i_shugenja:before{content:"\E919"}body,#navigation #scene-list .scene.view,#navigation #scene-list .scene.context,#navigation #nav-toggle,#navigation #scene-list .scene.nav-item,#controls .scene-control.active,#controls .control-tool.active,#controls .scene-control:hover,#controls .control-tool:hover,#client-settings .window-content form .form-group>label,#client-settings .window-content form .form-group select,#client-settings .form-group input,.app.window-app .form-group label,#sidebar .sidebar-tab #chat-controls div.roll-type-select select,#sidebar .sidebar-tab #chat-controls div.roll-type-select i.fas{cursor:url("../assets/cursors/normal.webp"),default !important}a,#hotbar .macro,#playlists-popout .global-volume::-webkit-slider-thumb,#sidebar #playlists .global-volume::-webkit-slider-thumb,#playlists-popout li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-thumb,#sidebar #playlists li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-thumb,#sidebar #settings button,.app.window-app.sheet.wfrp4e.actor.character-sheet .tab.main.active .main-row .movement.row-section .move-value .auto-calc-toggle,.app.window-app.sheet.wfrp4e.actor.npc-sheet .main-row .movement.row-section .move-value .auto-calc-toggle,.app.window-app.sheet.wfrp4e.actor.creature-sheet .main-row .movement.row-section .move-value .auto-calc-toggle,.app.window-app .form-group input[type="range"]::-webkit-slider-thumb,.token-sheet .tab[data-tab="image"] input[type="range"]::-webkit-slider-thumb,#drawing-config .tab[data-tab="image"] input[type="range"]::-webkit-slider-thumb,.metacurrency-value,.overcast-button,.chargen-button,#controls .scene-control,#controls .control-tool,#effects-config .flex2::-webkit-slider-thumb,#client-settings section.content .submenu>button,#client-settings .window-content button label,form .form-group .form-fields button,.sidebar-tab .action-buttons button,.dialog .dialog-buttons button,form button{cursor:url("../assets/cursors/pointer.webp"),pointer !important}.draggable{cursor:url("../assets/cursors/drag.webp"),move !important}.dice-roll .dice-formula,.dice-roll .dice-total{background:rgba(255,255,255,0.1);border:rgba(255,255,255,0.75)}.chat-dice>img{border:1px solid transparent;background-repeat:no-repeat;background-position:center;background-size:100%;height:44px;width:44px;outline:none;margin:0;flex:0 0 20px;display:inline-block}.chat-profil{text-align:center;vertical-align:middle}.chat-profil-stance{font-size:40px;position:relative;top:8px;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}.chat-profil-element{flex-wrap:wrap;flex-grow:1}.chat-profil-element-skill{flex-grow:3}.dice-picker-dialog *{transition:none}.dice-picker-dialog input[type="text"]:focus,.dice-picker-dialog input[type="text"]:hover{box-shadow:none !important;border:none !important;text-shadow:none !important}.dice-picker-dialog img{border:0}.dice-picker-dialog table{text-align:center;background:none;border:none}.dice-picker-dialog table td:first-child{width:200px}.dice-picker-dialog table td{width:240px}.dice-picker-dialog table td:last-child{width:200px}.dice-picker-dialog .pointer-choice{cursor:url("../l5r-ui/ui/cursors/pointer.webp"),pointer}.dice-picker-dialog .ring-selection.ring-selected i{text-shadow:0px 2px 2px rgba(255,0,0,0.75)}.dice-picker-dialog .ring-selection.ring-selected strong{color:rgba(255,0,0,0.75);text-decoration:underline}.dice-picker-dialog .ring-selection.ring-selected input{border:2px solid rgba(255,0,0,0.75) !important}.dice-picker-dialog .quantity{font-size:xx-large}.dice-picker-dialog .third{display:inline-block;text-align:center;vertical-align:middle}.dice-picker-dialog .dice-container{position:relative;text-align:center}.dice-picker-dialog .dice-container>img{height:40px;width:40px}.dice-picker-dialog .dice-value{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.dice-picker-dialog .input-dice{width:20px;color:#0f0f0e;background:none;border:none;font-size:large}.dice-picker-dialog .input-dice-ring{color:#f0f0e0}.dice-picker-dialog .input-dice-skill{color:#0f0f0e}button{font-size:0.75rem}#sidebar{padding:0.5rem 0.25rem 0.5rem 0.5rem;background-position:top;background-size:100%;background:url("../assets/ui/bgSidebar.webp") no-repeat;border:1px solid #c3a582;border-radius:0;overflow:initial;height:calc(100% - 1rem);top:0.5rem;min-width:40px}#sidebar:before{z-index:-1;content:"";position:absolute;height:calc(100% + 0.6rem);width:100%;border:1px solid #c3a582;border-radius:0;top:-0.35rem;left:0.25rem}#sidebar #sidebar-tabs{flex:0 0 2rem;box-sizing:border-box;margin:0 0 0.25rem;border-bottom:1px solid rgba(195,165,130,0.5);box-shadow:none;display:flex}#sidebar #sidebar-tabs i{flex:1;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100%;border-radius:100%}#sidebar #sidebar-tabs i.fa-comments{background-image:url("../assets/ui/sidebar/chat.svg")}#sidebar #sidebar-tabs i.fa-comments:before{content:""}#sidebar #sidebar-tabs i.fa-fist-raised{background-image:url("../assets/ui/sidebar/combat-tracker.svg");background-size:85%}#sidebar #sidebar-tabs i.fa-fist-raised:before{content:""}#sidebar #sidebar-tabs i.fa-map{background-image:url("../assets/ui/sidebar/scenes.svg");background-size:80%}#sidebar #sidebar-tabs i.fa-map:before{content:""}#sidebar #sidebar-tabs i.fa-users{background-image:url("../assets/ui/sidebar/actors.svg");background-size:90%}#sidebar #sidebar-tabs i.fa-users:before{content:""}#sidebar #sidebar-tabs i.fa-suitcase{background-image:url("../assets/ui/sidebar/object.svg")}#sidebar #sidebar-tabs i.fa-suitcase:before{content:""}#sidebar #sidebar-tabs i.fa-book-open{background-image:url("../assets/ui/sidebar/journal.svg")}#sidebar #sidebar-tabs i.fa-book-open:before{content:""}#sidebar #sidebar-tabs i.fa-th-list{background-image:url("../assets/ui/sidebar/rolltable.svg");background-size:85%}#sidebar #sidebar-tabs i.fa-th-list:before{content:""}#sidebar #sidebar-tabs i.fa-music{background-image:url("../assets/ui/sidebar/playlist.svg");background-size:80%}#sidebar #sidebar-tabs i.fa-music:before{content:""}#sidebar #sidebar-tabs i.fa-atlas{background-image:url("../assets/ui/sidebar/compendium.svg")}#sidebar #sidebar-tabs i.fa-atlas:before{content:""}#sidebar #sidebar-tabs i.fa-cogs{background-image:url("../assets/ui/sidebar/settings.svg");background-size:85%}#sidebar #sidebar-tabs i.fa-cogs:before{content:""}#sidebar #sidebar-tabs>.item{flex:0 0 1.5rem;height:1.5rem;line-height:1.5rem;margin:0.1rem;border-radius:100%;background:rgba(255,255,255,0.5)}#sidebar #sidebar-tabs>.item.active,#sidebar #sidebar-tabs>.item:hover{background:#fff;border:1px solid #c3a582;box-shadow:0 0 10px rgba(255,255,255,0.5)}#sidebar #sidebar-tabs .collapse{position:relative;flex:0 0 0.85rem;line-height:1.75rem;color:#c3a582;text-align:center}#sidebar #sidebar-tabs .collapse i{background-color:transparent}#sidebar.collapsed #sidebar-tabs>.item.active{border:1px solid #c3a582;box-shadow:0 0 10px rgba(255,255,255,0.5);border-radius:100%}#sidebar.collapsed #sidebar-tabs .collapse{flex:0 0 1.5rem;margin:0.1rem}#sidebar .sidebar-tab .chat-control-icon{cursor:url("../assets/cursors/pointer.webp"),pointer}#sidebar .sidebar-tab .action-buttons button{cursor:default;color:#fff;background:linear-gradient(#af916e, #96785a, #af916e);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#sidebar .sidebar-tab .action-buttons button:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#sidebar #chat-log{margin:0 0 0.5rem}#sidebar #chat-log .message.whisper,#sidebar #chat-log .message.blind{position:relative;font-style:italic}#sidebar #chat-log .message.whisper .message-header .message-metadata:before,#sidebar #chat-log .message.blind .message-header .message-metadata:before{content:" (Private Roll) ";position:absolute;top:-0.5rem;right:0.25rem;font-size:0.5rem;color:rgba(255,255,255,0.5);height:0}#sidebar #chat-log .message.blind .message-header .message-metadata:before{content:" (Blind Roll) "}#sidebar .message-sender{color:#963c41;text-shadow:1px 1px 0px rgba(0,0,0,0.25)}#hotbar{margin:0}#hotbar #action-bar{flex:0 0 100%}#hotbar #action-bar .macro{background-position:center;background-size:100%;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp");border-image:url("../assets/ui/macro-button.webp");border-image-slice:8 fill;border-image-width:0.25rem;border-image-outset:0;border-radius:0}#hotbar #action-bar .macro .macro-key{background:rgba(0,0,0,0.5)}#hotbar #action-bar .macro.active{background:linear-gradient(rgba(0,0,10,0.75), rgba(10,0,20,0.75), rgba(0,0,10,0.75));box-shadow:1px 1px 10px #000 inset;border:1px solid rgba(195,165,130,0.5)}#hotbar #action-bar #macro-list{background:transparent;margin:0;padding:0.05rem;border-radius:0;border:0 none;box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,0.75)}#hotbar .bar-controls{background-position:center;background-size:100%;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image-width:0.5rem;border-image-outset:0px;box-shadow:0 0 0.25rem rgba(0,0,0,0.75);border-radius:0;margin:0 0.5rem}#hotbar .bar-controls a.page-control,#hotbar .bar-controls span.page-number{font-size:1rem;line-height:0.95rem}#players{border-radius:0;background-position:center;background-size:100%;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));background-origin:padding-box;border:1px solid #c3a582;background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image-width:0.5rem;border-image-outset:0px;margin:0;padding:0;left:1.15rem;bottom:0.65rem;box-shadow:inset 0 0 0.5rem rgba(0,0,0,0.75)}#players:before{z-index:-1;position:absolute;content:"";background:transparent url("../assets/ui/players-border.webp") no-repeat 0 0;background-size:100%;display:block;top:-12px;right:10%;left:10%;bottom:0}#logo{content:url("../assets/l5r-logo.webp");height:80px;margin-left:0.5rem;opacity:0.5}#logo:hover{opacity:0.75}#navigation{left:120px}#navigation #nav-toggle,#navigation #scene-list .scene.nav-item{cursor:default;color:#fff;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#navigation #nav-toggle:hover,#navigation #scene-list .scene.nav-item:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#navigation #scene-list .scene.nav-item.active{background:linear-gradient(rgba(65,20,15,0.75), rgba(35,10,5,0.75), rgba(65,20,15,0.75))}#navigation #scene-list .scene.nav-item.active:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#navigation #scene-list .scene.view,#navigation #scene-list .scene.context{cursor:default;color:#fff;background:linear-gradient(rgba(65,20,15,0.75), rgba(35,10,5,0.75), rgba(65,20,15,0.75));background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px;box-shadow:0 0 20px red}#navigation #scene-list .scene.view:hover,#navigation #scene-list .scene.context:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#controls{top:100px}#controls .scene-control.active,#controls .control-tool.active,#controls .scene-control:hover,#controls .control-tool:hover{background:linear-gradient(rgba(65,20,15,0.75), rgba(35,10,5,0.75), rgba(65,20,15,0.75));background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px;box-shadow:0 0 10px rgba(255,0,0,0.75)}#controls .scene-control.active:hover,#controls .control-tool.active:hover,#controls .scene-control:hover:hover,#controls .control-tool:hover:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#controls .scene-control,#controls .control-tool{color:#fff;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#controls .scene-control:hover,#controls .control-tool:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#chat-form textarea,.chat-message,#chat-controls .roll-type-select,.sidebar-tab .directory-header .header-search input{background:transparent url("../assets/ui/chat-texture.webp") no-repeat}.sidebar-tab .directory-header .header-search input{color:#fff}.chat-message .message-header{line-height:2rem;border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:0.25rem;border-radius:0}#playlists .playlist .playlist-header h4{font:0.75rem "PatrickHand",sans-serif;text-transform:uppercase;text-align:right}#settings button{cursor:default;color:#fff;background:linear-gradient(#af916e, #96785a, #af916e);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#settings button:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#combat #combat-round .encounters h3{font-size:0.75rem}.dialo .logo-dialog{height:125px}.dialo .logo-dialog .dialog-buttons button{line-height:1rem}.dialo .logo-dialog .dialog-content{height:1rem}.dialo .logo-dialog .dialog-content p{margin:0}#pause img{content:url("../assets/icons/pause.svg")}.l5r5e .dice-roll .dice-formula,.l5r5e .dice-roll .dice-total{background:rgba(255,255,255,0.1);border:rgba(255,255,255,0.75)}.l5r5e .chat-dice>img{border:1px solid transparent;background-repeat:no-repeat;background-position:center;background-size:100%;height:44px;width:44px;outline:none;margin:0;flex:0 0 20px;display:inline-block}.l5r5e .chat-profil{text-align:center;vertical-align:middle}.l5r5e .chat-profil-stance{font-size:40px;position:relative;top:8px;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}.l5r5e .chat-profil-element{flex-wrap:wrap;flex-grow:1}.l5r5e .chat-profil-element-skill{flex-grow:3}.l5r5e .dice-picker-dialog *{transition:none}.l5r5e .dice-picker-dialog input[type="text"]:focus,.l5r5e .dice-picker-dialog input[type="text"]:hover{box-shadow:none !important;border:none !important;text-shadow:none !important}.l5r5e .dice-picker-dialog img{border:0}.l5r5e .dice-picker-dialog table{text-align:center;background:none;border:none}.l5r5e .dice-picker-dialog table td:first-child{width:200px}.l5r5e .dice-picker-dialog table td{width:240px}.l5r5e .dice-picker-dialog table td:last-child{width:200px}.l5r5e .dice-picker-dialog .pointer-choice{cursor:url("../l5r-ui/ui/cursors/pointer.webp"),pointer}.l5r5e .dice-picker-dialog .ring-selection.ring-selected i{text-shadow:0px 2px 2px rgba(255,0,0,0.75)}.l5r5e .dice-picker-dialog .ring-selection.ring-selected strong{color:rgba(255,0,0,0.75);text-decoration:underline}.l5r5e .dice-picker-dialog .ring-selection.ring-selected input{border:2px solid rgba(255,0,0,0.75) !important}.l5r5e .dice-picker-dialog .quantity{font-size:xx-large}.l5r5e .dice-picker-dialog .third{display:inline-block;text-align:center;vertical-align:middle}.l5r5e .dice-picker-dialog .dice-container{position:relative;text-align:center}.l5r5e .dice-picker-dialog .dice-container>img{height:40px;width:40px}.l5r5e .dice-picker-dialog .dice-value{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.l5r5e .dice-picker-dialog .input-dice{width:20px;color:#0f0f0e;background:none;border:none;font-size:large}.l5r5e .dice-picker-dialog .input-dice-ring{color:#f0f0e0}.l5r5e .dice-picker-dialog .input-dice-skill{color:#0f0f0e}.l5r5e.sheet{min-width:600px}.l5r5e.sheet.actor .sheet-header{height:28rem}.l5r5e.sheet.actor .sheet-body{height:calc(100% - 28rem)}.l5r5e.sheet.actor .techniques-wrapper fieldset:last-child{margin:0 0 0 0.5rem}.l5r5e.sheet.item .sheet-header,.l5r5e.sheet .technique .sheet-header,.l5r5e.sheet .weapon .sheet-header,.l5r5e.sheet .armor .sheet-header,.l5r5e.sheet .advantages .sheet-header,.l5r5e.sheet .disadvantages .sheet-header{height:10rem}.l5r5e.sheet.item .sheet-body,.l5r5e.sheet .technique .sheet-body,.l5r5e.sheet .weapon .sheet-body,.l5r5e.sheet .armor .sheet-body,.l5r5e.sheet .advantages .sheet-body,.l5r5e.sheet .disadvantages .sheet-body{height:calc(100% - 10rem)}.l5r5e.sheet form{display:flex;flex-wrap:wrap}.l5r5e.sheet .sheet-body{flex:0 0 100%;align-items:flex-start}.l5r5e.sheet .sheet-header{flex:0 0 100%;align-items:flex-start}.l5r5e.sheet .sheet-header input{flex:0 0 3rem;font-size:1.5rem;height:2rem}.l5r5e.sheet .sheet-header h1{flex:auto;margin:0 0 0.25rem 1rem}.l5r5e.sheet .sheet-header h1 input{flex:0 0 100%;font-size:3rem;height:4rem;margin:0.5rem 0 0;width:100%;text-align:right;color:#963c41;background:transparent;border:0 none;border-radius:0;border-bottom:1px solid rgba(90,110,90,0.25)}.l5r5e.sheet .sheet-header h1:before{content:"";position:absolute;background:url("../assets/imgs/brushL5r.webp") no-repeat 0 0;background-size:contain;height:225px;width:100%;z-index:-1;top:-1.5rem;left:-0.25rem}.l5r5e.sheet .sheet-header img{flex:0 0 150px;height:150px;margin-right:0;-o-object-fit:contain;object-fit:contain;background:rgba(255,255,255,0.5);border:1px solid rgba(186,187,177,0.5);--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)))}.l5r5e.sheet .sheet-header .header-fields{position:relative}.l5r5e.sheet .sheet-header .header-fields h2{font-family:"BrushtipTexe",sans-serif;float:left;width:30%;padding:0 0.25rem;margin:1rem 20% 0 0;text-align:center;color:#fff;text-shadow:0 0 1px #5a6e5a;border-bottom:0 none;background:rgba(186,187,177,0.5);--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%))}.l5r5e.sheet .sheet-header .header-fields h2.right{margin:1rem 0 0 20%;-webkit-clip-path:polygon(0% 0, var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 100% 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));clip-path:polygon(0% 0, var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 100% 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)))}.l5r5e.sheet .sheet-header .header-fields h2:before{content:"";position:absolute;height:1px;width:100%}.l5r5e.sheet .sheet-header .identity-wrapper{display:flex;position:initial;flex-wrap:wrap;flex:0 0 calc(100% - 150px - 1.05rem)}.l5r5e.sheet .sheet-header .identity-wrapper .identity-content{flex:0 0 100%;display:flex;flex-wrap:wrap;margin:0.5rem 0 0.5rem 1rem}.l5r5e.sheet .sheet-header .identity-wrapper .identity-content li{flex:33%}.l5r5e.sheet .sheet-header .identity-wrapper .identity-content li:nth-child(1),.l5r5e.sheet .sheet-header .identity-wrapper .identity-content li:nth-child(2){flex:50%;margin:0 0 0.5rem}.l5r5e.sheet .sheet-header .rings{float:left;width:40%;padding:0;position:relative;top:-2.5rem}.l5r5e.sheet .sheet-header .social-content,.l5r5e.sheet .sheet-header .attributes-wrapper{flex:none;float:left;width:30%;flex-direction:column;display:flex;padding:0.5rem 0 0 0.25rem;border-left:2px solid rgba(186,187,177,0.5)}.l5r5e.sheet .sheet-header .social-content li,.l5r5e.sheet .sheet-header .attributes-wrapper li{position:relative}.l5r5e.sheet .sheet-header .social-content li:before,.l5r5e.sheet .sheet-header .attributes-wrapper li:before{content:"";position:absolute;background:linear-gradient(rgba(186,187,177,0.5), rgba(186,187,177,0));height:2px;width:97%;top:-0.25rem;left:-0.25rem}.l5r5e.sheet .sheet-header .social-content li:nth-child(2):before,.l5r5e.sheet .sheet-header .attributes-wrapper li:nth-child(2):before{width:90%}.l5r5e.sheet .sheet-header .social-content li:nth-child(3):before,.l5r5e.sheet .sheet-header .attributes-wrapper li:nth-child(3):before{width:80%}.l5r5e.sheet .sheet-header .social-content li:nth-child(4):before,.l5r5e.sheet .sheet-header .attributes-wrapper li:nth-child(4):before{width:90%}.l5r5e.sheet .sheet-header .social-content label,.l5r5e.sheet .sheet-header .attributes-wrapper label{display:flex;color:#5a6e5a;text-transform:uppercase;font-size:0.75rem;height:3rem;margin:0.25rem 0;flex-direction:row-reverse}.l5r5e.sheet .sheet-header .social-content label strong,.l5r5e.sheet .sheet-header .attributes-wrapper label strong{flex:0 0 calc(100% - 3.5rem)}.l5r5e.sheet .sheet-header .social-content label input,.l5r5e.sheet .sheet-header .attributes-wrapper label input{flex:0 0 3rem;margin:0 0.25rem;height:2.5rem}.l5r5e.sheet .sheet-header .social-content label input[disabled],.l5r5e.sheet .sheet-header .attributes-wrapper label input[disabled]{flex:0 0 3rem;background:transparent}.l5r5e.sheet .sheet-header .attributes-wrapper{padding:0.5rem 0.25rem 0 0;border-left:0 none;border-right:2px solid rgba(186,187,177,0.5)}.l5r5e.sheet .sheet-header .attributes-wrapper li:before{left:auto;right:-0.25rem}.l5r5e.sheet .sheet-header .attributes-wrapper li.void-content:before{width:0}.l5r5e.sheet .sheet-header .attributes-wrapper label{flex-direction:row}.l5r5e.sheet .sheet-header .attributes-wrapper label strong{text-align:right}.l5r5e.sheet .sheet-header .attributes-wrapper label:nth-child(2){position:relative;flex:50%;right:1.5rem}.l5r5e.sheet .sheet-header .attributes-wrapper label:nth-child(2) strong{position:absolute;top:0;left:0;font-size:0.65rem;width:3rem;color:rgba(0,0,0,0.5)}.l5r5e.sheet .sheet-header .attributes-wrapper label:nth-child(2) input{border-top:0 none;font-size:1.25rem;padding-top:0.75rem}.l5r5e.sheet .sheet-header .attributes-wrapper .endurance-content input[disabled],.l5r5e.sheet .sheet-header .attributes-wrapper .composure-content input[disabled]{flex:0 0 4.75rem;padding-right:3rem}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content{display:flex;position:absolute;bottom:0.25rem;right:35%;width:10rem}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label{margin:0}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label strong{flex:1 0 calc(100% - 5rem);padding:0 0.25rem}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label strong:after{content:"/";position:absolute;right:2.9rem;font-size:1rem;bottom:0.8rem;color:#764f40}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label input:nth-child(2){flex:3rem;padding-right:1.25rem}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label input:last-child{flex:1;border:0 none;font-size:1rem;text-align:right;padding-left:0.25rem;padding-top:0.75rem;position:relative;right:2rem}.l5r5e.sheet .sheet-header .attributes-wrapper li{display:flex}.l5r5e.sheet .sheet-header .attributes-wrapper li p{display:none;z-index:2;position:absolute;background:rgba(0,0,0,0.5);color:#fff;padding:0.25rem;bottom:-75%;right:0;--notchSize: 0.5rem;-webkit-clip-path:polygon(0% 0, 0 0%, 100% 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));clip-path:polygon(0% 0, 0 0%, 100% 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)))}.l5r5e.sheet .sheet-header .attributes-wrapper li:hover p{display:block}.l5r5e.sheet .sheet-header .identity-wrapper label{display:flex;color:#5a6e5a;text-transform:uppercase;font-size:0.75rem;line-height:2rem}.l5r5e.sheet .sheet-header .identity-wrapper label input{flex:1;margin:0 1rem 0 0.5rem}.l5r5e.sheet article{background:rgba(255,255,255,0.5);padding:0.5rem;flex-wrap:wrap;min-height:calc(100% - 2.25rem)}.l5r5e.sheet article.tab[data-tab].active{display:flex}.l5r5e.sheet article .stance-content label{display:block;width:100%;line-height:1.5rem;padding:0.25rem;color:#fff}.l5r5e.sheet article .stance-content label.earth{background:#699678}.l5r5e.sheet article .stance-content label.air{background:#917896}.l5r5e.sheet article .stance-content label.water{background:#5f919b}.l5r5e.sheet article .stance-content label.fire{background:#9b7350}.l5r5e.sheet article .stance-content label.void{background:#4b4641}.l5r5e.sheet article .stance-content label input{float:right;position:relative;top:0.3rem;right:0.25rem}.l5r5e.sheet article .stance-content .quick-rules{display:none;height:0;margin:0;padding:0.25rem;font-size:0.75rem;color:rgba(0,0,0,0.75);overflow:hidden;border:1px solid rgba(186,187,177,0.5);transition:height 0.25s ease-in}.l5r5e.sheet article .stance-content:hover .quick-rules{display:block;height:6rem;overflow-y:auto;scrollbar-width:thin}.l5r5e.sheet .xp{flex:0 0 5rem}.l5r5e.sheet table thead th:first-child{flex:0 0 70%}.l5r5e.sheet table tbody th{flex:0 0 70%}.l5r5e.npc .sheet-header h1:before{top:-50%;left:-0.5rem}.l5r5e.npc .sheet-header img{flex:0 0 75px;height:75px;width:75px}.l5r5e.npc .sheet-header fieldset{flex:1 1 100%;min-height:2rem;width:100%}.l5r5e.npc .sheet-header .identity-wrapper{flex:1 1 100%}.l5r5e.npc .sheet-header .identity-wrapper h1{margin:0 0 1rem 1rem}.l5r5e.npc .sheet-header .identity-wrapper .identity-list{flex:0 0 100%;display:flex;margin-bottom:0.5rem}.l5r5e.npc .sheet-header .identity-wrapper .identity-list li{flex:1}.l5r5e.npc .sheet-header .identity-wrapper .identity-list li select{width:100%;background:transparent;border:0 none;text-transform:capitalize}.l5r5e.npc .sheet-header .identity-wrapper .identity-list li i,.l5r5e.npc .sheet-header .identity-wrapper .identity-list li input{font-size:1.25rem;height:1.5rem;line-height:1.5rem;width:4rem;float:left;margin:0 1rem;text-align:center}.l5r5e.npc .sheet-header .affinities{display:flex;flex-wrap:wrap}.l5r5e.npc .sheet-header .affinities select{position:relative;background:transparent;border:0 none;margin:0;padding:0;text-align:left;font-weight:bold;margin:0 0 0.25rem 0;color:#5a6e5a}.l5r5e.npc .sheet-header .affinities input{font-size:1rem;flex:1rem;height:1.5rem}.l5r5e.npc .sheet-header .social-content{margin-bottom:0.5rem}.l5r5e.npc .sheet-header .social-content .attitude{height:1.5rem;padding-left:0.25rem}.l5r5e.npc .sheet-header .social-content .attitude input{height:1.5rem;flex:1;margin-right:0}.l5r5e.npc .npc-skill{display:flex;width:100%;line-height:2rem;font-size:0.75rem;text-align:center}.l5r5e.npc .npc-skill li{flex:1;padding:0.25rem;text-transform:uppercase;color:#fff}.l5r5e.npc .npc-skill li:nth-child(1){background:#4b4641}.l5r5e.npc .npc-skill li:nth-child(2){background:#699678}.l5r5e.npc .npc-skill li:nth-child(3){background:#9b7350}.l5r5e.npc .npc-skill li:nth-child(4){background:#917896}.l5r5e.npc .npc-skill li:nth-child(5){flex:1.25;background:#5f919b}.l5r5e.npc .npc-skill input[type="text"]{float:right;font-size:1.25rem;height:2rem;width:1rem;margin:0;padding:0;border:0 none;background:transparent;color:#fff}.l5r5e.npc article{min-height:auto;display:flex}.l5r5e.npc article .items-content{flex:0 0 calc(100% - 0.5rem);margin:0.5rem 0.25rem 0}.l5r5e nav.sheet-tabs{font-family:"BrushtipTexe",sans-serif;border:0 none;margin-bottom:0;background:rgba(255,255,255,0.5);color:rgba(0,0,0,0.5);--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100%) 100%, var(--notchSize) 100%, 0% calc(100%));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100%) 100%, var(--notchSize) 100%, 0% calc(100%))}.l5r5e nav .item:hover{background-color:#5a6e5a;color:rgba(255,255,255,0.65);text-shadow:none;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%, 0% 0%, 0% 100%);clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%, 0% 0%, 0% 100%)}.l5r5e nav .item.active{height:2.5rem;line-height:2rem;background-color:rgba(73,12,11,0.85);color:#fff;background-color:rgba(73,12,11,0.85);-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%, 0% 0%, 0% 100%);clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%, 0% 0%, 0% 100%)}.l5r5e nav .item.active:hover{background-color:rgba(73,12,11,0.85);cursor:default}.l5r5e .rings{display:flex;flex-wrap:wrap;color:rgba(255,255,255,0.65)}.l5r5e .rings #earth,.l5r5e .rings #air,.l5r5e .rings #water,.l5r5e .rings #fire,.l5r5e .rings #void{position:relative;flex:1 1 50%;text-align:center}.l5r5e .rings #earth i.i_earth,.l5r5e .rings #earth i.i_water,.l5r5e .rings #earth i.i_fire,.l5r5e .rings #earth i.i_air,.l5r5e .rings #earth i.i_void,.l5r5e .rings #air i.i_earth,.l5r5e .rings #air i.i_water,.l5r5e .rings #air i.i_fire,.l5r5e .rings #air i.i_air,.l5r5e .rings #air i.i_void,.l5r5e .rings #water i.i_earth,.l5r5e .rings #water i.i_water,.l5r5e .rings #water i.i_fire,.l5r5e .rings #water i.i_air,.l5r5e .rings #water i.i_void,.l5r5e .rings #fire i.i_earth,.l5r5e .rings #fire i.i_water,.l5r5e .rings #fire i.i_fire,.l5r5e .rings #fire i.i_air,.l5r5e .rings #fire i.i_void,.l5r5e .rings #void i.i_earth,.l5r5e .rings #void i.i_water,.l5r5e .rings #void i.i_fire,.l5r5e .rings #void i.i_air,.l5r5e .rings #void i.i_void{font-size:5rem;line-height:4.75rem}.l5r5e .rings #earth label,.l5r5e .rings #air label,.l5r5e .rings #water label,.l5r5e .rings #fire label,.l5r5e .rings #void label{position:relative;width:5rem;line-height:0;float:right}.l5r5e .rings #earth input,.l5r5e .rings #air input,.l5r5e .rings #water input,.l5r5e .rings #fire input,.l5r5e .rings #void input{position:absolute;height:2rem;width:2rem;border-radius:100%;top:0;left:0;text-align:center;font-size:1rem;border:2px solid rgba(186,187,177,0.5);color:rgba(255,255,255,0.65)}.l5r5e .rings #earth input:hover,.l5r5e .rings #air input:hover,.l5r5e .rings #water input:hover,.l5r5e .rings #fire input:hover,.l5r5e .rings #void input:hover{border:2px solid rgba(255,0,0,0.75);text-shadow:0 0 6px rgba(255,0,0,0.75);box-shadow:0 0 6px inset rgba(255,0,0,0.75)}.l5r5e .rings #earth{float:right;color:#699678}.l5r5e .rings #earth input{top:auto;right:0;bottom:-0.9rem;left:auto;background:#699678}.l5r5e .rings #earth label strong{position:absolute;bottom:0.75rem;left:-1.75rem}.l5r5e .rings #air{color:#917896}.l5r5e .rings #air input{top:auto;right:auto;bottom:-0.9rem;left:0;background:#917896}.l5r5e .rings #air label{float:left}.l5r5e .rings #air label strong{position:absolute;bottom:0.75rem;right:-1rem}.l5r5e .rings #water{float:right;color:#5f919b;padding-right:2rem}.l5r5e .rings #water input{top:17%;right:-1.25rem;bottom:auto;left:auto;background:#5f919b}.l5r5e .rings #water label strong{position:absolute;bottom:-0.75rem;right:2rem}.l5r5e .rings #fire{color:#9b7350;padding-left:2rem}.l5r5e .rings #fire input{top:17%;right:auto;bottom:auto;left:-1.25rem;background:#9b7350}.l5r5e .rings #fire label{float:left}.l5r5e .rings #fire label strong{position:absolute;bottom:-0.75rem;right:2rem}.l5r5e .rings #void{top:-2rem;margin:0 calc(50% - 2.5rem);color:#4b4641}.l5r5e .rings #void input{top:-1rem;right:auto;bottom:auto;left:30%;background:#4b4641}.l5r5e .rings #void label strong{position:absolute;bottom:-0.75rem;left:1.75rem}.l5r5e.sheet article .skills-wrapper,.l5r5e.sheet article .techniques-wrapper{flex:50%}.l5r5e.sheet article .skills-wrapper>li,.l5r5e.sheet article .techniques-wrapper>li{display:flex;flex-wrap:wrap;font-size:0.85rem;margin:0 0 1rem;border:1px solid rgba(186,187,177,0.5);--notchSize: 0.75rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%);clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%)}.l5r5e.sheet article .skills-wrapper>li h4,.l5r5e.sheet article .techniques-wrapper>li h4{flex:100%;margin:0;padding:0.5rem 0.5rem 0;text-align:center;background:rgba(186,187,177,0.5);color:#5a6e5a;--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%))}.l5r5e.sheet article .skills-wrapper>li ul,.l5r5e.sheet article .techniques-wrapper>li ul{flex:50%;padding:0.25rem 0.5rem 0.25rem 0}.l5r5e.sheet article .skills-wrapper>li ul li,.l5r5e.sheet article .techniques-wrapper>li ul li{text-align:left;line-height:2rem;margin:0.25rem 0}.l5r5e.sheet article .skills-wrapper>li ul li.skill,.l5r5e.sheet article .techniques-wrapper>li ul li.skill{text-align:right}.l5r5e.sheet article .skills-wrapper>li ul li.skill span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill span{color:rgba(0,0,0,0.5)}.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="melee"] span,.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="ranged"] span,.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="unarmed"] span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill[data-skill="melee"] span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill[data-skill="ranged"] span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill[data-skill="unarmed"] span{float:left;line-height:1rem;width:calc(100% - 2rem)}.l5r5e.sheet article .skills-wrapper>li ul.skill-category-ring-actions,.l5r5e.sheet article .techniques-wrapper>li ul.skill-category-ring-actions{padding:0.25rem 0 0.25rem 0.5rem;border-left:1px solid rgba(186,187,177,0.5)}.l5r5e.sheet article .skills-wrapper>li input,.l5r5e.sheet article .techniques-wrapper>li input{width:1.75rem;height:1.75rem;text-align:center}.l5r5e.sheet article .skills-wrapper>li:last-child,.l5r5e.sheet article .techniques-wrapper>li:last-child{margin:0}.l5r5e .item-list{flex:100%}.l5r5e .item-list .item .item-header{display:flex}.l5r5e .item-list .item .item-header .item-img{flex:0 0 32px;padding-right:0.25rem}.l5r5e .item-list .item .item-header .item-img img{border:1px solid rgba(0,0,0,0.1)}.l5r5e .item-list .item .item-header .item-name{flex:1 1 auto}.l5r5e .item-list .item .item-header .item-edit,.l5r5e .item-list .item .item-header .item-delete,.l5r5e .item-list .item .item-header .technique-edit,.l5r5e .item-list .item .item-header .technique-delete{flex:0 0 1rem;padding:0 0.25rem}.l5r5e .item-list .item .item-header .icon-stat-container{padding:0 0.25rem}.l5r5e .item-list .item .item-description{flex:unset;display:block;height:0;overflow:hidden;background:rgba(0,0,0,0.05);transition:height 0.25s ease-in}.l5r5e .item-list .item:hover .item-description{height:5rem;overflow-y:auto;scrollbar-width:thin}.l5r5e .item-list .item p{font-size:0.85rem;margin:0;padding:0 0.5rem;max-width:100%}.l5r5e .item-list .item p:first-child{padding-top:0.5rem}.l5r5e .item-list .item p:last-child{padding-bottom:0.5rem} diff --git a/system/styles/scss/fonts.scss b/system/styles/scss/fonts.scss index c4efe77..5fdfc6b 100644 --- a/system/styles/scss/fonts.scss +++ b/system/styles/scss/fonts.scss @@ -66,13 +66,32 @@ i.strife, i.success, i.explosive, i.opportunity, -i.d6, -i.d12, i.i_earth, i.i_water, i.i_fire, i.i_air, -i.i_void { +i.i_void, +i.i_kiho, +i.i_maho, +i.i_ninjitsu, +i.i_prerequisite_exemption, +i.i_rituals, +i.i_shuji, +i.i_invocations, +i.i_kata, +i.i_imperial, +i.i_crab, +i.i_crane, +i.i_dragon, +i.i_lion, +i.i_mantis, +i.i_phoenix, +i.i_scorpion, +i.i_tortoise, +i.i_unicorn, +i.i_bushi, +i.i_courtier, +i.i_shugenja { font-family: $font-logoType; line-height: 1rem; font-style: normal; @@ -80,36 +99,104 @@ i.i_void { vertical-align: middle; } +// Dices i.strife:before { - content: "f"; + content: "\E91B"; } i.success:before { - content: "s"; + content: "\E91C"; } i.explosive:before { - content: "e"; + content: "\E91D"; } i.opportunity:before { - content: "o"; -} -i.d6:before { - content: "r"; -} -i.d12:before { - content: "k"; + content: "\E91A"; } + +// Rings i.i_earth:before { - content: "g"; + content: "\E90C"; } i.i_water:before { - content: "w"; + content: "\E90A"; } i.i_fire:before { - content: "i"; + content: "\E908"; } i.i_air:before { - content: "a"; + content: "\E90B"; } i.i_void:before { - content: "v"; + content: "\E909"; +} + +// Techs +i.i_kiho:before { + content: "\E900"; +} +i.i_maho:before { + content: "\E901"; +} +i.i_ninjitsu:before { + content: "\E902"; +} +i.i_prerequisite_exemption:before { + content: "\E903"; +} +i.i_rituals:before { + content: "\E904"; +} +i.i_shuji:before { + content: "\E905"; +} +i.i_invocations:before { + content: "\E906"; +} +i.i_kata:before { + content: "\E907"; +} + +// Clans +i.i_imperial:before { + content: "\E90D"; +} +i.i_crab:before { + content: "\E914"; +} +i.i_crane:before { + content: "\E915"; +} +i.i_dragon:before { + content: "\E916"; +} +i.i_lion:before { + content: "\E90E"; +} +i.i_mantis:before { + content: "\E90F"; +} +i.i_phoenix:before { + content: "\E910"; +} +i.i_scorpion:before { + content: "\E911"; +} +i.i_tortoise:before { + content: "\E912"; +} +i.i_unicorn:before { + content: "\E913"; +} + +// Titles +i.i_bushi:before { + content: "\E917"; + color: rgb(165, 90, 90); +} +i.i_courtier:before { + content: "\E918"; + color: rgb(105, 130, 165); +} +i.i_shugenja:before { + content: "\E919"; } diff --git a/system/styles/scss/global.scss b/system/styles/scss/global.scss index 1ff66bb..7b3744b 100644 --- a/system/styles/scss/global.scss +++ b/system/styles/scss/global.scss @@ -53,6 +53,13 @@ button:focus { box-shadow: 0 0 10px $red; } +option { + font-size: 1rem; + line-height: 1.5rem; + padding: 0.25rem; + color: $black-light; +} + /* lists */ ul, li { diff --git a/system/styles/scss/npc.scss b/system/styles/scss/npc.scss index c6383fb..60f74f8 100644 --- a/system/styles/scss/npc.scss +++ b/system/styles/scss/npc.scss @@ -33,10 +33,15 @@ border: 0 none; text-transform: capitalize; } + i, input { font-size: 1.25rem; height: 1.5rem; line-height: 1.5rem; + width: 4rem; + float: left; + margin: 0 1rem; + text-align: center; } } } @@ -54,31 +59,6 @@ font-weight: bold; margin: 0 0 0.25rem 0; color: $l5r5e-label; - option { - font-family: $font-primary; - } - option:before { - font-family: $font-logoType; - line-height: 1rem; - font-style: normal; - font-weight: normal; - vertical-align: middle; - } - option[value="earth"]:before { - content: "g"; - } - option[value="water"]:before { - content: "w"; - } - option[value="fire"]:before { - content: "i"; - } - option[value="air"]:before { - content: "a"; - } - option[value="void"]:before { - content: "v"; - } } input { font-size: 1rem; @@ -91,9 +71,6 @@ .attitude { height: 1.5rem; padding-left: 0.25rem; - input { - height: 1rem; - } input { height: 1.5rem; flex: 1; diff --git a/system/styles/scss/sheets.scss b/system/styles/scss/sheets.scss index 98ff57a..0a3df29 100644 --- a/system/styles/scss/sheets.scss +++ b/system/styles/scss/sheets.scss @@ -180,7 +180,7 @@ position: absolute; background: linear-gradient($l5r5e-title, rgba(186, 187, 177, 0)); height: 2px; - width: 100%; + width: 97%; top: -0.25rem; left: -0.25rem; } @@ -281,6 +281,14 @@ strong { flex: 1 0 calc(100% - 5rem); padding: 0 0.25rem; + &:after { + content: "/"; + position: absolute; + right: 2.9rem; + font-size: 1rem; + bottom: 0.8rem; + color: $l5r5e-bold; + } } input { &:nth-child(2) { @@ -291,7 +299,7 @@ flex: 1; border: 0 none; font-size: 1rem; - text-align: left; + text-align: right; padding-left: 0.25rem; padding-top: 0.75rem; position: relative; diff --git a/system/styles/scss/ui.scss b/system/styles/scss/ui.scss index afb9a14..51243ac 100644 --- a/system/styles/scss/ui.scss +++ b/system/styles/scss/ui.scss @@ -307,6 +307,7 @@ button { // logo #logo { + content: url("../assets/l5r-logo.webp"); height: 80px; margin-left: 0.5rem; opacity: 0.5; @@ -510,3 +511,11 @@ button { } } } + +// Pause + +#pause { + img { + content: url("../assets/icons/pause.svg"); + } +} diff --git a/system/templates/actors/character/attributes.html b/system/templates/actors/character/attributes.html index 1dac446..5959475 100644 --- a/system/templates/actors/character/attributes.html +++ b/system/templates/actors/character/attributes.html @@ -39,7 +39,7 @@ \ No newline at end of file diff --git a/system/templates/actors/npc/attributes.html b/system/templates/actors/npc/attributes.html index 1dac446..5959475 100644 --- a/system/templates/actors/npc/attributes.html +++ b/system/templates/actors/npc/attributes.html @@ -39,7 +39,7 @@ \ No newline at end of file diff --git a/system/templates/actors/npc/identity.html b/system/templates/actors/npc/identity.html index 28ef5d6..ad40154 100644 --- a/system/templates/actors/npc/identity.html +++ b/system/templates/actors/npc/identity.html @@ -11,10 +11,12 @@ {{!-- Martial --}}