body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff;background-color:#111;overflow:hidden;display:flex;touch-action:none}#root{width:100%;height:100vh;display:flex}.app-container{display:flex;flex-direction:column;width:100%;height:100%;position:relative;background-color:#111}.three-mount{flex-grow:1;min-height:0;display:block;position:relative}.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#28283ce6;padding:25px 30px;border-radius:10px;width:90%;max-width:450px;box-shadow:0 0 15px #00000080;text-align:center;transition:opacity .5s ease-out,visibility .5s ease-out,top .3s ease-out,transform .3s ease-out;z-index:20;max-height:90vh;overflow-y:auto}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.results-overlay{background-color:#1e1e1ee6;border:2px solid #4caf50;box-shadow:0 0 20px #4caf50b3;z-index:30}.overlay h1,.overlay h2{margin:0 0 20px;font-size:1.8em;color:#eee}.results-overlay h2{color:#4caf50;font-size:2.5em;margin-bottom:20px}.input-group{margin-bottom:15px;text-align:left}.input-group label{display:block;margin-bottom:5px;font-size:.9em;color:#ccc}.input-group input[type=number],.input-group textarea{width:100%;padding:10px 8px;border:1px solid #555;background-color:#222;color:#eee;border-radius:4px;box-sizing:border-box;font-size:1rem}.input-group textarea{resize:vertical;min-height:100px}.action-button,.restart-button{padding:12px 20px;font-size:1.1em;cursor:pointer;border:none;color:#fff;text-align:center;text-decoration:none;display:inline-block;border-radius:5px;transition:background-color .3s;margin-top:10px;-webkit-tap-highlight-color:transparent}.action-button{background-color:#4caf50}.restart-button{background-color:#555;margin-top:8px;margin-bottom:8px;width:80%;max-width:250px}.action-button:hover:not(:disabled){background-color:#45a049}.restart-button:hover{background-color:#666}.action-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.error-message{color:#f66;font-size:.9em;margin-top:10px;min-height:1.2em}.winner-list p{font-size:1.8em;margin:10px 0;color:#eee}.winner-list span{font-weight:700;color:#fff}.results-overlay small{margin-top:15px;display:block;color:#aaa;font-size:.85em}.live-ranking{position:absolute;top:10px;left:10px;background-color:#000000b3;padding:6px 12px;border-radius:6px;z-index:50;border:1px solid rgba(255,255,255,.2);color:#eee;font-size:.85em;min-width:130px;opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility .5s ease-out;pointer-events:none}.live-ranking.visible{opacity:1;visibility:visible}.live-ranking h3{margin:0 0 4px;font-size:.9em;color:#4caf50;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2px}.live-ranking p{margin:3px 0;font-size:.9em}.live-ranking span{font-weight:700;color:#fff}.time-freeze-notice,.knock-back-notice,.first-to-last-notice,.speed-boost-notice{position:absolute;left:50%;transform:translate(-50%);color:#fff;padding:10px 20px;border-radius:8px;font-size:1.1em;font-weight:700;text-align:center;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;pointer-events:none;white-space:nowrap;box-shadow:0 2px 5px #0000004d}.time-freeze-notice.visible,.knock-back-notice.visible,.first-to-last-notice.visible,.speed-boost-notice.visible{opacity:1;visibility:visible}.time-freeze-notice{z-index:55;bottom:20px;background-color:#ff5722d9}.knock-back-notice{z-index:56;bottom:65px;background-color:#673ab7d9}.first-to-last-notice{z-index:57;bottom:110px;background-color:#d32f2fe6}.speed-boost-notice{z-index:58;bottom:155px;background-color:#03a9f4d9}.tooltip{position:fixed;background-color:#000c;color:#fff;padding:5px 10px;border-radius:4px;font-size:.9em;white-space:nowrap;z-index:100;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s}.tooltip.visible{opacity:1;visibility:visible}@media (max-width: 600px){.overlay{top:10px;transform:translate(-50%);width:95%;max-width:none;padding:15px;max-height:45vh}.overlay h1,.overlay h2{font-size:1.5em;margin-bottom:15px}.results-overlay h2{font-size:2em}.winner-list p{font-size:1.3em;margin:8px 0}.input-group label{font-size:.8em}.input-group input[type=number],.input-group textarea{font-size:.9rem;padding:10px 8px}.input-group textarea{min-height:70px}.action-button,.restart-button{padding:10px 15px;font-size:1em;width:85%;max-width:300px;box-sizing:border-box}.restart-button{margin-top:5px;margin-bottom:5px}.live-ranking{top:10px;right:10px;left:auto;font-size:.75em;padding:4px 8px;min-width:100px;background-color:#000c}.live-ranking h3{font-size:.85em}.live-ranking p{font-size:.8em;margin:2px 0}.results-overlay small{font-size:.75em;margin-top:10px}.time-freeze-notice,.knock-back-notice,.first-to-last-notice,.speed-boost-notice{font-size:.9em;padding:8px 15px;width:90%;max-width:400px;box-sizing:border-box;white-space:normal}.time-freeze-notice{bottom:10px}.knock-back-notice{bottom:55px}.first-to-last-notice{bottom:100px}.speed-boost-notice{bottom:145px}}@media (max-width: 380px){.overlay{padding:10px;max-height:50vh}.overlay h1,.overlay h2{font-size:1.3em}.results-overlay h2{font-size:1.7em}.winner-list p{font-size:1.1em}.action-button,.restart-button{font-size:.9em;padding:8px 12px;width:90%}.input-group textarea{min-height:60px}.live-ranking{font-size:.7em;padding:3px 6px;min-width:85px;top:5px;right:5px}.time-freeze-notice,.knock-back-notice,.first-to-last-notice,.speed-boost-notice{font-size:.8em;padding:6px 10px}.time-freeze-notice{bottom:5px}.knock-back-notice{bottom:45px}.first-to-last-notice{bottom:85px}.speed-boost-notice{bottom:125px}}