.caption{font-size:14px;text-transform:uppercase;letter-spacing:2px}html,body{border:0;padding:0;margin:0;box-sizing:border-box;height:100%}*{box-sizing:inherit}article.fullscreen{display:flex;align-items:stretch;height:100%;flex-direction:column}article.fullscreen header{height:48px;background:var(--alert-color);color:var(--alert-color-contrast);font:700 24px sans-serif;line-height:48px;text-align:center;cursor:pointer;box-shadow:0 -2px 2px -1px rgba(0,0,0,.5)inset,0 2px 2px -1px rgba(255,255,255,.5)inset;position:relative}article.fullscreen header:after{display:block;width:48px;height:48px;content:'×';font:32px Roboto,Arial,sans-serif;position:absolute;top:0;right:0;text-align:center;line-height:48px}article.fullscreen header:empty{display:none}article.fullscreen section{flex-grow:2;position:relative}article.fullscreen section video,article.fullscreen section iframe{width:100%;height:100%;position:absolute;object-fit:cover;/*object-position:20% 50%;*/z-index:0}article.fullscreen footer{min-height:120px;padding:10px;background:var(--accent-color);box-shadow:0 -128px 128px -64px rgba(0,0,0,.35)inset;overflow:hidden}article.fullscreen footer>form{transition:opacity .2s;opacity:1;display:block}article.fullscreen footer>form.fadeout{opacity:0;transition:opacity .2s}article.fullscreen footer>form.hidden{display:none}article.fullscreen footer>form>div{min-height:30px;font:16px Roboto,Arial,sans-serif;line-height:30px;color:var(--ink-color);text-align:center}article.fullscreen footer>form>div label{width:120px;text-align:right;display:inline-block;padding:0 12px;line-height:30px}article.fullscreen footer>form>div input[type=text],article.fullscreen footer>form>div input[type=password],article.fullscreen footer>form>div input[type=email]{border:0;background:0 0;color:var(--ink-color);font:16px Roboto,Arial,sans-serif;border-bottom:2px solid var(--ink-color-low);width:220px}article.fullscreen footer>form>div input[type=submit],article.fullscreen footer>form>div input[type=button]{border:0;font:16px Roboto,Arial,sans-serif;border:2px solid var(--ink-color-low);border-radius:4px;padding:2px 8px;margin:0 16px;margin-top:10px;width:100px;cursor:pointer;background:var(--paper-color);color:var(--ink-color);line-height:20px;font-size:14px;text-transform:uppercase;letter-spacing:2px}article.fullscreen footer>form>div input[type=button]{margin-left:96px}article.fullscreen footer>form>div input[type=submit]{margin-right:0;background-color:var(--primary-color);color:var(--primary-color-contrast)}article.fullscreen footer>form>div input[type=checkbox]{cursor:pointer;height:18px;width:18px;vertical-align:bottom;margin-bottom:6px;accent-color:var(--primary-color)}article.fullscreen footer>form>div label[for=savelogin]{width:320px}article.fullscreen footer>form>div .helptext{font-size:12px;width:50%;min-width:400px;margin:auto;line-height:1.4em;color:var(--ink-color-low)}#splash{background:#000;color:#999;font:Roboto;overflow:hidden}#splash div{padding:5vh;position:relative;text-align:center}#splash div h1{font:10vh Roboto,sans-serif;font-weight:200;padding:0;margin:0}#splash div p{font:20px Roboto,sans-serif}#splash div h1,#splash div p{text-align:right;text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000}html{font:15px Roboto,Helvetica,Arial,sans-serif;--primary-color: #222;--primary-color-contrast: #ccc;--accent-color: #111;--accent-color-contrast: #ccc;--alert-color: #fa0;--alert-color-contrast: #111;--paper-color: #222;--paper-color-high: #333;--paper-color-low: #111;--ink-color: #ccc;--ink-color-high: #eee;--ink-color-low: #666}html{--primary-color: #422;--primary-color-contrast: #ccc;--accent-color: #162833;--accent-color-contrast: #ccc}html.light{--primary-color: #309;--primary-color-contrast: #ccc;--accent-color: #bdb;--accent-color-contrast: #222;--alert-color: #fa0;--alert-color-contrast: #111;--paper-color: #eee;--paper-color-high: #fff;--paper-color-low: #ccc;--ink-color: #222;--ink-color-high: #000;--ink-color-low: #666}