.backrooms-phone-modal{--backrooms-phone-drag-x: 0px;--backrooms-phone-drag-y: 0px;--backrooms-phone-shell-width-ratio: 320;--backrooms-phone-shell-height-ratio: 540;position:fixed;left:50%;top:50%;z-index:920;width:min(362px,calc(100vw - 22px),calc(59.26vh - 13px));width:min(362px,calc(100vw - 22px),calc(59.26dvh - 13px));color:#f7f4df;font-family:Helvetica Rounded,Arial Rounded MT Bold,Helvetica Neue,Arial,sans-serif;pointer-events:none;opacity:1;transform:translate(calc(-50% + var(--backrooms-phone-drag-x)),calc(-50% + var(--backrooms-phone-drag-y)))}.backrooms-phone-modal--exiting{pointer-events:none;animation:backroomsPhoneExit .72s cubic-bezier(.2,.76,.18,1) forwards}.backrooms-phone{--backrooms-phone-wallpaper: none;position:relative;width:100%;aspect-ratio:var(--backrooms-phone-shell-width-ratio) / var(--backrooms-phone-shell-height-ratio);border:0;border-radius:48px;padding:72px 28px 74px;background:#101211;box-shadow:0 24px 58px #00000075,0 8px 18px #0000005c,inset 0 0 0 1px #ffffff14;pointer-events:auto;touch-action:none}.backrooms-phone:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:41px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 2px #000000bd,inset 0 0 0 3px #ffffff09;pointer-events:none}.backrooms-phone:after{content:none}.backrooms-phone__rim{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:52px;background:#606765;box-shadow:inset 0 0 0 2px #cdd3cfb8,inset 0 0 0 4px #2e3332f5;pointer-events:none;z-index:-1}.backrooms-phone__side-button{position:absolute;width:4px;border-radius:3px;background:#9aa19e;box-shadow:0 1px 2px #0000006b}.backrooms-phone__side-button--mute{left:-5px;top:82px;height:25px}.backrooms-phone__side-button--volume{left:-5px;top:130px;height:58px}.backrooms-phone__side-button--power{right:52px;top:-5px;width:58px;height:4px}.backrooms-phone__speaker{position:absolute;left:50%;top:36px;width:70px;height:13px;transform:translate(-50%);border-radius:999px;background:#171b1a;box-shadow:inset 0 2px 4px #000000b8,0 0 0 1px #ffffff14}.backrooms-phone__screen{position:relative;z-index:1;height:100%;overflow:hidden;border:1px solid rgba(214,226,218,.3);border-radius:4px;background:linear-gradient(180deg,#0a0d0c80,#0a0d0c38),var(--backrooms-phone-wallpaper),radial-gradient(circle at 18% 8%,#5c6f69b8,#1e2a287a 38%,#070909f0);background-size:cover,cover,cover;background-position:center,center,center;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 0 18px #0009;cursor:default}.backrooms-phone__screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,#ffffff05 0,#ffffff05 1px,#00000005 1px,#00000005 3px);pointer-events:none}.backrooms-phone__status{position:relative;z-index:2;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:4px;height:20px;padding:0 7px;color:#f7f4dfdb;font-size:10px;font-weight:700;line-height:1;text-shadow:none;background:#0709098a}.backrooms-phone__signal{display:inline-grid;grid-auto-flow:column;align-items:end;gap:1px;width:17px;height:10px}.backrooms-phone__signal span{width:3px;border-radius:1px 1px 0 0;background:currentColor}.backrooms-phone__signal span:nth-child(1){height:4px}.backrooms-phone__signal span:nth-child(2){height:6px}.backrooms-phone__signal span:nth-child(3){height:8px}.backrooms-phone__signal span:nth-child(4){height:10px}.backrooms-phone__time{justify-self:center;margin-left:-38px}.backrooms-phone__battery{position:relative;width:19px;height:9px;border:1px solid rgba(247,244,223,.72);border-radius:2px;box-shadow:none}.backrooms-phone__battery:before{content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;border-radius:0 1px 1px 0;background:#f7f4dfb8}.backrooms-phone__battery:after{content:"";position:absolute;top:2px;right:3px;bottom:2px;left:2px;border-radius:1px;background:#9fbd80}.backrooms-phone__app{position:relative;z-index:2;display:flex;flex-direction:column;min-height:calc(100% - 20px);border-top:1px solid rgba(0,0,0,.54);background:#0a0b09f0}.backrooms-phone__nav{display:grid;grid-template-columns:1fr 32px;align-items:center;min-height:36px;padding:0 7px 0 11px;border-bottom:1px solid rgba(0,0,0,.52);color:#f7f4df;font-size:12px;font-weight:700;background:#2a2d29eb;box-shadow:none;text-shadow:none}.backrooms-phone__close{width:28px;height:24px;border:1px solid rgba(247,244,223,.22);border-radius:5px;background:#121514eb;color:#f7f4df;cursor:pointer;display:grid;place-items:center;font:inherit;line-height:1;box-shadow:none}.backrooms-phone__form{flex:1;display:grid;align-content:start;padding:13px 11px 14px}.backrooms-phone__fields{display:grid;gap:7px}.backrooms-phone__label{display:grid;gap:4px;color:#e9e0b4;font-size:10px}.backrooms-phone__input{width:100%;box-sizing:border-box;border:1px solid rgba(237,223,149,.26);border-radius:0;background:#00000075;color:#fff8d4;padding:9px 10px;font-family:inherit;font-size:16px;line-height:1.2;outline:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;box-shadow:inset 0 1px 4px #00000080}.backrooms-phone__input::placeholder{color:#d8d0a080}.backrooms-phone__input:focus{border-color:#f2df8594;box-shadow:inset 0 1px 4px #00000080,0 0 0 2px #f2df8524}.backrooms-phone__select{padding-left:7px}.backrooms-phone__phone-row{display:grid;grid-template-columns:minmax(104px,.5fr) minmax(0,1fr);gap:6px}.backrooms-phone__error{color:#ffb4a8;font-size:10px;line-height:1.35;margin-top:8px}.backrooms-phone__submit{width:100%;min-height:38px;margin-top:11px;border:1px solid rgba(237,223,149,.36);border-radius:0;background:#eddf951f;color:#f7f4df;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;box-shadow:none}.backrooms-phone__submit:not(:disabled):hover,.backrooms-phone__submit:not(:disabled):focus-visible{background:#eddf952e;border-color:#f2df8594}.backrooms-phone__submit:disabled{cursor:default;opacity:.48}.backrooms-phone__saved{display:grid;flex:1;place-items:center;min-height:206px;padding:18px;color:#f7f4df;font-size:14px;font-weight:700;letter-spacing:.02em;line-height:1.35;text-align:center}.backrooms-phone__home-button{position:absolute;left:50%;bottom:18px;display:grid;width:52px;height:52px;transform:translate(-50%);place-items:center;border-radius:50%;background:#171a19;box-shadow:0 4px 10px #00000057,inset 0 0 0 1px #ffffff14}.backrooms-phone__home-button span{width:17px;height:17px;border:2px solid rgba(223,232,229,.66);border-radius:5px;box-shadow:none}@keyframes backroomsPhoneExit{0%{opacity:1;filter:none;transform:translate(calc(-50% + var(--backrooms-phone-drag-x)),calc(-50% + var(--backrooms-phone-drag-y))) rotate(0) scale(1)}24%{opacity:1;transform:translate(calc(-50% + var(--backrooms-phone-drag-x) - 8px),calc(-50% + var(--backrooms-phone-drag-y) - 18px)) rotate(-2deg) scale(.99)}to{opacity:0;filter:blur(1px);transform:translate(calc(-50% + var(--backrooms-phone-drag-x) + 110vw),calc(-50% + var(--backrooms-phone-drag-y) + 18px)) rotate(8deg) scale(.92)}}@media (prefers-reduced-motion: reduce){.backrooms-phone-modal--exiting{animation-duration:1ms}}@media (max-width: 420px),(max-height: 680px){.backrooms-phone-modal{width:min(316px,calc(100vw - 18px),calc(59.26vh - 10px));width:min(316px,calc(100vw - 18px),calc(59.26dvh - 10px))}.backrooms-phone{padding:62px 24px 64px;border-radius:42px}.backrooms-phone:before{border-radius:35px}.backrooms-phone__speaker{top:31px;width:60px}.backrooms-phone__home-button{bottom:15px;width:44px;height:44px}.backrooms-phone__form{padding:11px 9px 12px}.backrooms-phone__phone-row{grid-template-columns:1fr}}