body{max-width:360px;width:100%;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}input{font-size:2em;padding:.2em;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}input::-webkit-input-placeholder{text-align:center;opacity:.2}input::-ms-input-placeholder{text-align:center;opacity:.2}input::placeholder{text-align:center;opacity:.2}span.link{font-weight:700;font-style:italic;letter-spacing:1.5px;cursor:pointer}span.link:hover{text-decoration:underline}ul li{list-style-type:none}ul{padding-left:0}ul li.input-die{margin-bottom:1.5em}ul.similar-dice{margin-bottom:15px}.die-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.die-name-prefix{width:38px;min-width:38px;height:1em;border-left:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;margin-bottom:.5em}.die-energy{margin:0 3px}.die-set{font-size:12px}.die-sides{white-space:nowrap;margin-left:10px;cursor:pointer}header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid #d3d3d3;padding-bottom:.1em}.similar-die{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:1em}header .die-set{position:relative;top:2px}.similar-die .die-energy{position:relative;top:8px;margin:0 7px}.similar-die .die-set{position:relative;top:9px;margin-left:5px}.similar-die .die-name{position:relative;top:7px;white-space:nowrap;height:1.1em}.spacer{-webkit-box-flex:1;-ms-flex:1;flex:1}