#root{max-width:100%;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.home-container{height:100vh;height:100dvh;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;box-sizing:border-box}.button-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px;padding:0 1rem;box-sizing:border-box}.game-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;padding:2.5rem;background-color:#646cff;color:#fff;text-decoration:none;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.game-button:hover{background-color:#535bf2;transform:translateY(-2px);box-shadow:0 6px 8px #0003}.game-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.emoji{font-size:2rem;margin-bottom:0}.button-text{font-size:1.5rem;font-weight:700}@media (max-width: 480px){.emoji{font-size:2.5rem}.button-text{font-size:1.25rem}.game-button{padding:2rem}}.heads-up{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.rules-screen{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;box-sizing:border-box}.rules-screen ol{margin:0;padding-left:2rem;max-height:60vh;overflow-y:auto}.rules-screen li{margin:1rem 0}.orientation-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.countdown-screen,.game-screen,.results-screen{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;position:relative}.timer{position:absolute;top:1rem;right:1rem;font-size:2rem;font-weight:700}.current-word{font-size:2.5rem;font-weight:700;text-transform:uppercase;margin:0 5rem;text-align:center;word-wrap:break-word;line-height:1.2}.countdown .current-word{font-size:2rem;line-height:1.4;max-width:80%;margin:0 auto}.results-screen{height:100%;width:100%;display:flex;flex-direction:column;padding:1rem;box-sizing:border-box;overflow:hidden}.round-results{flex:1;width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden}.score-summary{padding:1rem 0}.score,.total{font-size:1.5rem;font-weight:700;margin:.5rem 0}.words-list{flex:1;overflow-y:auto;padding:0 1rem;margin:1rem 0}.words-list h3{margin-bottom:1rem;position:sticky;top:0;background:inherit;padding:.5rem 0}.words-list ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.words-list li{padding:.75rem;background:#646cff1a;border-radius:4px;text-align:center}.results-buttons{padding:1rem 0;display:flex;flex-direction:column;gap:1rem;align-items:center}.home-link{margin-top:1rem;color:#646cff;text-decoration:none}button{background-color:#646cff;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:background-color .3s}button:hover{background-color:#535bf2}.start-button{background-color:#646cff;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:background-color .3s}h1,h2,p{margin:0}.side-button{position:absolute;top:50%;transform:translateY(-50%);padding:4rem 1rem;background-color:#646cffcc;color:#fff;border:none;cursor:pointer;transition:background-color .3s;z-index:10}.side-button:active{background-color:#535bf2e6}.left-button{left:0;border-radius:0 8px 8px 0;background-color:#ff6363cc}.right-button{right:0;border-radius:8px 0 0 8px;background-color:#4bb543cc}.left-button{background-color:#ff6363cc}.right-button{background-color:#4bb543cc}.current-word{font-size:2.5rem;font-weight:700;text-transform:uppercase;margin:0 5rem;text-align:center;word-wrap:break-word}.game-over{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.red-team-button{background-color:#f44!important;padding:1rem 3rem;font-size:1.2rem}.red-team-button:hover{background-color:#f22!important}.blue-team-button{background-color:#44f!important;padding:1rem 3rem;font-size:1.2rem}.blue-team-button:hover{background-color:#22f!important}.red-team-text{color:#f44;font-weight:700}.blue-team-text{color:#44f;font-weight:700}.game-screen.red-team-turn{border:8px solid #ff4444;box-sizing:border-box;height:100vh;height:100dvh}.game-screen.blue-team-turn{border:8px solid #4444ff;box-sizing:border-box;height:100vh;height:100dvh}.team-scores{display:flex;gap:2rem;justify-content:center;margin:1rem 0}.red-team h4{color:#f44}.blue-team h4{color:#44f}.game-buttons{display:flex;justify-content:space-between;width:100%;padding:0 2rem;margin-top:2rem;box-sizing:border-box}.skip-button{background-color:gold;color:#000;padding:1rem 3rem;font-size:1.2rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.skip-button:hover{background-color:#ffc600;transform:translateY(-2px)}.correct-button{background-color:#4caf50;color:#fff;padding:1rem 3rem;font-size:1.2rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.correct-button:hover{background-color:#45a049;transform:translateY(-2px)}.skip-button:active,.correct-button:active{transform:translateY(0)}.turn-end-screen{display:flex;flex-direction:column;align-items:center;padding:2rem;height:100vh;height:100dvh;box-sizing:border-box}.scores-table{width:100%;max-width:500px}.scores-table table{width:100%;border-collapse:collapse;margin:1rem 0;background:#ffffff0d;border-radius:8px}.scores-table th,.scores-table td{padding:1rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.scores-table th{font-weight:700;background:#ffffff1a}.red-team-row td:first-child{color:#f44;font-weight:700}.blue-team-row td:first-child{color:#44f;font-weight:700}.words-remaining{font-size:1.2rem;opacity:.8}.turn-buttons{display:flex;justify-content:space-around;width:100%;max-width:600px;gap:2rem;margin-top:1rem}.turn-buttons button{flex:1;max-width:200px;padding:1rem}.split-team-buttons{display:flex;align-items:center;justify-content:space-around;width:100%;max-width:800px;margin-top:2rem}.team-button-spacer{display:flex;align-items:center;padding:0 3rem}.team-button-spacer span{font-size:1.2rem;opacity:.7}.split-team-buttons button{flex:1;max-width:300px;padding:1.5rem;font-size:1.2rem}.setup-screen{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;box-sizing:border-box}.setup-instructions{text-align:center;font-size:1.2rem;line-height:1.6;max-width:600px}.start-game-button{background:linear-gradient(45deg,#f44,#44f);color:#fff;font-size:1.5rem;padding:1.5rem 3rem;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0003}.start-game-button:hover{transform:translateY(-2px);box-shadow:0 6px 8px #0000004d}.start-game-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.team-buttons{display:flex;align-items:center;justify-content:center;width:100%;max-width:600px;gap:2rem;justify-content:space-between}.resume-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.resume-dialog-content{background:#242424;padding:2rem;border-radius:12px;max-width:90%;width:400px;text-align:center;box-shadow:0 4px 6px #0000001a}.resume-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.resume-buttons button{padding:1rem;font-size:1.2rem}.game-screen{transition:transform .3s ease,background-color .3s ease}.animation-correct{animation:correctAnimation .5s ease;background-color:#4bb54333}.animation-skip{animation:skipAnimation .5s ease;background-color:#ff636333}@keyframes correctAnimation{0%{transform:translateY(0)}50%{transform:translateY(20px);background-color:#4bb5434d}to{transform:translateY(0)}}@keyframes skipAnimation{0%{transform:translateY(0)}50%{transform:translateY(-20px);background-color:#ff63634d}to{transform:translateY(0)}}.debug-overlay{position:fixed;top:10px;left:10px;background:#000c;padding:10px;border-radius:8px;font-family:monospace;font-size:12px;text-align:left;z-index:1000}.debug-overlay p{margin:5px 0;color:#fff}.game-over-screen{display:flex;flex-direction:column;align-items:center;padding:2rem;height:100vh;height:100dvh;box-sizing:border-box;gap:2rem}.game-over-screen .scores-table{width:100%;max-width:600px}.game-over-screen .home-link{margin-top:2rem;font-size:1.2rem}.game-over-screen h2{font-size:2rem;margin-bottom:1rem}.action-bubble{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);padding:2rem 4rem;border-radius:50px;font-size:3rem;font-weight:700;white-space:nowrap;animation:bubblePop .5s ease forwards;z-index:1000}.skip-bubble{background-color:gold;color:#000;box-shadow:0 4px 15px #0003}.correct-bubble{background-color:#4caf50;color:#fff;box-shadow:0 4px 15px #0003}@keyframes bubblePop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.action-bubble:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);border-width:20px 20px 0;border-style:solid}.skip-bubble:after{border-color:#FFD700 transparent transparent}.correct-bubble:after{border-color:#4CAF50 transparent transparent}.countdown{font-size:4rem}.action-hitboxes{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;pointer-events:all;z-index:5}.hitbox{flex:1;height:100%;cursor:pointer}.skip-hitbox{background-color:#ff63631a}.correct-hitbox{background-color:#4bb5431a}.side-button{z-index:10;pointer-events:none}.new-high-score{color:gold;font-size:1.8rem;font-weight:700;margin:.5rem 0;animation:pulse 1s infinite}.high-score{font-size:1.5rem;font-weight:700;margin:.5rem 0;color:gold}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{height:100%;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}