:root{--dark-leather: rgba( 63, 88, 31,1);--pale-leather: rgba(125,155, 85,1);--mid-leather: rgba( 84,108, 53,1);--very-dark-leather: rgba( 41, 62, 14,1);--very-dark-pine: rgba( 25, 70, 42,1);--mid-pine: rgba( 67,124, 88,1);--dark-pine: rgba( 42, 86, 58,1);--deep-gold: rgba( 89, 95, 33,1);--gold: rgba(160,167, 91,1);--pale-gold: rgba(252,255,190, 1)}body{font-family:constantia;background:url(/assets/green-leather-small-tileable.webp)}.trilogy-container{background-color:#fff;min-width:90vw;min-height:90vh;padding:.3em}login,list-games{display:flex;flex-direction:row;justify-content:center}.existing-games{list-style-type:none}.existing-games a{color:var(--dark-pine);font-weight:700}.game-loaded,.game-form{padding:1em}.game-layout{display:flex;flex-direction:row}.column-left,.column-right{width:24%}.column-centre{width:48%;padding:.5em;margin-left:.5em;margin-right:.5em;border:1px solid black}.game-footer{width:100%;display:flex;flex-direction:row}button{padding:.5em;margin-left:.5em;background-color:var(--dark-leather);border:var(--gold);font-size:1.2em;font-weight:700;color:var(--gold);cursor:pointer}.btn-round{border-radius:100%;width:1.1em;height:1.1em;padding:0}input{padding:.5em;font-size:1.2em;font-family:monaco,monospace}label{padding-right:1em}textarea{margin:1em;width:90%;font-size:1.2em;font-family:monaco,monospace}select{border:1px solid var(--gold);font-weight:700;font-size:1em;padding:.2em;background-color:var(--dark-leather);color:var(--gold)}.component-header{display:flex;flex-direction:row;justify-content:left;align-items:center}button.btn-toggle{font-size:.8em;border-radius:1.5em}.limited-height-container{max-height:15em;overflow-y:auto}.gm-menu{float:right;margin-top:-.8em}.gm-menu .menu-open{display:flex;flex-direction:row-reverse}.gm-menu .menu-items{border:1px solid black;background-color:#fff;padding:.5em;list-style-type:none;margin-top:0}.gm-menu li.menu-item{margin-bottom:.5em}.gm-menu .upload-container{background-color:#191919cc;position:absolute;width:100%;height:100%;left:0;bottom:0}.gm-menu .upload-inner{border:1px solid black;background-color:#fff;position:relative;width:25%;margin-top:25%;margin-left:30%}.gm-menu .upload-inner h3{background-color:var(--pale-leather);color:#000;width:98%;margin-top:0;padding-top:.5em;padding-left:.5em;padding-bottom:.5em}.container-open{flex-grow:100}.focus-container-content{overflow-y:scroll;scrollbar-width:thin}.chat{background-color:#eee;margin-left:.5em;padding:.5em}.chat-wrapper{overflow-y:auto;max-height:15em}.chat-list{list-style-type:none;padding-left:0;display:flex;flex-direction:column-reverse}.chat-list li{margin-bottom:.5em;font-family:arial,sans}.companion-list{list-style-type:none;padding-left:0}.character-sheet{border:1px solid var(--mid-pine)}.character-sheet-title{background-color:var(--very-dark-leather);padding-left:1em;color:gold}.character-sheet-content{padding:.5em}@media (min-width: 960px){.character-top{display:flex;flex-direction:row;align-content:center;justify-content:space-between;margin-bottom:1em}}@media (max-width: 960px){.character-top{display:flex;flex-direction:column;align-content:left;margin-bottom:1em}}.arc-container{font-family:arial;font-size:.8em;display:flex;flex-direction:row;align-content:center}.arc-container h2{padding-top:.2em;margin:0}.opponent-row{display:flex;flex-direction:row;margin-top:1em;margin-right:1em;margin-bottom:1em}.xp-triggers{list-style-type:none}.stat button{font-size:.7em}.stats-list{display:flex;flex-direction:row;list-style-type:none;justify-content:space-between}.stat{border:1px solid black;border-radius:.5em;display:flex;flex-direction:column;align-items:center}.stat-name{font-weight:700;float:left;margin-top:-.6em;background-color:#fff;font-size:1.5em}.stat-control-set{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2em}.stat-control-list{list-style-type:none;display:flex;flex-direction:row;margin-top:1em}.stat-control-list label{font-size:.8em}.stat-value-row{display:flex;flex-direction:row}.stat-controls{display:flex;flex-direction:column}.stat-controls label{font-size:.7em}.stress-track,.wealth-track{margin-top:1em}ul .harm-track{list-style-type:none;display:flex;flex-direction:row}.harm-track li{width:30%}.harm-level{display:flex;flex-direction:row}.full-harm{display:flex;flex-direction:row;align-items:centre;gap:1em;width:100%;padding-right:1em;margin-bottom:.5em}.harm-content{flex:auto}.update-harm{height:100%}.harm-level textarea{width:80%}ul .custom-counters-list{list-style-type:none;width:100%;display:flex;flex-direction:row;column-gap:1em;margin-top:1em;padding-left:0}.custom-counters-list li{width:50%}.two-way-counter-title{padding:.5em .5em 1em 1em}.character-sheet-horizontal-split{display:flex;flex-direction:row;width:100%}.horizontal-split{width:50%}.armour-component{margin-top:.5em;border:1px solid black;padding:0 0 1em 1em}.armour-uses-row{display:flex;flex-direction:row}.equipment-wrapper{width:100%}.equipment-list{list-style-type:none}.equipment-list li{margin-bottom:1em;display:flex;flex-direction:row;width:100%;align-items:center}equipment-item{flex:3}.equipment{display:grid;flex:3;grid-template-columns:30% 20% 50%}.equipment .name{grid-column:1}.equipment .quality{grid-column:2}.equipment .notes{grid-column:3}.equipment-controls{display:flex;flex-direction:row}.equipment-controls .btn{font-size:1vh}.equipment-list .controls{margin-top:2em}.equipment-form-container{padding:1em;border:1px solid black;margin-top:1em;margin-bottom:1em}.equipment-form{display:flex;flex-direction:row;width:100%;justify-content:flex-start;margin-bottom:.5em}.equipment-form label{width:7em}.equipment-form textarea{margin:0;width:100%}.equipment-form input[type=text]{width:100%}.move-list{width:100%;column-width:16em;column-gap:1em;padding-left:.5em;padding-right:.5em}.move-title-bar{display:flex;flex-direction:row;align-items:center}.move-title-bar .move-name{flex:auto;margin-top:.1em;margin-bottom:.1em}.character-move{padding:.5em;border:1px solid black;border-radius:.5em;margin-bottom:.5em;break-inside:avoid-column}.move-stats{display:flex;flex-direction:column;align-items:center}.move-form-list,.editable-move-list{list-style-type:none}.select-advantage{list-style-type:none;display:flex;flex-direction:row;padding-left:0}character-form textarea{clear:both;display:block}.form-group-horizontal{display:flex;flex-direction:row;align-items:center;margin-bottom:1em}.form-group-vertical{display:flex;flex-direction:column;margin-bottom:1em}.character-edit-list,.scene-cards{list-style-type:none}.scene-card{margin:.2em;border:1px solid black;padding:.2em}.scene-card.card-header{background-color:var(--dark-leather);color:var(--gold);font-weight:700}.scene-card.card-gm{background-color:var(--pale-leather);color:#fff}.player-name .action-container{margin-left:auto;font-family:arial,sans;font-weight:700;margin-right:1em}.modal-window-maximised{position:fixed;width:60em;height:40em;background-color:#fff;border:1px solid black;top:5em;left:5em;z-index:100;box-shadow:10px 10px 5px #0000001a}.modal-window-minimised{position:fixed;background-color:#fff;z-index:10}.modal-wrapper{display:flex;flex-direction:column}.modal-title{background-color:var(--gold);border-bottom:1px solid black;border-top:1px solid black;display:flex;flex-direction:row;justify-content:flex-end;width:100%}.modal-title h4{align-self:flex-end;flex:fit-content;padding-left:1em;padding-bottom:.5em;padding-right:.5em;margin:0}.modal-window-minimised .modal-title h4{width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal-button{padding-top:0;padding-bottom:.2em;padding-right:.5em;margin:0 2px 0 0;width:23px}.modal-left-bar,.modal-right-bar{height:100%;width:2px;background-color:var(--very-dark-pine);position:absolute;cursor:ew-resize}.modal-left-bar{left:0}.modal-right-bar{right:0}.modal-bottom-bar{position:absolute;bottom:0;width:100%;height:2px;background-color:var(--very-dark-pine);cursor:ns-resize}.modal-corner{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background-color:var(--dark-pine);cursor:nwse-resize}.modal-content{overflow-y:auto;padding:1em}#minimised-modal-bar{position:fixed;bottom:0;padding-bottom:.5em;padding-left:.1em;padding-right:.1em;height:2em;width:100%;z-index:0}.focus-container-title{cursor:pointer}.focus-container-title:hover{background-color:var(--pale-gold)}