@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Mono:wght@500;600&family=Manrope:wght@400;500;600;700&display=swap";*{box-sizing:border-box}:root{color:#172027;font-synthesis:none;text-rendering:optimizelegibility;background:#101b24;font-family:Manrope,Arial,sans-serif}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button{font:inherit}:root{--background:#10161b;--surface:#141c22;--cream:#f0e8d7;--orange:#c55a43;--gold:#cea43e;--muted:#777f82;--line:#f0e8d721}#root{min-height:100vh}.home-screen{min-height:100vh;color:var(--cream);background:var(--background);padding:34px 46px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;width:min(1100px,100%);margin:0 auto;padding-bottom:24px;display:flex}.site-header h1{letter-spacing:-2px;text-transform:uppercase;margin:0;font-family:Barlow Condensed,sans-serif;font-size:53px;font-weight:800;line-height:.9}.site-header h1 span{color:var(--orange)}.tagline{color:#a0a7aa;margin:11px 0 0;font-size:14px;font-weight:500}.credit{color:#818a8e;letter-spacing:1px;text-transform:uppercase;margin:5px 0 0;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.credit a{color:var(--gold);text-decoration:none}.credit a:hover{text-decoration:underline}.game-area{flex-direction:column;justify-content:flex-start;align-items:center;width:min(900px,100%);min-height:0;margin:32px auto 0;display:flex}.category-list{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;max-width:100%;padding:5px 0;display:flex;overflow-x:auto}.category-list::-webkit-scrollbar{display:none}.category-button{color:#858e92;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;background:0 0;border:none;flex-shrink:0;align-items:center;gap:8px;padding:11px 15px;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700;transition:color .15s;display:flex;position:relative}.category-button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-6px;left:15px;right:15px}.category-button:hover:not(:disabled),.category-button.active{color:var(--cream)}.category-button.active:after{background:var(--gold)}.category-button:disabled{cursor:not-allowed}.category-icon{filter:grayscale(35%);font-size:16px;transition:filter .15s}.category-button:hover .category-icon,.category-button.active .category-icon{filter:grayscale(0%)}.prompt-guide{color:#b2b6b5;text-align:center;max-width:650px;margin:20px auto 0;font-size:14px;font-weight:700;line-height:1.5}.prompt-window{flex:0 0 250px;place-items:center;width:100%;height:250px;min-height:250px;margin:0;display:grid;position:relative;overflow:hidden}.prompt-window:before,.prompt-window:after{content:"";z-index:2;pointer-events:none;height:45px;position:absolute;left:0;right:0}.prompt-window:before{background:linear-gradient(to bottom, var(--background), transparent);top:0}.prompt-window:after{background:linear-gradient(to top, var(--background), transparent);bottom:0}.prompt-text{color:var(--cream);letter-spacing:-4px;text-align:center;text-transform:uppercase;margin:0;padding:20px;font-family:Barlow Condensed,sans-serif;font-size:clamp(70px,10vw,125px);font-weight:700;line-height:.88}.prompt-text.spinning{animation:.135s linear infinite reel-spin}@keyframes reel-spin{0%{opacity:0;transform:translateY(-85px)}45%{opacity:1;transform:translateY(0)}55%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(85px)}}.controls{gap:10px;margin-top:4px;display:flex}.controls button{cursor:pointer;letter-spacing:.6px;text-transform:uppercase;border-radius:5px;min-width:165px;padding:15px 22px;font-size:13px;font-weight:700;transition:transform .15s,background-color .15s,border-color .15s}.controls button:hover:not(:disabled){transform:translateY(-2px)}.draw-button{color:var(--background);background:var(--cream);border:1px solid var(--cream)}.draw-button:hover:not(:disabled){background:#fff7e7}.start-button{color:var(--cream);background:0 0;border:1px solid #596267}.start-button:hover:not(:disabled){border-color:var(--orange)}.controls button:disabled{color:#555e62;cursor:not-allowed;background:0 0;border-color:#303a40;transform:none}.timer-screen{min-height:100vh;color:var(--cream);background:#090d11;padding:28px 40px}.timer-header{color:var(--gold);border-bottom:1px solid var(--line);letter-spacing:2px;justify-content:space-between;padding-bottom:20px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;display:flex}.timer-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);display:flex}.shot-clock-label{color:#929b9f;letter-spacing:4px;margin:0 0 14px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.shot-clock{color:#ef4939;text-shadow:0 0 15px #ef493966;background:#030608;border:8px solid #35414a;border-radius:4px;place-items:center;width:min(390px,85vw);height:235px;font-family:IBM Plex Mono,monospace;font-size:clamp(110px,22vw,170px);line-height:1;display:grid;box-shadow:inset 0 0 24px #ef49391a,0 18px 45px #0000004d}.shot-clock-warning{animation:1s infinite warning-pulse}.timer-prompt{max-width:850px;color:var(--cream);letter-spacing:-2px;text-transform:uppercase;margin:25px 0 0;font-family:Barlow Condensed,sans-serif;font-size:clamp(44px,6vw,68px);font-weight:700;line-height:.95}.speak-text{color:var(--gold);letter-spacing:3px;margin:15px 0 27px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.end-round-button,.play-again-button{cursor:pointer;letter-spacing:.8px;text-transform:uppercase;border-radius:4px;padding:14px 23px;font-size:13px;font-weight:700;transition:transform .15s,background-color .15s,border-color .15s}.end-round-button{color:#a8afb2;background:0 0;border:1px solid #45535d}.end-round-button:hover{color:var(--cream);border-color:#738089;transform:translateY(-2px)}.play-again-button{color:#090d11;background:var(--gold);border:1px solid var(--gold)}.play-again-button:hover{background:#dfb64e;transform:translateY(-2px)}@keyframes warning-pulse{50%{color:#fff;border-color:var(--orange)}}@media (width<=650px){.home-screen{padding:24px 17px}.site-header{display:block}.site-header h1{font-size:46px}.tagline{font-size:13px}.credit{margin-top:17px;font-size:9px}.game-area{min-height:0;margin-top:30px}.category-list{justify-content:flex-start;width:100%}.category-button{padding:9px 12px;font-size:16px}.category-icon{font-size:15px}.prompt-guide{margin-top:18px;padding:0 12px;font-size:13px}.prompt-window{flex-basis:230px;height:230px;min-height:230px}.prompt-text{letter-spacing:-3px;font-size:clamp(58px,18vw,88px)}.controls{flex-direction:column;width:min(320px,100%)}.controls button{width:100%}.timer-screen{padding:22px 17px}.timer-header{font-size:10px}.shot-clock{height:205px}.shot-clock-label,.speak-text{font-size:10px}}