*{margin:0;padding:0;box-sizing:border-box}body,html,#root{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf8f5}.controls-button-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:1rem;padding:1.4rem 1rem;pointer-events:none;z-index:100}.button-group{display:flex;gap:.2rem;pointer-events:auto;padding:.2rem;border-radius:1rem;background-color:#333;box-shadow:0 6px 8px #0003}.controls-button{padding:.5rem .7rem;border:none;border-radius:.8rem;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;min-width:4.4rem;pointer-events:auto;color:#fff;background-color:transparent;position:relative}.controls-button:not(:last-child):after{content:"";position:absolute;right:-.1rem;top:50%;transform:translateY(-50%);width:1px;height:1.2rem;background-color:#fff3}.controls-button.active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.ar-button{padding:.5rem .7rem;border:none;border-radius:1rem;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;min-width:4.4rem;pointer-events:auto;color:#fff;background-color:#333;box-shadow:0 6px 8px #0003}.ar-button-animated{animation:neon-shadow-rotate 6s linear infinite}@keyframes neon-shadow-rotate{0%{box-shadow:0 2px 10px #ff008080}16.66%{box-shadow:0 2px 10px #ff800080}33.33%{box-shadow:0 2px 10px #ffff0080}50%{box-shadow:0 2px 10px #00ff8080}66.66%{box-shadow:0 2px 10px #0080ff80}83.33%{box-shadow:0 2px 10px #8000ff80}to{box-shadow:0 2px 10px #ff008080}}.controls-panel{position:fixed;bottom:5rem;left:50%;transform:translate(-50%);background:#fff;border:none;border-radius:.8rem;padding:1.25rem;min-width:18.75rem;box-shadow:0 .25rem .75rem #0000001a;pointer-events:auto;z-index:99}.controls-slider-group{margin-bottom:1.25rem}.controls-slider-group:last-child{margin-bottom:0}.controls-slider-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.slider-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:500;color:#333}.controls-slider-group input[type=range]{width:100%;cursor:pointer}.color-preset-container{display:flex;gap:.75rem;margin-bottom:.5rem}.color-preset-button{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid white;cursor:pointer;transition:all .2s ease;padding:0;box-shadow:0 .125rem .25rem #0000001a}.color-preset-button.selected{box-shadow:0 0 0 2px #2196f3,0 .1875rem .375rem #00000026}.hud{position:fixed;top:0;left:50%;transform:translate(-50%);max-width:1080px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;pointer-events:none;z-index:100}.hud-title{position:relative;font-size:1.2rem;font-weight:700;letter-spacing:.125rem;line-height:1.2rem;padding-left:.625rem;color:#333;pointer-events:auto}.hud-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:2.16rem;background:#333}.hud-unit-toggle{display:flex;align-items:center;pointer-events:auto}.toggle-switch{position:relative;width:5rem;height:1.8rem;background:#ddd;border:none;border-radius:.8rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.toggle-option{position:relative;flex:1;font-size:.75rem;font-weight:600;color:#666;z-index:2;transition:color .3s ease;text-align:center;line-height:2rem}.toggle-option.active{color:#fff}.toggle-slider{position:absolute;top:.2rem;left:.2rem;width:2.1rem;height:1.4rem;background:#333;border-radius:.6rem;transition:transform .3s ease;z-index:1}.toggle-slider.cm{transform:translate(2.5rem)}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:auto}.modal-content{background:#fff;border-radius:1rem;padding:2rem;max-width:28rem;width:90%;position:relative;box-shadow:0 .5rem 2rem #0000004d;text-align:center}.modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#666;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close:hover{color:#333}.modal-content h2{margin:0 0 1rem;font-size:1.5rem;color:#333}.modal-content p{margin:0 0 1.5rem;color:#666;line-height:1.5}.qr-code{max-width:100%;height:auto;border-radius:.5rem}.app-container{width:100vw;height:100vh;position:relative}