.container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;overflow:hidden}.screen-wrapper{position:relative;overflow:hidden;box-shadow:0 0 20px #00000080}.screen-fade-enter{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.screen-order-enter{animation:orderEnter .5s cubic-bezier(.2,.8,.2,1) forwards}@keyframes orderEnter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes buttonPopIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.selection-button{animation:buttonPopIn .6s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transition:transform .1s ease-in-out}.selection-button:active{transform:scale(.95)}@keyframes buttonBounce{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.selection-button.bounce{animation:buttonBounce .5s cubic-bezier(.36,.07,.19,.97) both;opacity:1}@keyframes slideOutLeft{to{opacity:0;transform:translate(-100px) scale(.9)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOutRight{to{opacity:0;transform:translate(100px) scale(.9)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.buttons-exit-left{animation:slideOutLeft .3s ease-in forwards}.buttons-enter-right{animation:slideInRight .3s ease-out forwards}.buttons-exit-right{animation:slideOutRight .3s ease-in forwards}.buttons-enter-left{animation:slideInLeft .3s ease-out forwards}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading-spinner{width:100px;height:100px;border:8px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-overlay-trigger{position:absolute;top:0;left:0;width:50px;height:50px;z-index:9999;cursor:default}.admin-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;z-index:10000;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease-out}.admin-modal-content{background:#fff;padding:32px;border-radius:20px;box-shadow:0 10px 25px #0003;width:90%;max-width:500px;display:flex;flex-direction:column;gap:20px;animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-btn{border:none;background:#f0f0f0;padding:24px;border-radius:12px;font-size:28px;font-weight:500;color:#333;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.admin-btn:active{transform:scale(.96);background:#e0e0e0}.admin-btn:hover{background:#e8e8e8}.admin-btn.primary{background:#007aff;color:#fff}.admin-btn.primary:hover{background:#06c}.admin-btn.danger{color:#ff3b30;background:#fff0f0}.admin-btn.danger:hover{background:#ffe0e0}.keypad-btn{aspect-ratio:3/2}.menu-grid{display:flex;flex-direction:column;gap:16px}.menu-row{display:flex;gap:16px}.menu-row>*{flex:1}body,html,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}