*{box-sizing:border-box}html,body{margin:0;overflow:hidden;height:100%;user-select:none;-webkit-user-select:none}body{background-image:url(../wood2.jpg);background-size:100%}@media (min-width:415px){body{background-size:50%}}@media (min-width:768px){body{background-size:30%}}.icon{display:inline-block;width:20px;height:20px;stroke-width:0;stroke:currentColor;fill:currentColor}xcanvas[resize]{width:100%;height:100%}canvas.fold{cursor:grab;cursor:-webkit-grab}canvas.cut{cursor:crosshair}#preview{position:absolute;left:0;top:0;margin:10px;filter:drop-shadow(0 0 3px rgba(0,0,0,.5))}#panel{position:absolute;right:0;top:0;border-radius:10px;margin:10px;color:black}#panel>div{float:left;margin-left:5px;border-radius:10px;filter:drop-shadow(0 0 3px rgba(0,0,0,.5))}#panel>div>div{float:left;background:silver;padding:5px;border:solid 1px rgba(0,0,0,.3);margin-right:1px;cursor:pointer}.mouse-device #panel>div>div:hover{box-shadow:inset 0 0 10px white}#panel>div>div.selected{background:#888}#panel .disabled svg{opacity:0.3}#panel svg{width:27px;height:27px;display:block}#panel>div>div:first-child{border-radius:10px 0 0 10px}#panel>div>div:last-child{border-radius:0 10px 10px 0;margin-right:0}@media (max-width:320px){#preview{display:none}}.window-bg{z-index:10;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);cursor:pointer}.window{position:absolute;left:0;top:0;width:100%;min-height:100%;z-index:1;background:rgba(50,80,80,1);flex-direction:column;justify-content:center;display:flex;cursor:default;padding:10px 15px;overflow:auto}.window-header{font-family:'Covered By Your Grace';font-size:40px;line-height:1;margin-bottom:20px;text-align:center}.window-subheader{font-size:20px;margin-bottom:10px}.window-close{position:absolute;top:0;right:0;padding:15px 15px;cursor:pointer}.mouse-device .window-close:hover{color:white}.window-close *{pointer-events:none}.thumbnails{display:flex;overflow:auto;-webkit-overflow-scrolling:touch;margin-bottom:10px;background:rgba(0,0,0,.15);padding:5px}.thumbnail{min-width:100px;height:100px;cursor:pointer;margin-right:5px}.mouse-device .thumbnail:hover{opacity:0.8}#intro .author{position:absolute;text-align:center;width:100%;bottom:10px;color:white}@media (min-width:768px){.window{width:auto;min-height:auto;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px rgba(0,0,0,.3);border-radius:5px;border:solid 1px rgba(0,0,0,.3)}.thumbnails{width:400px}#panel svg{width:35px;height:35px}}#menu,#intro,#new-menu{display:none}#logo{width:40vw;display:block;margin-left:auto;margin-right:auto;margin-bottom:20px}#status{position:absolute;bottom:45px;left:10px;right:10px;color:white;text-shadow:0 0 10px black}@media (max-width:414px){#status{bottom:50px;text-align:center;left:50px;right:50px}}@media (min-width:1280px){#status{text-align:center}}@media (orientation:landscape) and (max-width:736px){#panel{top:auto;bottom:0}#panel>div{margin:0;margin-top:5px}#panel>div,#panel>div>div{float:none}.share-box{display:none}#panel>div>div{margin-right:0}#panel>div>div:first-child{border-radius:10px 10px 0 0}#panel>div>div:last-child{border-radius:0 0 10px 10px}#status{text-align:center}}.item{background:silver;color:black;width:300px;padding:10px 15px;margin-bottom:10px;border-radius:5px;cursor:pointer;margin-left:auto;margin-right:auto;border:solid 1px rgba(0,0,0,.3)}.mouse-device .item:hover{box-shadow:inset 0 0 10px white}.share-box{position:absolute;right:0;bottom:0}.share-box iframe{float:left}#cursor{display:none;position:absolute;width:10px;height:10px;margin-left:-5px;margin-top:-5px;background:green;pointer-events:none}#line{display:none;position:absolute;pointer-events:none;border-top:dashed 1px rgba(0,0,0,.5);transform-origin:top left}