html,body{margin:0;padding:0;background-color:#151819;color:#ccc;font-family:system-ui,sans-serif}.tape{position:fixed;inset:0;width:100%;height:100%;display:block}.stage{position:fixed;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;user-select:none}.face{position:relative;width:50vmin;height:50vmin}.smiley{display:block;width:100%;height:100%}.smiley.ghost{opacity:0}.below{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding-top:2em}.hint{font-size:.8em;letter-spacing:.2em;text-transform:uppercase;color:#678898e6}.hidden{display:none!important}.transport{position:fixed;top:2em;left:50%;transform:translate(-50%);z-index:2}.banner{position:fixed;top:2em;right:2em;z-index:2;color:#678898;font-size:.6875em;letter-spacing:.2em;text-decoration:none;text-transform:uppercase}.banner:hover{color:#98d147}.busy{cursor:progress}.bar{display:flex;flex-direction:column;align-items:stretch;gap:.5em}.bar .row{display:flex;gap:.5em}.bar .row button{flex:1}.bar button{background-color:#6788980a;border:1px solid hsl(200,19%,50%);border-radius:.25em;color:#678898;cursor:pointer;font-family:inherit;font-size:.6875em;letter-spacing:.2em;padding:.4em .9em;text-transform:uppercase}.bar button:hover{color:#98d147;border-color:#98d147}.bar button:disabled{cursor:progress;opacity:.4}