*{box-sizing:border-box;margin:0;padding:0;font-family:Cabin,sans-serif}:root{--transition-colors:color,background-color,border-color,color-mix,box-shadow,linear-gradient,outline-color;--transition-all:all;--transition03:.3s ease;--transition05:.5s ease}:root[data-theme=light]{--text:#1e293b;--text-static-light:#fff;--text-static-dark:#1a1a1a;--text-excitement:#ff6b35;--text-secondary:#64748b;--background:#f8fafc;--card:#fff;--card-shadow:0 8px 24px #0000000d;--box:#f1f5f9;--success:#10b981;--option:#f87171;--option-hover:#ef4444;--warning:#f43f5e;--fail:#dc2626;--submit:#22c55e;--submit-hover:#16a34a;--close:#334155;--close-hover:#475569;--disabled:#cbd5e1;--hint:#38bdf8;--hint-hover:#0ea5e9;--reveal:#a78bfa;--reveal-hover:#8b5cf6;--accent:#6366f1;--highlight:#3b82f6;--theme-toggle:#fcd34d;--theme-accent:#f1f5f9;--border:#e2e8f0}:root[data-theme=dark]{--text:#f1f5f9;--text-static-light:#fff;--text-static-dark:#1a1a1a;--text-secondary:#94a3b8;--text-excitement:#ff9e64;--background:#0f172a;--card:#1e293b;--card-shadow:0 8px 24px #0003;--box:#334155;--success:#10b981;--option:#ef4444;--option-hover:#dc2626;--warning:#f43f5e;--fail:#dc2626;--submit:#10b981;--submit-hover:#059669;--close:#475569;--close-hover:#64748b;--disabled:#64748b;--hint:#0ea5e9;--hint-hover:#0284c7;--reveal:#8b5cf6;--reveal-hover:#7c3aed;--accent:#818cf8;--highlight:#60a5fa;--theme-toggle:#2563eb;--theme-accent:#334155;--border:#334155}body{background-color:var(--background);color:var(--text);transition:var(--transition03);transition-property:var(--transition-colors);letter-spacing:-.01em;min-height:100vh;font-family:Cabin,sans-serif;line-height:1.6}footer{text-align:center;background-color:var(--card);color:var(--text-secondary);box-shadow:var(--card-shadow);transition:var(--transition03);transition-property:var(--transition-colors);border-top:1px solid var(--border);width:100%;margin-top:20px;padding:20px;font-size:.875rem}.switch{cursor:pointer;width:3.5em;height:2em;font-size:17px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background-color:var(--theme-toggle);box-sizing:border-box;border-radius:34px;justify-content:space-between;align-items:center;padding:0 .4em;transition:all .4s;display:flex;position:absolute;inset:0;overflow:hidden}.toggle-thumb{background-color:var(--theme-accent);border-radius:50%;width:1.4em;height:1.4em;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55);position:absolute;bottom:.3em;left:.3em;box-shadow:0 2px 5px #0003}.slider:before,.slider:after{content:"";background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:1.4em;height:1.4em;display:flex}.slider:before{content:"🌙";color:#0000;text-shadow:0 0 #fff;font-size:1em}.slider:after{content:"☀️";color:#0000;text-shadow:0 0 #fff;font-size:1em}.switch input:checked+.slider .toggle-thumb{transform:translate(1.5em)}.switch:hover .toggle-thumb{box-shadow:0 3px 8px #0000004d}@media (width>=800px){.switch{font-size:18px}}@media (width>=1100px){.switch{width:3.6em;font-size:20px}.slider:before,.slider:after,.toggle-thumb{width:1.5em;height:1.5em}}#mode-selector{flex-direction:column;gap:12px;width:100%;display:flex}.mode-btn{cursor:pointer;background-color:var(--card);color:var(--text);transition:var(--transition03);transition-property:var(--transition-colors);border:none;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:15px;font-size:.95rem;font-weight:600;box-shadow:0 2px 8px #0000000d}.mode-btn.active{background-color:var(--accent);color:var(--text-static-light);border-color:var(--accent);box-shadow:0 4px 12px #6366f133}#game-wrapper{flex-wrap:wrap;gap:24px;width:100%;margin:auto;padding:24px;display:flex}#main-game{flex-direction:column;gap:24px;width:100%;display:flex}#game-container{background-color:var(--card);box-shadow:var(--card-shadow);text-align:center;transition:var(--transition03);transition-property:var(--transition-colors);border:1px solid var(--border);border-radius:20px;padding:32px;position:relative}#scoreboard-container{background-color:var(--card);box-shadow:var(--card-shadow);transition:var(--transition03);transition-property:var(--transition-colors);border:1px solid var(--border);border-radius:20px;padding:24px}#guess-history-container{background-color:var(--card);box-shadow:var(--card-shadow);transition:var(--transition03);transition-property:var(--transition-colors);border:1px solid var(--border);border-radius:20px;width:100%;padding:24px}#guess-history-container h2{color:var(--text);text-align:center;transition:var(--transition03);transition-property:var(--transition-colors);letter-spacing:-.02em;justify-content:center;align-items:center;gap:30px;margin:0;font-size:1.75rem;font-weight:700;display:flex}h1{color:var(--accent);letter-spacing:-.04em;transition:var(--transition03);transition-property:var(--transition-colors);text-shadow:0 2px 10px #6366f126;margin-bottom:28px;font-size:3.5rem;font-weight:800}#clues{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.clue{background-color:var(--box);color:var(--highlight);text-align:center;transition:var(--transition03);transition-property:var(--transition-colors);border:1px solid var(--border);letter-spacing:-.01em;border-radius:16px;width:100%;padding:16px;font-size:1.125rem;font-weight:600;box-shadow:0 2px 8px #00000008}#guess-input{background-color:var(--background);border:2px solid var(--border);color:var(--text);transition:var(--transition03);transition-property:var(--transition-colors);border-radius:16px;outline:none;width:100%;margin-bottom:16px;padding:18px;font-size:1.1rem;box-shadow:inset 0 2px 4px #00000008}#guess-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.btn-submit{cursor:pointer;background-color:var(--submit);color:var(--text-static-light);letter-spacing:-.01em;border:none;border-radius:16px;width:100%;padding:16px;font-size:1.1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #10b98133}.btn-submit:hover{background-color:var(--submit-hover);transform:translateY(-2px);box-shadow:0 6px 16px #10b98140}.btn-submit:active{transform:translateY(0);box-shadow:0 2px 8px #10b98133}.btn-skip{cursor:pointer;background-color:var(--option);color:var(--text-static-light);border:none;border-radius:16px;width:50%;padding:16px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #ef444433}.btn-skip:hover{background-color:var(--option-hover);transform:translateY(-2px);box-shadow:0 6px 16px #ef444440}.btn-skip:active{transform:translateY(0);box-shadow:0 2px 8px #ef444433}.button-group{gap:12px;margin-bottom:18px;display:flex}.btn{cursor:pointer;color:var(--text-static-light);border:none;border-radius:16px;padding:14px 12px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #00000014}.btn-hint{background-color:var(--hint);width:50%;transition:all .2s}.btn-hint:hover{background-color:var(--hint-hover);transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e940}.btn-hint:active{transform:translateY(0);box-shadow:0 2px 8px #0ea5e933}.btn-category{background-color:var(--reveal);width:50%;transition:all .2s}.btn-category:hover{background-color:var(--reveal-hover);transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf640}.btn-category:active{transform:translateY(0);box-shadow:0 2px 8px #8b5cf633}#message{color:var(--text);transition:var(--transition03);transition-property:var(--transition-colors);letter-spacing:-.01em;margin-top:16px;font-size:1.2rem;font-weight:600}#attempts{color:var(--warning);transition:var(--transition03);transition-property:var(--transition-colors);margin-top:8px;font-size:1.1rem;font-weight:700}.btn:disabled,.btn-submit:disabled{background-color:var(--disabled);cursor:not-allowed;box-shadow:none;opacity:.7;transform:none}#hint,#category{color:var(--highlight);background-color:var(--box);border:1px solid var(--border);border-radius:16px;margin-top:18px;padding:14px;font-size:1.1rem;font-style:italic;animation:.5s forwards fadeIn}#guess-history{flex-direction:column;gap:12px;width:100%;margin-top:24px;display:flex}.guess-tile{background-color:var(--box);color:var(--text);transition:var(--transition03);transition-property:var(--transition-colors);opacity:0;border:1px solid var(--border);border-radius:16px;align-items:center;width:100%;padding:16px;font-weight:600;animation:.5s forwards fadeIn;display:flex;position:relative;box-shadow:0 2px 8px #00000008}.guess-tile.correct{background-color:var(--success);color:var(--text-static-light);opacity:1;border-color:var(--success);transform:scale(1.02);box-shadow:0 4px 16px #10b98140}.guess-tile.incorrect{background-color:var(--fail);color:var(--text-static-light);opacity:1;border-color:var(--fail);box-shadow:0 4px 16px #dc262640}#answer-reveal{text-align:center;color:var(--success);margin-top:20px;font-size:1.3rem;font-weight:600}.guess-tile .icon{justify-content:center;align-items:center;width:32px;height:32px;margin-right:16px;font-size:1.5rem;display:flex}.guess-text{word-wrap:break-word;word-break:break-word;flex:1}#scoreboard{color:var(--text);transition:var(--transition03);transition-property:var(--transition-colors);grid-template-columns:repeat(1,1fr);gap:14px;font-size:1.1rem;display:grid}#scoreboard>div{background-color:var(--box);text-align:center;transition:var(--transition03);transition-property:var(--transition-colors);border:1px solid var(--border);border-radius:16px;width:100%;padding:18px;box-shadow:0 2px 8px #00000008}.scoreboard-text{color:var(--highlight);letter-spacing:-.02em;margin-top:6px;font-size:2rem;font-weight:700}#modal-overlay{z-index:1000;transition:var(--transition03);transition-property:var(--transition-colors);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s forwards fadeIn;display:none;position:fixed;top:0;left:0}#modal{background-color:var(--card);text-align:center;transition:var(--transition03);transition-property:var(--transition-colors);border:1px solid var(--border);border-radius:24px;width:90%;max-width:550px;padding:40px;animation:.4s forwards modalSlideUp;box-shadow:0 20px 60px #0000004d}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#modal h2{color:var(--text-excitement);letter-spacing:-.04em;margin-bottom:28px;font-size:3.5rem;font-weight:800;line-height:1.1;animation:1.5s infinite alternate glow}@keyframes glow{0%{text-shadow:0 0 8px #ff6b3566}to{text-shadow:0 0 16px #ff6b35b3}}#modal p{letter-spacing:-.01em;margin-bottom:16px;font-size:1.4rem;line-height:1.4}#modal .btn-close{background-color:var(--close);color:var(--text-static-light);cursor:pointer;border:none;border-radius:16px;margin-top:28px;padding:14px 36px;font-size:1.1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #0003}#modal .btn-close:hover{background-color:var(--close-hover);transform:translateY(-2px);box-shadow:0 6px 16px #00000040}#modal .btn-close:active{transform:translateY(0);box-shadow:0 2px 8px #0003}#modal-word{font-weight:700}#modal span{color:var(--highlight);font-weight:700}#modal-hints-used,#modal-score-gained,#modal-streak,#modal-word,#modal-highscore,#modal-message{color:var(--text);transition:var(--transition03);transition-property:var(--transition-colors);font-weight:500}#instruction-modal-overlay{z-index:1000;transition:var(--transition03);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#instruction-modal{background-color:var(--card);color:var(--text);text-align:left;transition:var(--transition03);transition-property:var(--transition-colors);border:1px solid var(--border);border-radius:24px;width:100%;max-width:700px;padding:60px 36px 36px;font-size:1.1rem;line-height:1.6;animation:.5s forwards slideIn;overflow:hidden auto;box-shadow:0 20px 60px #0000004d}#instruction-modal-wrapper{max-height:85vh;padding:20px;display:flex;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}#instruction-modal h2{text-align:center;color:var(--accent);letter-spacing:-.03em;margin-bottom:24px;font-size:2.5rem;font-weight:800}#instruction-modal h3{color:var(--highlight);letter-spacing:-.01em;margin-top:16px;margin-bottom:10px;font-size:1.5rem;font-weight:700}#instruction-modal p,#instruction-modal ul{margin-bottom:10px}#instruction-modal ul{list-style:inside disc;margin-left:20px}#instruction-modal ul li{margin-bottom:8px}#instruction-modal strong{color:var(--highlight);font-weight:700}#instruction-close{background-color:var(--close);color:var(--text-static-light);cursor:pointer;z-index:100;border:none;border-radius:50%;padding:12px;font-size:.9rem;transition:all .2s;animation:.5s forwards slideIn;position:absolute;top:12px;right:16px;box-shadow:0 4px 12px #0003}#instruction-close:hover{background-color:var(--close-hover);transform:scale(1.1)}.btn-instructions{background-color:var(--hint);color:var(--text-static-light);cursor:pointer;border:none;border-radius:16px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #0ea5e933}.btn-instructions:hover{background-color:var(--hint-hover);transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e940}.btn-instructions:active{transform:translateY(0);box-shadow:0 2px 8px #0ea5e933}.accordion-toggle{background-color:var(--card);color:var(--text);text-align:left;cursor:pointer;border:none;display:block}.accordion-content{opacity:0;max-height:0;transition:max-height .3s ease-out,opacity .3s ease-out;display:block;overflow:hidden}.accordion-content.expanded{animation:.3s forwards expand}.accordion-content.collapsed{animation:.3s forwards collapse}.arrow{border:solid var(--text);transition:var(--transition03);transition-property:var(--transition-all);border-width:0 6px 6px 0;padding:6px;display:inline-block}.down{transform:rotate(45deg)}#toolbar{background-color:var(--card);z-index:100;transition:var(--transition03);transition-property:var(--transition-colors);border:1px solid var(--border);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:14px 24px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #00000026}@keyframes expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:800px}}@keyframes collapse{0%{opacity:1;max-height:800px}to{opacity:0;max-height:0}}#dropdown-container{width:100%;display:flex;position:relative}.dropdown-toggle{color:var(--text);text-align:left;cursor:pointer;appearance:none;background:0 0;border:none;font-size:2.5rem;font-weight:700}.dropdown-content{opacity:0;width:100%;max-height:0;transition:max-height .3s ease-out,opacity .3s ease-out;overflow:hidden}.dropdown-content.expanded{animation:.3s forwards expand}.dropdown-content.collapsed{animation:.3s forwards collapse}#confetti{position:absolute}@media (width>=768px){#game-wrapper{flex-flow:row-reverse wrap;max-width:1100px}#main-game{width:60%}#guess-history-container{width:calc(40% - 24px)}#clues{flex-direction:row;justify-content:space-around}#mode-selector{flex-direction:row;justify-content:center;width:100%}.mode-btn{flex:1;margin-bottom:0}#scoreboard{grid-template-columns:repeat(2,1fr)}.btn{width:50%}#instruction-modal{font-size:1.1rem}.accordion-toggle{display:none}.accordion-content{opacity:1;max-height:unset;display:block}.dropdown-toggle{display:none}.dropdown-content{opacity:1;max-height:unset;flex-wrap:wrap;gap:20px;display:flex}#toolbar{position:unset;border-radius:20px;width:100%;box-shadow:0 4px 20px #00000014}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.clue{animation:.4s forwards fadeInUp;animation-delay:calc(var(--i,0)*.1s)}#clue1{--i:1}#clue2{--i:2}#clue3{--i:3}.btn-submit:hover,.btn-hint:hover,.btn-category:hover,.btn-skip:hover{transform:translateY(-2px)}.btn-submit:active,.btn-hint:active,.btn-category:active,.btn-skip:active{transform:translateY(0)}.btn-submit:active,.btn-hint:active,.btn-category:active,.btn-skip:active,.btn-instructions:active,#modal .btn-close:active{transform:scale(.98)}
/*# sourceMappingURL=index.f7d51625.css.map */