@import "https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap";*,:before,:after{box-sizing:border-box}body{text-align:center;color:#111;background:#fff;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;margin:0;padding:20px;font-family:Crimson Text,serif;display:flex}h2{margin:0 0 4px;font-size:1.6rem}#prompt{min-height:2rem;margin-bottom:10px;font-size:24px}#feedback{color:#dc143c;min-height:30px;margin-top:20px;font-size:20px}#svgWrapper{transform-origin:top;margin-bottom:-350px;transform:scale(.6)}svg{pointer-events:auto}circle{cursor:pointer}#startMsg{color:gray;margin-top:20px;font-size:18px}#timer{color:green;margin-top:10px;font-size:22px}#resetBtn{margin:10px;display:none}#authBar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:8px 0 4px;font-size:15px;display:flex}#authUserInfo{color:#444;font-style:italic;display:none}#signOutBtn{cursor:pointer;font-size:13px;display:none}table{border-collapse:collapse;min-width:320px;margin-top:10px}table,th,td{border:1px solid #ccc;padding:5px 10px}th{background:#f4f4f4}.leaderboard-section{margin-top:24px}.leaderboard-section h3{margin-bottom:4px}#periodTabs{justify-content:center;gap:6px;margin-bottom:6px;display:flex}#periodTabs button{cursor:pointer;background:#fff;border:1px solid #aaa;border-radius:4px;padding:3px 14px;font-family:inherit;font-size:14px}#periodTabs button.active{color:#fff;background:#222;border-color:#222}#publicLeaderboardStatus{color:gray;min-height:1.4em;font-size:14px}