*,:before,:after{box-sizing:border-box}body{background:#fff8ec;margin:0}#root{min-height:100svh}:root{--bg-app:#0c0c10;--bg-frame:#101014;--bg-card:#1a1a22;--bg-input:#1a1a22;--text-main:#f5f0ff;--text-muted:#8878aa;--border:#000;--pink:#c44dff;--mint:#72f0c8;--sky:#88caff;--yellow:#ffd60a}.cc-app *{box-sizing:border-box}.cc-app{background-color:var(--bg-app);color:var(--text-main);background-image:radial-gradient(circle,#c44dff38 1.5px,#0000 1.5px),radial-gradient(circle,#72f0c829 1.5px,#0000 1.5px),radial-gradient(circle,#88caff1f 1px,#0000 1px);background-position:0 0,12px 12px,6px 18px;background-size:36px 36px,24px 24px,18px 18px;min-height:100svh;padding:20px;font-family:Nunito,sans-serif;position:relative;overflow:hidden}.cc-phone-frame{background:var(--bg-frame);border:3px solid var(--border);max-width:420px;box-shadow:6px 6px 0 var(--border);z-index:1;border-radius:28px;min-height:600px;margin:0 auto;padding:28px 24px 36px;position:relative}.cc-float{animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cc-header{text-align:center;text-transform:uppercase;letter-spacing:3px;color:var(--pink);-webkit-text-stroke:2.5px #000;paint-order:stroke fill;text-shadow:5px 5px #000;margin:4px 0 0;font-family:Fraunces,serif;font-size:62px;font-style:normal;font-weight:900;line-height:1}.cc-subheader{text-align:center;color:var(--text-muted);margin-bottom:20px;font-family:Caveat,cursive;font-size:20px}.cc-tagline{text-align:center;color:var(--text-muted);margin:20px 0;font-family:Caveat,cursive;font-size:22px;line-height:1.4}.cc-section-title{text-align:center;color:var(--text-main);margin-bottom:16px;font-family:Fraunces,serif;font-size:26px;font-style:italic;font-weight:900}.cc-btn{border:2.5px solid var(--border);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:var(--bg-card);width:100%;color:var(--text-main);box-shadow:4px 4px 0 var(--border);border-radius:14px;margin-bottom:12px;padding:16px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.cc-btn:active{box-shadow:2px 2px 0 var(--border);transform:translate(2px,2px)}.cc-btn:disabled{opacity:.4;cursor:not-allowed}.cc-btn-primary{background:var(--pink);color:#fff}.cc-btn-join{background:var(--mint);color:#05180e}.cc-btn-howto{background:var(--sky);color:#040c1a}.cc-btn-easy{background:var(--mint);color:#05180e}.cc-btn-medium{background:var(--sky);color:#040c1a}.cc-btn-hard{background:var(--pink);color:#fff}.cc-input{background:var(--bg-card);border:2px solid var(--border);width:100%;color:var(--text-main);border-radius:12px;margin-bottom:10px;padding:13px 16px;font-family:Nunito,sans-serif;font-size:16px;font-weight:600}.cc-input:focus{border-color:var(--pink);background:#20202c;outline:none}.cc-input::placeholder{color:#4a4060}.cc-code-display{text-align:center;letter-spacing:10px;background:var(--pink);border:2.5px solid var(--border);box-shadow:4px 4px 0 var(--border);color:#fff;border-radius:16px;margin:16px 0 20px;padding:24px;font-family:Fraunces,serif;font-size:52px;font-weight:900}.cc-code-label{text-align:center;color:var(--text-muted);margin-top:16px;font-family:Caveat,cursive;font-size:22px}.cc-player-chip{background:var(--bg-card);border:2px solid var(--border);box-shadow:2px 2px 0 var(--border);color:var(--text-main);border-radius:100px;align-items:center;gap:8px;margin:4px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.cc-player-dot{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;width:12px;height:12px}.cc-timer{text-align:center;color:var(--text-main);letter-spacing:2px;margin:12px 0;font-family:Fraunces,serif;font-size:56px;font-weight:900}.cc-timer.urgent{color:var(--pink);animation:.4s infinite wiggle}@keyframes wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.cc-category-card{background:var(--mint);text-align:center;border:2.5px solid var(--border);box-shadow:4px 4px 0 var(--border);border-radius:18px;margin-bottom:16px;padding:24px 20px}.cc-category-label{color:#084030;text-transform:capitalize;margin-bottom:4px;font-family:Caveat,cursive;font-size:18px}.cc-category-text{color:#041a12;font-family:Fraunces,serif;font-size:24px;font-style:italic;font-weight:900;line-height:1.2}.cc-answer-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.cc-answer-num{background:var(--sky);border:2px solid var(--border);color:#041020;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Fraunces,serif;font-size:14px;font-weight:900;display:flex}.cc-answer-input{background:var(--bg-card);border:2px solid var(--border);color:var(--text-main);border-radius:12px;flex:1;padding:13px 16px;font-family:Nunito,sans-serif;font-size:16px;font-weight:600;transition:background .2s}.cc-answer-input:focus{border-color:var(--pink);background:#20202c;outline:none}.cc-answer-input:disabled{opacity:.5}.cc-answer-input::placeholder{color:#4a4060}.cc-locked-badge{background:var(--mint);color:#041a12;text-align:center;border:2.5px solid var(--border);box-shadow:4px 4px 0 var(--border);border-radius:14px;margin-top:10px;padding:22px;font-family:Fraunces,serif;font-size:20px;font-style:italic;font-weight:800}.cc-turn-banner{background:var(--bg-card);border:2.5px solid var(--border);text-align:center;box-shadow:3px 3px 0 var(--border);border-radius:14px;margin-bottom:14px;padding:12px 14px}.cc-turn-banner.my-turn{background:var(--sky)}.cc-turn-banner-label{color:var(--text-muted);font-family:Caveat,cursive;font-size:18px}.cc-turn-banner.my-turn .cc-turn-banner-label{color:#041828}.cc-turn-banner-main{color:var(--text-main);justify-content:center;align-items:center;gap:8px;margin-top:2px;font-family:Fraunces,serif;font-size:18px;font-style:italic;font-weight:900;display:flex}.cc-turn-banner.my-turn .cc-turn-banner-main{color:#040c1a}.cc-mark-row{background:var(--bg-card);border:2.5px solid var(--border);box-shadow:3px 3px 0 var(--border);border-radius:12px;align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;transition:background .15s;display:flex}.cc-mark-row.status-unique{background:#062818}.cc-mark-row.status-copycat{background:#200436}.cc-mark-row.status-blank{opacity:.4}.cc-mark-text{color:var(--text-main);word-break:break-word;flex:1;font-size:15px;font-weight:700}.cc-mark-text.status-unique{color:var(--mint)}.cc-mark-text.status-copycat{color:var(--pink);text-decoration:line-through}.cc-mark-text.status-blank{color:var(--text-muted);font-style:italic;font-weight:600}.cc-mark-btn{border:2px solid var(--border);background:var(--bg-frame);width:40px;height:40px;color:var(--text-main);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;transition:transform 80ms;display:flex}.cc-mark-btn:active{transform:translate(1px,1px)}.cc-mark-unique.active{background:var(--mint);box-shadow:2px 2px 0 var(--border);color:#041a12}.cc-mark-copycat.active{background:var(--pink);box-shadow:2px 2px 0 var(--border);color:#fff}.cc-reveal-card{background:var(--bg-card);border:2.5px solid var(--border);box-shadow:3px 3px 0 var(--border);border-radius:16px;margin-bottom:12px;padding:18px}.cc-reveal-player{border-bottom:2px dashed #2a2236;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.cc-reveal-name{color:var(--text-main);flex:1;font-size:18px;font-weight:800}.cc-reveal-score{background:var(--mint);color:#041a12;border:1.5px solid var(--border);border-radius:100px;padding:4px 14px;font-family:Fraunces,serif;font-size:15px;font-weight:900}.cc-reveal-answer{color:var(--text-main);align-items:center;gap:10px;padding:6px 0;font-size:15px;font-weight:600;display:flex}.cc-reveal-answer.unique{color:var(--mint)}.cc-reveal-answer.copycat{color:var(--pink);text-decoration:line-through}.cc-reveal-answer.blank{color:var(--text-muted);font-style:italic}.cc-reveal-icon{text-align:center;width:22px;font-size:16px}.cc-copycat-stamp{background:var(--pink);color:#fff;border-radius:100px;margin-left:auto;padding:2px 10px;font-family:Caveat,cursive;font-size:16px;font-weight:700;display:inline-block;transform:rotate(-3deg)}.cc-scoreboard-row{background:var(--bg-card);border:2.5px solid var(--border);box-shadow:3px 3px 0 var(--border);color:var(--text-main);border-radius:14px;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.cc-scoreboard-row.first{background:var(--pink);color:#fff}.cc-scoreboard-row.first .cc-rank,.cc-scoreboard-row.first .cc-score-name,.cc-scoreboard-row.first .cc-score-value{color:#fff}.cc-rank{width:36px;font-family:Fraunces,serif;font-size:22px;font-style:italic;font-weight:900}.cc-score-name{flex:1;font-size:16px;font-weight:800}.cc-score-value{font-family:Fraunces,serif;font-size:24px;font-weight:900}.cc-error{color:var(--pink);text-align:center;margin-bottom:12px;font-family:Caveat,cursive;font-size:18px}.cc-length-picker{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:6px;display:grid}.cc-length-btn{background:var(--bg-card);border:2.5px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;color:var(--text-main);box-shadow:3px 3px 0 var(--border);border-radius:14px;padding:10px 6px;font-family:Nunito,sans-serif;transition:transform 80ms,box-shadow 80ms}.cc-length-btn:active{box-shadow:1px 1px 0 var(--border);transform:translate(2px,2px)}.cc-length-btn.active{background:var(--sky);color:#040c1a}.cc-length-icon{margin-bottom:2px;font-size:22px;line-height:1}.cc-length-label{font-family:Fraunces,serif;font-size:14px;font-style:italic;font-weight:900}.cc-length-rounds{color:var(--text-muted);font-family:Caveat,cursive;font-size:14px}.cc-length-btn.active .cc-length-rounds{color:#041828}.cc-countdown{color:var(--pink);text-align:center;text-shadow:5px 5px 0 var(--border);margin:10px 0;font-family:Fraunces,serif;font-size:120px;font-style:italic;font-weight:900;line-height:1;animation:.4s pop}@keyframes pop{0%{opacity:.5;transform:scale(.6)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.cc-winner-banner{background:var(--pink);border:2.5px solid var(--border);text-align:center;box-shadow:4px 4px 0 var(--border);color:#fff;border-radius:16px;margin-bottom:16px;padding:18px;font-family:Fraunces,serif;font-size:22px;font-style:italic;font-weight:900;line-height:1.3}.hw-slide{background:var(--bg-card);border:2.5px solid var(--border);box-shadow:4px 4px 0 var(--border);text-align:center;border-radius:20px;flex:1;margin-bottom:12px;padding:20px 18px 16px}.hw-slide-dark{background:var(--pink)}.hw-slide-emoji{margin-bottom:4px;font-size:32px;line-height:1}.hw-slide-title{color:var(--text-main);margin:4px 0 10px;font-family:Fraunces,serif;font-size:28px;font-style:italic;font-weight:900;line-height:1.1}.hw-slide-body{color:var(--text-muted);margin:0 0 10px;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;line-height:1.5}.hw-slide-dark .hw-slide-body{color:#ffffffe6}.hw-tip{border:2.5px solid var(--border);color:var(--yellow);box-shadow:3px 3px 0 var(--border);background:#180430;border-radius:14px;margin-top:6px;padding:12px 14px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;line-height:1.5}.hw-white{color:#fff!important}.hw-dots{justify-content:center;gap:8px;margin-bottom:10px;display:flex}.hw-dot{background:var(--bg-card);cursor:pointer;border:2px solid #333;border-radius:50%;width:10px;height:10px;padding:0;transition:background .15s}.hw-dot.active{background:var(--pink);border-color:var(--pink)}.cc-mute-btn{border:2px solid var(--border);background:var(--bg-card);cursor:pointer;width:38px;height:38px;box-shadow:2px 2px 0 var(--border);z-index:2;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;transition:transform 80ms,box-shadow 80ms;display:flex;position:absolute;top:14px;right:14px}.cc-mute-btn:active{box-shadow:1px 1px 0 var(--border);transform:translate(1px,1px)}