:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100vw;height:100vh}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.rack-container{pointer-events:auto;background:#000c;padding:10px;display:flex;gap:10px;align-items:center}.mobile-rack{position:absolute;bottom:0;width:100%;justify-content:center;flex-direction:column}.desktop-rack{position:absolute;bottom:20px;left:50%;transform:translate(-50%);border-radius:10px}.rack{display:flex;gap:5px}.tile-rack-item{width:40px;height:40px;background:#f4e1d2;color:#333;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;border-radius:4px;cursor:grab;box-shadow:0 2px #bda27e}.sidebar{position:absolute;right:0;top:0;width:250px;height:100%;background:#ffffffe6;pointer-events:auto;padding:20px;box-sizing:border-box}.mobile-header{position:absolute;top:0;width:100%;height:50px;background:#ffffffe6;pointer-events:auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box}button{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}button.submit-btn{background:#2196f3}.auth-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.auth-modal{background:#2b1d0e;border:4px solid #8b6b4e;padding:2rem;border-radius:8px;width:90%;max-width:400px;position:relative;color:#e8cfb0;box-shadow:0 10px 25px #00000080}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:#e8cfb0;font-size:1.2rem;cursor:pointer}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}.form-group input{width:100%;padding:.5rem;border:2px solid #8b6b4e;background:#3d2914;color:#fff;border-radius:4px}.submit-btn{width:100%;padding:.75rem;background:#e8cfb0;color:#2b1d0e;border:none;border-radius:4px;font-weight:700;cursor:pointer;margin-top:1rem}.submit-btn:hover{background:#fff}.toggle-text{text-align:center;margin-top:1rem;font-size:.9rem}.toggle-btn{background:none;border:none;color:gold;text-decoration:underline;cursor:pointer}.error-message{color:#f33;margin-bottom:1rem;text-align:center}.success-message{color:#4caf50;margin-bottom:1rem;text-align:center}