body{height:100%;margin:0;display:flex;justify-content:center;align-items:center;overflow:hidden}#login-button{position:fixed;top:8px;right:8px;z-index:1000;font-family:Neucha;font-size:20px;text-decoration:none;padding:6px 10px;border-radius:10px;color:#1e1e1e80;border:3px dashed rgba(30,30,30,.2);transition:.3s all}#play-button{position:fixed;left:8px;top:8px;z-index:1000;font-family:Neucha;font-size:18px;text-decoration:none;padding:6px 10px;border-radius:10px;color:#1e1e1e80;border:3px dashed rgba(30,30,30,.2);transition:.3s all;margin-bottom:8px}#play-button:hover{color:#1e1e1ecc;border-color:#1e1e1e66}#play-button.play-bottom{left:50%!important;top:auto!important;bottom:12px!important;transform:translate(-50%)!important;padding:10px 16px;font-size:18px}body.house-mode #play-button,body.house-mode #play-menu{display:none!important}#play-menu{position:fixed;left:8px;top:56px;z-index:1000;display:none;flex-direction:column;background:#fff0;border-radius:10px;padding:8px 10px;box-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#play-menu.open{display:flex}#play-menu .play-menu__item{display:block;width:100%;box-sizing:border-box;padding:8px 10px;font-family:Neucha;font-size:18px;color:#1e1e1eb3;text-decoration:none;cursor:pointer;border:3px dashed rgba(30,30,30,.2);border-radius:10px;background:#fff0;transition:.2s all;margin-bottom:8px}#play-menu .play-menu__item:last-child{margin-bottom:0}#play-menu .play-menu__item:hover{color:#1e1e1ee6;border-color:#1e1e1e66;background:#ffffff0d}#play-menu .account-menu__action{display:block;width:100%;box-sizing:border-box;padding:8px 10px;border:3px dashed rgba(30,30,30,.2);border-radius:10px;font-family:Neucha;font-size:18px;color:#1e1e1eb3;background:#fff0;text-decoration:none;text-align:center;cursor:pointer;transition:.2s all}#play-menu .account-menu__action--danger{color:#a11}#play-menu .account-menu__action:hover{color:#1e1e1ee6;border-color:#1e1e1e66;background:#ffffff1a}#login-button:hover{color:#1e1e1ecc;border:3px dashed rgba(30,30,30,.4)}#account-menu{position:fixed;top:48px;right:8px;z-index:1001;min-width:220px;padding:10px 12px;border-radius:10px;background:#fff0;box-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:Neucha;color:#1e1e1ecc;transition:.3s all}#account-menu .account-menu__name{font-size:18px}#account-menu .account-menu__input{width:100%;box-sizing:border-box;font-family:Neucha;font-size:18px;color:#1e1e1ee6;padding:8px 10px;border:3px dashed rgba(30,30,30,.2);border-radius:10px;background:#f0f0f000}#account-menu .account-menu__buttons{display:flex;flex-direction:column;gap:8px;margin-top:10px}#account-menu .account-menu__action{display:block;width:100%;box-sizing:border-box;padding:8px 10px;border:3px dashed rgba(30,30,30,.2);border-radius:10px;font-family:Neucha;font-size:18px;color:#1e1e1eb3;background:#fff0;text-decoration:none;text-align:center;cursor:pointer;transition:.2s all}#account-menu .account-menu__action:hover{color:#1e1e1ee6;border-color:#1e1e1e66;background:#ffffff1a}#account-menu .account-menu__action--danger{color:#a11}#chat{position:fixed;left:50%;transform:translate(-50%);bottom:12px;z-index:900;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;border:none;background:#fff0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);font-family:Neucha;pointer-events:none}#chat{right:auto}#chat .chat__messages{flex:1 1 auto;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}#chat .chat__message{font-size:18px;line-height:1.2;color:var(--chat-text, rgba(30,30,30,.8));word-wrap:break-word;align-self:flex-start}#chat .chat__input{width:100%;box-sizing:border-box;font-family:Neucha;font-size:18px;color:var(--chat-text, rgba(30,30,30,.9));padding:8px 10px;border:3px dashed var(--chat-border, rgba(30,30,30,.05));border-radius:10px;background:#fff0;outline:none;transition:.2s all;pointer-events:auto}#chat .chat__input:hover{border-color:var(--chat-border-hover, rgba(30,30,30,.2))}#chat .chat__input::placeholder{color:#1e1e1e66}#house-controls{position:fixed;left:12px;top:12px;width:180px;border:3px dashed rgba(30,30,30,.08);border-radius:10px;padding:10px 10px 12px;display:none;z-index:900;font-family:Neucha;color:#1e1e1e99}#house-controls .house-controls__title{margin-bottom:8px;font-size:18px}#house-controls .house-controls__buttons{display:flex;flex-direction:column;gap:8px}#house-controls .house-controls__btn{display:block;width:100%;padding:8px 10px;font-size:18px;background:#fff0;border:3px dashed rgba(30,30,30,.08);border-radius:10px;cursor:pointer;font-family:Neucha;color:#1e1e1e80;transition:.2s all}#house-controls .house-controls__btn:hover{background:#ffffff1a;border-color:#1e1e1e33}#house-controls .house-controls__toggle{position:absolute;top:3px;right:3px;padding:0 6px;height:24px;border:3px dashed rgba(30,30,30,.08);border-radius:10px;background:#fff0;color:#1e1e1ecc;font-family:Neucha;font-size:16px;line-height:1;cursor:pointer;z-index:1}#house-controls.house-controls--collapsed{padding:10px 10px 0}#house-controls.house-controls--collapsed .house-controls__buttons{display:none}@media (max-width: 720px){#chat{top:8px;left:8px;bottom:auto;transform:none;padding:6px;border-radius:10px;max-width:560px;font-size:14px}#chat .chat__messages{display:none}#play-button.connected{display:none!important}#chat .chat__message{font-size:14px;line-height:1.1}#chat .chat__input{font-size:14px;padding:6px 8px}#chat{transform-origin:bottom center}#chat .chat__input{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;touch-action:manipulation}#house-controls{left:8px;top:8px;width:140px}}html,body,canvas,#chat,#play-button,#login-button,#play-menu,#account-menu{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,.chat__input,.account-menu__input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:initial;-webkit-tap-highlight-color:initial}