.game-button{background:var(--accent);color:#000;cursor:pointer;text-align:center;border:0;border-radius:12px;width:100%;padding:1rem 2rem;transition:all .2s;font-size:1.1em;font-weight:700}.game-button:visited{background:var(--accent);color:#000}.game-button:hover{background:var(--accent-hover);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3);transform:translateY(-2px)}.game-button:active{transform:translateY(0)}.game-button.secondary{border:2px solid var(--accent);color:var(--accent);background:0 0}.game-button.secondary:hover{background:rgba(var(--accent-rgb),.1);border-color:var(--accent-hover);color:var(--accent-hover)}.leaderboard-overlay{position:fixed;background:var(--shadow-strong);display:flex;z-index:1000;backdrop-filter:blur(4px);justify-content:center;align-items: center;padding:20px;inset:0}.leaderboard-container{background:var(--bg-secondary);border:2px solid var(--accent);display:flex;box-shadow:0 20px 60px var(--shadow-color),0 0 40px rgba(var(--accent-rgb),.2);box-sizing:border-box;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;padding:24px 16px}.leaderboard-container h2{color:var(--accent);text-align:center;text-shadow:0 0 20px rgba(var(--accent-rgb),.3);flex-shrink:0;margin:0 0 8px;font-size:clamp(24px,5vw,28px);font-weight:700}.leaderboard-subtitle{text-align:center;color:var(--text-secondary);flex-shrink:0;margin-bottom:16px;font-size:14px}.no-data{text-align:center;color:var(--text-secondary);padding:40px 20px;font-size:16px}.leaderboard-list{display:flex;overflow-y:auto;flex-direction:column;flex:1;gap:0;min-height:0;margin-bottom:12px}.leaderboard-entry{display:grid;grid-template-columns:40px 1fr auto auto;box-sizing:border-box;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);align-items: center;gap:8px;height:52px;padding:0 10px;transition:all .2s}.leaderboard-entry:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.leaderboard-entry:last-child{border-bottom:none;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.leaderboard-entry:hover{background:var(--bg-hover);border-color:rgba(var(--accent-rgb),.3);transform:translate(4px)}.leaderboard-entry.user-school{background:rgba(var(--accent-rgb),.15);border:2px solid var(--accent);color:var(--text-primary);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.leaderboard-entry.user-school:hover{background:rgba(var(--accent-rgb),.2);border-color:var(--accent-hover);box-shadow:0 6px 16px rgba(var(--accent-rgb),.4)}.rank-badge{display:flex;justify-content:center;align-items: center;width:40px}.medal{font-size:24px;line-height:1}.rank-number{color:var(--text-tertiary);font-size:18px;font-weight:700}.leaderboard-entry.user-school .rank-number{color:var(--accent)}.school-info{flex:1;min-width:0}.school-name{color:var(--text-primary);display:flex;align-items: center;gap:6px;min-width:0;font-size:16px;font-weight:600}.school-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:1.2}.leaderboard-entry.user-school .school-name{color:var(--text-primary)}.your-school-badge{display:inline-flex;background:rgba(var(--accent-rgb),.2);color:var(--text-primary);border-radius:12px;flex-shrink:0;align-items: center;padding:2px 6px;font-size:11px;font-weight:500}.school-stats{color:var(--text-secondary);font-size:12px}.leaderboard-entry.user-school .school-stats{color:var(--text-secondary)}.time-info,.best-time-info{display:flex;flex-direction:column;align-items: flex-end;min-width:60px}.avg-time,.best-time{color:var(--accent-hover);font-size:16px;font-weight:600}.leaderboard-entry.user-school .avg-time,.leaderboard-entry.user-school .best-time{color:var(--text-primary)}.time-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:0;font-size:10px;line-height:1}.leaderboard-entry.user-school .time-label{color:var(--text-secondary)}.close-button{background:var(--accent);color:#000;cursor:pointer;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3);border:none;border-radius:12px;flex-shrink:0;width:100%;padding:14px;transition:all .2s;font-size:16px;font-weight:600}.close-button:hover{background:var(--accent-hover);box-shadow:0 6px 16px rgba(var(--accent-rgb),.4);transform:translateY(-2px)}.close-button:active{transform:translateY(0)}@media (max-width:600px){.leaderboard-container{padding:20px 12px}.leaderboard-entry{grid-template-columns:32px 1fr auto auto;gap:8px;padding:6px 8px}.rank-badge{width:32px}}@media (max-width:320px){.leaderboard-entry{grid-template-columns:24px 1fr auto;gap:4px;padding:4px 6px}.best-time-info{display:none}.leaderboard-entry .rank-badge{width:24px;font-size:.9em}.leaderboard-entry .school-name{font-size:14px}}@media (max-height:600px){.leaderboard-overlay{align-items: flex-end;padding:10px}.leaderboard-container{border-bottom-right-radius:0;border-bottom-left-radius:0;max-height:95vh}}.leaderboard-container.embedded{box-shadow:none;background:0 0;border:none;max-width:100%;height:auto;max-height:none;margin:0;padding:0}.leaderboard-container.embedded .leaderboard-list{overflow-y:visible;margin-bottom:0}.leaderboard-container.embedded .leaderboard-entry{background:rgba(var(--bg-tertiary-rgb),.03);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.leaderboard-container.embedded .no-data{padding:20px 0}.leaderboard-entry.sticky{position:sticky;z-index:10;background:var(--bg-secondary);box-shadow:0 4px 10px var(--shadow-color);border-bottom:1px solid var(--border-color);border-radius:0;margin-bottom:0}.leaderboard-entry.sticky:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.leaderboard-entry.sticky:last-of-type{border-bottom-right-radius:12px;border-bottom-left-radius:12px;margin-bottom:8px}.leaderboard-container.embedded .leaderboard-entry.sticky{background:var(--bg-primary);border-color:var(--border-color)}.start-screen{text-align:center;display:flex;box-sizing:border-box;flex-direction:column;width:100%;height:100%;padding:0 10px}.start-screen h2{color:var(--accent);margin:auto 0 0;font-size:clamp(24px,7vw,48px);line-height:1.2}.start-screen p{color:var(--text-secondary);max-width:500px;margin:auto;font-size:clamp(16px,4vw,24px)}.rules{display:flex;text-align:left;flex-direction:column;gap:12px;max-width:400px;margin-bottom:auto;margin-left:auto;margin-right:auto}.rule{background:rgba(var(--accent-rgb),.1);border-left:3px solid var(--accent);color:var(--text-primary);border-radius:4px;padding:12px 16px;font-size:14px}.start-button{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:12px;margin-top:auto;margin-bottom:auto;padding:16px 48px;transition:all .2s;font-size:18px;font-weight:700}.start-button:hover{box-shadow:0 6px 20px rgba(var(--accent-rgb),.3);transform:translateY(-3px)}.start-button:active{transform:translateY(-1px)}.streak-celebration-overlay{position:fixed;display:flex;z-index:1000;animation:fadeIn .3s ease-out;background-color:#000000d9;justify-content:center;align-items: center;width:100vw;height:100vh;top:0;left:0}.streak-celebration-content{background-color:var(--color-bg-secondary,#1c1c1e);text-align:center;color:#fff;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);border-radius:20px;width:320px;max-width:90%;padding:40px;box-shadow:0 10px 30px #00000080}.streak-icon-container{animation:firePulse 2s infinite ease-in-out;margin-bottom:20px;font-size:80px}.streak-title{text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:5px;font-size:1.2rem}.streak-count{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#ff9a9e 0%,#fad0c4 99% 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:3rem;font-weight:800}.streak-message{opacity:.8;margin-bottom:30px;font-size:1rem}.streak-progress-container{position:relative;overflow:hidden;background-color:#ffffff1a;border-radius:5px;height:10px;margin-bottom:10px}.streak-progress-bar{background-color:#ff9a9e;border-radius:5px;height:100%;transition:width 1s ease-out}.streak-progress-label{text-align:center;opacity:.7;margin-bottom:30px;font-size:.9rem}.streak-continue-btn{color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:30px;width:100%;padding:15px 40px;transition:transform .1s;font-size:1.1rem;font-weight:700}.streak-continue-btn:active{transform:scale(.98)}@media (max-width:350px){.streak-celebration-content{width:100%;max-width:280px;padding:20px}.streak-icon-container{margin-bottom:15px;font-size:60px}.streak-count{font-size:2.5rem}.streak-message{margin-bottom:20px}.streak-continue-btn{padding:12px 30px;font-size:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px)scale(.9);opacity:0}to{transform:translateY(0)scale(1);opacity:1}}@keyframes firePulse{0%{transform:scale(1);filter:drop-shadow(0 0 10px #ff450080)}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px #ff4500cc)}to{transform:scale(1);filter:drop-shadow(0 0 10px #ff450080)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}code{background:#f5f5f5;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace}