html,body{height:100%}body,input,button{font-family:Helvetica Neue,Helvetica,sans-serif;font-size:14px}body{-webkit-user-select:none;user-select:none;background:#000;margin:0}button,input{font:inherit}svg{height:100%}#share{box-sizing:border-box;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:3;background:#ddd;border-radius:1px;height:26px;margin:10px 8px 0;padding:0 6px;line-height:26px;position:absolute;top:0;left:0;right:0;overflow-x:hidden}#share a{color:#000}#ticker{visibility:hidden;white-space:nowrap;-webkit-highlight:none;position:absolute;top:50%;left:50%;right:0;overflow:hidden}#ticker svg{margin-right:6px}body.iframe #ticker svg{margin-right:3px}#ticker.s1.h1 svg{margin-right:6px}#ticker.s1.h2 svg{margin-right:8px}#ticker.s1.h3 svg{margin-right:10px}#ticker.s1.h4 svg{margin-right:12px}#ticker.s1.h5 svg{margin-right:14px}body.iframe #ticker.s1.h1 svg{margin-right:3px}body.iframe #ticker.s1.h2 svg{margin-right:4px}body.iframe #ticker.s1.h3 svg{margin-right:5px}body.iframe #ticker.s1.h4 svg{margin-right:6px}body.iframe #ticker.s1.h5 svg{margin-right:7px}#ticker.s2 svg,body.iframe #ticker.s2 svg,svg:last-child{margin-right:0}path{fill:gray;fill-opacity:.25}path.on{fill-opacity:1}svg.alt path.on{fill:var(--lcd-alt)}svg.col path.on{fill:var(--lcd-colour)}svg.r-1 path.on{fill:#e20b18}svg.r-2 path.on{fill:#fd8c24}svg.r-3 path.on{fill:#feeb34}svg.r-4 path.on{fill:#0e7f2b}svg.r-5 path.on{fill:#0e54fb}svg.r-6 path.on{fill:#741385}rect{fill:var(--lcd-colour);stroke:#000;stroke-width:0;width:10px;height:10px}#ticker.h1 rect.b,#ticker.h1 rect.r{width:10.5px}#ticker.h2 rect.b,#ticker.h2 rect.r{width:10.4px}#ticker.h3 rect.b,#ticker.h3 rect.r{width:10.3px}#ticker.h4 rect.b,#ticker.h4 rect.r{width:10.2px}#ticker.h5 rect.b,#ticker.h5 rect.r{width:10.1px}#ticker.h1 rect.b,#ticker.h1 rect.d{height:10.5px}#ticker.h2 rect.b,#ticker.h2 rect.d{height:10.4px}#ticker.h3 rect.b,#ticker.h3 rect.d{height:10.3px}#ticker.h4 rect.b,#ticker.h4 rect.d{height:10.2px}#ticker.h5 rect.b,#ticker.h5 rect.d{height:10.1px}#controls{cursor:pointer;z-index:3;height:26px;padding:0 8px 10px;position:absolute;bottom:0;left:0;right:0}table{width:100%;height:100%}td{text-align:center;white-space:nowrap;padding:1px;line-height:26px}td.dim{color:#999}td a{color:#000;text-decoration:none}td a,td span{box-sizing:border-box;-webkit-appearance:none;-webkit-user-select:none;background:#ddd;border-radius:1px;min-width:30px;height:26px;padding:0 8px;display:inline-block}td#msg{width:100%}td#msg input{box-sizing:border-box;-webkit-highlight:none;-webkit-appearance:none;border:none;border-radius:1px;outline:none;width:100%;height:26px;padding:0 8px;line-height:26px;display:inline-block}.fireworks-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.info-page{box-sizing:border-box;color:#000;-webkit-user-select:text;user-select:text;background:#eee;min-height:100vh;padding:28px;font-family:monospace}.info-page h1,.info-page h2,.info-page li,.info-page ol,.info-page p{margin:0;padding:0;font-size:14px;line-height:1}.info-page a{color:#000}.info-page h2{margin-top:28px}.info-page h1,.info-page h2,.info-page li,.info-page p{margin-bottom:14px}.info-page li{margin-left:29px}.info-tldr{border:1px solid #000;border-width:1px 0;margin-top:28px;padding:14px 0 2px}.info-tldr h2:first-child{margin-top:0}.info-preview{border:0;border-radius:1px;width:200px;height:40px}@media (max-width:700px){#controls{padding:0 4px 8px}#controls button{padding:0 6px}#share{margin:8px 4px 0}}