*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{width:100%;height:100%;overflow:hidden;background:#fbfbf9;color:#1a1a1a;-webkit-user-select:none;user-select:none;font-family:Italiana,serif;touch-action:none;-ms-touch-action:none;overscroll-behavior:none}#app{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:420px;background:#fbfbf9;overflow:hidden}#c{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.topbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px 22px 0;pointer-events:none}.lives{display:flex;gap:2px;align-items:center;height:24px}.reset{pointer-events:auto;cursor:pointer;background:none;border:none;display:flex;align-items:center;justify-content:center;color:#b9b8b2;padding:4px;transition:color .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.reset:hover{color:#1a1a1a}.reset:active{transform:rotate(-160deg)}.reset svg{display:block;width:22px;height:22px}.controls{pointer-events:none;display:flex;align-items:center;gap:6px}#sound:active{transform:none}.brand{position:absolute;top:12%;left:0;right:0;z-index:41;text-align:center;pointer-events:none}.brand .citron{font-family:Italiana,serif;font-size:46px;letter-spacing:3px;color:#d8d7d0;line-height:1}.brand .beirut{font-family:Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:11px;letter-spacing:7px;text-transform:uppercase;color:#dcdbd4;margin-top:18px;margin-left:7px;line-height:1}.over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:#fbfbf9c7;backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);opacity:0;pointer-events:none;transition:opacity .5s ease}.over.show{opacity:1;pointer-events:auto}.over .num{font-family:Italiana,serif;font-size:130px;line-height:.9}.over .word{font-family:Italiana,serif;font-size:22px;letter-spacing:1px;color:#a3a29c;margin-top:8px}.over .actions{margin-top:46px;display:flex;align-items:center;justify-content:center}.over .again{cursor:pointer;border:none;background:#1a1a1a;color:#fbfbf9;font-family:Italiana,serif;font-size:22px;letter-spacing:1px;padding:15px 46px;border-radius:99px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.over .again:active{transform:scale(.96)}.sound{pointer-events:auto;cursor:pointer;background:none;border:1px solid #e0dfd8;border-radius:99px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;color:#b9b8b2;transition:color .25s ease,border-color .25s ease}.sound:hover{color:#1a1a1a;border-color:#c9c8c1}.sound svg{display:block;width:22px;height:22px}