*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #111111;--surface: #1c1c1c;--surface2: #252525;--border: #2e2e2e;--text: #e2e2e2;--muted: #666;--muted2: #888;--orange: #f97316;--orange-dark: #ea6c0a;--orange-dim: rgba(249, 115, 22, .12);--green: #22c55e;--green-dim: rgba(34, 197, 94, .12);--red-dim: rgba(239, 68, 68, .1)}html,body{background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,sans-serif;font-size:15px;line-height:1.5;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;align-items:center;padding:48px 16px 80px;min-height:100vh}.header{text-align:center;margin-bottom:40px}.header h1{font-size:2.6rem;font-weight:600;letter-spacing:.04em;color:var(--text);text-transform:lowercase}.header .day-label{font-size:1.4rem;font-weight:500;color:var(--muted2);margin-top:2px;letter-spacing:.02em}.header-sub{font-size:1rem;color:var(--muted2);margin-top:6px;letter-spacing:.02em}.game-container{width:100%;max-width:580px;display:flex;flex-direction:column;gap:12px}.score-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:4px}.score-label{font-size:.95rem;text-transform:lowercase;letter-spacing:.06em;color:var(--muted2)}.score-hex{width:72px;height:72px;background:var(--orange);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:-.02em}.clue-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 18px;font-size:.88rem;color:var(--muted2);line-height:1.6;animation:fadeSlideIn .3s ease forwards}.clue-card .clue-index{font-size:.68rem;text-transform:lowercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}.clue-card .clue-text{color:var(--text)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.guesses-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.guess-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--red-dim);border:1px solid rgba(239,68,68,.15);border-radius:8px;font-size:.84rem;color:var(--muted2)}.guess-item .x-icon{color:#ef4444;font-size:.75rem;flex-shrink:0}.tries-row{display:flex;align-items:center;gap:6px;justify-content:center;margin:4px 0}.tries-row .pip{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .2s}.tries-row .pip.used{background:var(--orange)}.tries-label{font-size:.72rem;color:var(--muted);text-transform:lowercase;letter-spacing:.05em;text-align:center}.input-area{position:relative;margin-top:8px}.guess-form{display:flex;gap:8px}.guess-input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;color:var(--text);font-family:inherit;font-size:.9rem;outline:none;transition:border-color .2s;text-transform:lowercase}.guess-input::placeholder{color:var(--muted)}.guess-input:focus{border-color:var(--orange)}.guess-btn{background:var(--orange);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-family:inherit;font-size:.88rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s;text-transform:lowercase}.guess-btn:hover{background:var(--orange-dark)}.guess-btn:disabled{opacity:.4;cursor:not-allowed}.autocomplete-wrap{position:relative}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface2);border:1px solid var(--border);border-radius:8px;overflow:hidden;z-index:100;max-height:220px;overflow-y:auto}.dropdown li{list-style:none;padding:10px 16px;font-size:.86rem;color:var(--muted2);cursor:pointer;transition:background .15s,color .15s;text-transform:lowercase}.dropdown li:hover,.dropdown li.active{background:var(--orange-dim);color:var(--orange)}.dropdown::-webkit-scrollbar{width:4px}.dropdown::-webkit-scrollbar-track{background:transparent}.dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.result-banner{padding:20px 24px;border-radius:12px;text-align:center;animation:fadeSlideIn .35s ease forwards}.result-banner.won{background:var(--green-dim);border:1px solid rgba(34,197,94,.2)}.result-banner.lost{background:var(--surface);border:1px solid var(--border)}.result-banner .result-label{font-size:.72rem;text-transform:lowercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.result-banner.won .result-label{color:var(--green)}.result-banner .result-title{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:4px;display:block}.result-title-link{text-decoration:none;transition:color .2s}.result-title-link:hover{color:var(--orange)}.result-banner .result-sub{font-size:.8rem;color:var(--muted2)}.stat-line{text-align:center;font-size:.82rem;color:var(--muted2);letter-spacing:.02em}.share-btn{width:100%;background:var(--orange);color:#fff;border:none;border-radius:8px;padding:13px;font-family:inherit;font-size:.9rem;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:background .2s;text-transform:lowercase}.share-btn:hover{background:var(--orange-dark)}.countdown-wrap{text-align:center;padding:20px 0 4px}.countdown-label{font-size:.72rem;text-transform:lowercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.countdown-timer{display:flex;justify-content:center;gap:4px;align-items:baseline}.countdown-unit{display:flex;flex-direction:column;align-items:center;gap:2px}.countdown-num{font-size:2rem;font-weight:600;color:var(--orange);line-height:1;min-width:2.5ch;text-align:center}.countdown-unit-label{font-size:.62rem;text-transform:lowercase;letter-spacing:.08em;color:var(--muted)}.countdown-sep{font-size:1.8rem;font-weight:300;color:var(--border);padding-bottom:4px}.divider{border:none;border-top:1px solid var(--border);margin:8px 0}.state-msg{text-align:center;color:var(--muted);font-size:.88rem;padding:60px 0}.footer{margin-top:48px;text-align:center;font-size:.72rem;color:var(--muted);line-height:1.6}.footer a{color:var(--muted);text-decoration:none;transition:color .2s}.footer a:hover{color:var(--orange)}.skip-btn{background:none;border:none;color:var(--muted);font-size:.8rem;font-family:inherit;cursor:pointer;text-align:center;display:block;width:100%;padding:8px;text-transform:lowercase;transition:color .2s}.skip-btn:hover{color:var(--muted2)}