*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:block;cursor:text}#ui{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:14px 16px 18px;pointer-events:none;z-index:10;transition:opacity .25s ease}#ui.hidden{opacity:0}#ui .bar{font-family:Arial Black,Helvetica Neue,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#e60012;padding:8px 18px;transform:rotate(-1.2deg);box-shadow:4px 4px #000;white-space:nowrap}#ui .bar b{color:#000;background:#fff;padding:1px 7px;margin:0 2px}#ui.light .bar{color:#000;box-shadow:4px 4px #000000d9}