:root{--bg-color: #ffffff;--text-color: #000000;--header-bg: rgba(255, 255, 255, .9);--shadow-color: rgba(0, 0, 0, .3)}[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #ffffff;--header-bg: rgba(26, 26, 26, .9);--shadow-color: rgba(0, 0, 0, .6)}.app-container{width:100vw;height:100vh;position:relative;cursor:crosshair;overflow:hidden;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.header{position:absolute;top:20px;width:100%;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:space-around;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.header-content{pointer-events:none}.header h1{font-size:3rem;margin-bottom:10px}.header p{font-size:1.2rem;margin:5px 0}.click-indicator{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.hand{font-size:3rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(2px 2px 4px var(--shadow-color))}.clap-indicator{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:20}.clap{font-size:4rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(2px 2px 4px var(--shadow-color))}.super-clap{width:4rem;height:4rem;object-fit:contain;filter:drop-shadow(2px 2px 4px var(--shadow-color))}.total-matches{display:flex;align-items:center;justify-content:center}.total-matches>*{opacity:0;transform:scale(.85);animation:fadeInClap .6s cubic-bezier(.55,1.5,.55,1) forwards}@keyframes fadeInClap{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.theme-toggle{background:transparent;border:none;width:45px;height:45px;font-size:1.5rem;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.8}.theme-toggle:hover{opacity:1;transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}*{margin:0;padding:0;box-sizing:border-box}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;overflow:hidden;height:100vh;width:100vw;transition:background-color .3s ease,color .3s ease}#root{width:100%;height:100%}