@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap);*{box-sizing:border-box}html{height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;font-family:Roboto Condensed;margin:0;padding:0;position:relative;-webkit-user-select:none;user-select:none}#root,body{height:100%;overflow-x:hidden;width:100%}h1,h2,p{margin-bottom:0;margin-top:0}.noSelect{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.noSelect:focus{outline:none!important}.mode-selection-container{color:#fff;display:flex;flex-direction:column;font-family:Roboto Condensed;height:100vh;min-height:100vh;overflow:hidden;position:relative;width:100vw}.mode-option{align-items:center;cursor:pointer;display:flex;flex-basis:50%;flex-grow:1;justify-content:center;text-align:center;transition:transform .3s ease,filter .3s ease;width:100%}.mode-option:hover{filter:brightness(1.2);transform:scale(1.02)}.classic-option{background-color:#00ced1}.after-dark-option{background-color:red}.mode-title{font-size:clamp(2rem,8vw,3rem);font-weight:700;padding:1rem;text-shadow:2px 2px 4px #0006}.mode-subtitle{color:#6b7280;font-size:clamp(1rem,3vw,1.2rem);font-weight:600;margin-bottom:24px;margin-top:-24px}.setup-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;min-height:100vh;overflow-x:hidden;padding:clamp(16px,4vw,24px);position:relative;width:100vw}.setup-card{border-radius:24px;box-shadow:0 25px 50px -12px #00000040;margin:auto;max-width:400px;padding:clamp(20px,6vw,32px);text-align:center;width:100%}.main-title{font-size:clamp(1.8rem,6vw,2.5rem);font-weight:700}.main-title,.player-selection{margin-bottom:clamp(20px,5vw,32px)}.section-title{font-size:clamp(1rem,4vw,1.25rem);font-weight:600;margin-bottom:16px}.player-buttons{display:flex;flex-wrap:wrap;gap:clamp(6px,2vw,8px);justify-content:center;margin-bottom:16px}.player-button{border:none;border-radius:50%;cursor:pointer;font-size:clamp(.9rem,3vw,1rem);font-weight:700;height:clamp(40px,12vw,48px);transition:all .3s ease;width:clamp(40px,12vw,48px)}.player-button.active{transform:scale(1.1)}.player-count{font-size:clamp(.9rem,3.5vw,1rem);margin:0}.action-buttons{display:flex;flex-direction:column;gap:16px}.install-button,.start-button{border:none;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a;cursor:pointer;font-size:clamp(1rem,4vw,1.125rem);font-weight:700;padding:clamp(12px,4vw,16px) clamp(16px,5vw,24px);transition:all .3s ease;width:100%}.install-button:hover,.start-button:hover{box-shadow:0 20px 35px -5px #00000026;transform:scale(1.02)}.waiting-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;min-height:100vh;overflow:hidden;padding:clamp(16px,4vw,24px);position:relative;width:100vw}.touch-area{height:100%;inset:0;position:absolute;touch-action:none;width:100%}.touch-point{animation:pulse 1.5s infinite;border-radius:50%;height:90px;position:absolute;width:90px}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.waiting-content{max-width:90%;pointer-events:none;text-align:center;z-index:10}.countdown,.finger-count,.waiting-title{color:#fff}.waiting-title{font-size:clamp(1.2rem,5vw,1.5rem);font-weight:700;line-height:1.3;margin-bottom:16px}.finger-count{font-size:clamp(1rem,4vw,1.25rem);margin-bottom:32px}.countdown{font-size:clamp(3rem,12vw,4rem);font-weight:700}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-15px,0)}70%{transform:translate3d(0,-7px,0)}90%{transform:translate3d(0,-2px,0)}}.back-button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:clamp(.8rem,3vw,1rem);left:clamp(12px,3vw,16px);padding:clamp(6px,2vw,8px) clamp(12px,3vw,16px);position:absolute;top:clamp(12px,3vw,16px);transition:all .3s ease;z-index:10}.back-button:hover{background:#ffffff4d}.playing-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;min-height:100vh;overflow-x:hidden;padding:clamp(16px,4vw,24px);position:relative;width:100vw}.playing-card{background:#fff;border-radius:24px;border-style:solid;border-width:4px;box-shadow:0 25px 50px -12px #00000040;margin:auto;max-width:500px;padding:clamp(20px,6vw,32px);text-align:center;width:100%}.player-badge{border-radius:50px;color:#fff;display:inline-block;font-size:clamp(1rem,4vw,1.125rem);font-weight:700;margin-bottom:clamp(16px,4vw,24px);padding:clamp(6px,2vw,8px) clamp(16px,5vw,24px)}.prompt-text{color:#374151;font-size:clamp(1.2rem,5vw,1.5rem);font-weight:600;line-height:1.6;margin-bottom:clamp(20px,5vw,32px);padding:0 clamp(8px,2vw,16px)}.playing-buttons{display:flex;flex-direction:column;gap:16px}.done-button{border:none;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a;color:#fff;cursor:pointer;font-size:clamp(1rem,4vw,1.125rem);font-weight:700;padding:clamp(12px,4vw,16px) clamp(16px,5vw,24px);transition:all .3s ease;width:100%}.done-button:hover{box-shadow:0 20px 35px -5px #00000026;transform:scale(1.02)}.end-button{border:none;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a;color:#fff;cursor:pointer;font-size:clamp(.9rem,3.5vw,1rem);font-weight:700;padding:clamp(10px,3vw,12px) clamp(16px,5vw,24px);transition:all .3s ease;width:100%}.end-button:hover{box-shadow:0 20px 35px -5px #00000026;transform:scale(1.02)}.setup-container.classic-mode{background:linear-gradient(135deg,#a8c0ff,#3f2b96)}.classic-mode .setup-card{background:#fff}.classic-mode .main-title,.classic-mode .player-count,.classic-mode .section-title{color:#374151}.classic-mode .player-button{background:#f1f2f6;color:#374151}.classic-mode .player-button:hover{background:#d1d2d6}.classic-mode .player-button.active{background:#6c5ce7;color:#fff}.classic-mode .start-button{background:linear-gradient(135deg,#6c5ce7,#a4508b);color:#fff}.classic-mode .install-button{background:linear-gradient(135deg,#00b894,#009387);color:#fff}.waiting-container.classic-mode{background:#1e272e}.classic-mode .countdown,.classic-mode .finger-count,.classic-mode .waiting-title{color:#fff}.classic-mode .back-button{background:#fff3;color:#fff}.playing-container.classic-mode{background:linear-gradient(135deg,#a8c0ff,#3f2b96)}.classic-mode .playing-card{background:#fff}.classic-mode .prompt-text{color:#374151}.classic-mode .done-button{background:#00d2d3}.classic-mode .done-button:hover{background:#00a5a6}.classic-mode .end-button{background:#6b7280}.setup-container.afterDark-mode{background:#000}.afterDark-mode .setup-card{background:#1a1a1a}.afterDark-mode .main-title,.afterDark-mode .player-count,.afterDark-mode .section-title{color:#e0e0e0}.afterDark-mode .player-button{background:#333;color:#e0e0e0}.afterDark-mode .player-button:hover{background:#555}.afterDark-mode .player-button.active,.afterDark-mode .start-button{background:red;color:#fff}.afterDark-mode .install-button{background:#4a4a4a;color:#fff}.waiting-container.afterDark-mode{background:#000}.afterDark-mode .countdown,.afterDark-mode .finger-count,.afterDark-mode .waiting-title{color:#e0e0e0}.afterDark-mode .back-button{background:#ffffff1a;color:#e0e0e0}.playing-container.afterDark-mode{background:#000}.afterDark-mode .playing-card{background:#1a1a1a}.afterDark-mode .player-badge{color:#fff}.afterDark-mode .prompt-text{color:#e0e0e0}.afterDark-mode .done-button{background:red}.afterDark-mode .done-button:hover{background:#b22222}.afterDark-mode .end-button{background:#4a4a4a}@keyframes pulse-logo{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(.95)}}.desktop-message{align-items:center;background-color:#f1f2f6;display:flex;flex-direction:column;height:100vh;justify-content:center;min-height:100vh;overflow:hidden;padding:clamp(16px,4vw,24px);position:relative;text-align:center;width:100vw}.desktop-message h1{color:#374151;font-size:clamp(1.8rem,6vw,2.5rem);margin-bottom:16px}.desktop-message p{color:#6b7280;font-size:clamp(1rem,4vw,1.2rem);line-height:1.5;max-width:400px}
/*# sourceMappingURL=main.b5656c4d.css.map*/