*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000}.mode-button{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:20;width:38px;height:38px;display:grid;place-items:center;color:#e8e0c8;background:#0a0a0e8c;border:1px solid rgba(232,224,200,.4);border-radius:6px;opacity:.65;cursor:pointer;transition:opacity .15s,background .15s}.mode-button:hover,.mode-button:focus-visible{opacity:1;background:#1e1e28d9}.mode-button:focus-visible{outline:2px solid #ffd27a;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}