.sheet{display:grid;font-size:.85rem;grid-auto-flow:column;grid-template-columns:9rem repeat(auto-fit,5rem);grid-template-rows:repeat(20,1.8rem);place-items:stretch}.sheet .column{display:contents}.sheet .column>*{align-items:center;border-bottom:var(--thin-line) 1px solid;display:flex;padding:0 .3rem}.sheet .targets>:not(.header,.total){border-right:var(--thin-line) 1px solid}.sheet .targets>.total{font-weight:700}.sheet .player>*{justify-content:flex-end}.sheet .column>.header{border-bottom:var(--medium-line) 1px solid;font-weight:700}.sheet .current.player>.header{border-bottom:var(--player-marker) 3px solid}.sheet .column>.last-value{border-bottom:var(--medium-line) 1px solid}.sheet .column>.total{border-bottom:var(--thick-line) 2px solid;border-top:var(--thick-line) 2px solid}.sheet [data-target]{cursor:pointer}.sheet [data-target]:hover{padding-left:.4rem;font-style:italic}.greater{color:var(--greater)}.less{color:var(--less)}.roller{align-content:flex-start;align-items:stretch;display:flex;flex-flow:row nowrap;gap:.5rem;justify-content:space-between;width:20rem}.dice{display:flex;flex-flow:row nowrap;gap:.5rem;padding-bottom:.5rem}.die{background-color:#e7e7e7;border-radius:.25rem;box-shadow:inset 0 3px #f0f0f0,inset 0 -3px #bbb,inset 3px 0 #d7d7d7,inset -3px 0 #d7d7d7;cursor:pointer;display:grid;grid-template-areas:"a b c" "d e f" "g h i";place-items:center;height:2.5rem;padding:.3125rem;width:2.5rem}.die.hold{box-shadow:0 0 .1875rem .1875rem #aaa}.pip{display:block;width:75%;height:75%;border-radius:50%}.pip,.die.one .pip.e,.die.two .pip.a,.die.two .pip.i,.die.three .pip.a,.die.three .pip.e,.die.three .pip.i{background-color:#141414;box-shadow:inset 0 3px #111,inset 0 -3px #555}.pip.b,.pip.h,.die.undefined .pip,.die.one .pip,.die.two .pip,.die.three .pip,.die.four .pip.d,.die.four .pip.e,.die.four .pip.f,.die.five .pip.d,.die.five .pip.f,.die.six .pip.e{background-color:#14141400;box-shadow:none}.roller button{flex:3.5rem 0 0;height:2.5rem;width:2.5rem}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html{--text-color: #222;--back-color: white;--button-color: rgb(0, 123, 255);--button-shadow: rgba(0, 123, 255, .5);--button-accent-1: rgb(0, 105, 217);--button-accent-2: rgb(0, 98, 204);--button-accent-3: rgb(0, 92, 191);--button-disabled: rgb(123, 123, 123);--button-text: white;--thin-line: #eee;--medium-line: silver;--thick-line: grey;--player-marker: black;--greater: rgb(95, 146, 126);--less: rgb(146, 95, 95)}@media (prefers-color-scheme: dark){html{--text-color: #ccc;--back-color: #121212;--thin-line: #282828;--medium-line: #4a4a4a;--thick-line: grey;--player-marker: white;--greater: rgb(151, 197, 178);--less: rgb(197, 151, 151)}}body{background-color:var(--back-color);color:var(--text-color);font-family:sans-serif}input[type=text]{font-size:16px}button{background-color:var(--button-color);border:1px solid transparent;border-color:var(--button-color);border-radius:5%;color:var(--button-text);font-weight:400;line-height:1.5;padding:.175rem .75rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}button:not(:disabled){cursor:pointer}button:active{background-color:var(--button-accent-2);border-color:var(--button-accent-3)}button:focus{box-shadow:0 0 0 .2rem var(--button-shadow);outline:0}button:hover{background-color:var(--button-accent-1);border-color:var(--button-accent-2)}button:disabled{background-color:var(--button-disabled);border-color:var(--button-disabled);opacity:.65}