*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a25;--text-primary:#fff;--text-secondary:#a0a0b0;--accent:#00d4ff;--accent-glow:#00d4ff4d;--success:#0f8;--success-glow:#00ff884d;--warning:#fa0;--error:#f46;--border:#2a2a3a}html{height:100vh;height:100svh}body{overflow-y:auto;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);min-height:100svh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.app{max-width:500px;min-height:100vh;display:flex;flex-direction:column;min-height:100svh;margin:0 auto;padding:.5rem .5rem 0}.header{text-align:center;position:relative;flex-shrink:0;padding:.35rem}.header h1{letter-spacing:.15em;background:linear-gradient(135deg,var(--accent),var(--success));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700}.tagline{color:var(--text-secondary);margin-top:.15rem;font-size:.7rem}.date-nav{display:flex;justify-content:center;align-items: center;gap:.5rem;margin-top:.25rem}.date-arrow{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:.15rem .4rem;transition:all .2s;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700}.date-arrow:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.date-arrow:disabled,.date-arrow.disabled{opacity:.3;cursor:not-allowed}.date-nav .date{color:var(--accent);margin:0;font-family:Space Mono,monospace;font-size:.75rem}.date-badge{color:var(--text-secondary);font-family:Space Mono,monospace;font-size:.6rem}.date-badge.today{color:var(--success)}.date-badge.archive{color:var(--text-secondary)}.settings-btn{position:absolute;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:.15rem .35rem;font-family:Space Mono,monospace;font-size:.6rem;font-weight:700;top:.35rem;right:0}.settings-btn:hover{color:var(--accent);border-color:var(--accent)}.settings-btn .indicator{position:absolute;background:var(--success);box-shadow:0 0 6px var(--success-glow);border-radius:50%;width:8px;height:8px;top:-3px;right:-3px}.modal-overlay{position:fixed;display:flex;z-index:100;background:#000000bf;justify-content:center;align-items: center;padding:1rem;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:100%;max-width:320px}.modal-header{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: center;padding:.75rem 1rem}.modal-title{color:var(--text-primary);font-family:Space Mono,monospace;font-size:.9rem}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1rem}.modal-label{color:var(--text-secondary);display:block;margin-bottom:.5rem;font-size:.75rem}.modal-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;width:100%;padding:.5rem;font-family:Space Mono,monospace;font-size:1rem}.modal-input:focus{outline:none;border-color:var(--accent)}.modal-key-display{display:flex;background:var(--bg-card);color:var(--text-secondary);border-radius:6px;align-items: center;gap:.5rem;padding:.5rem;font-family:Space Mono,monospace;font-size:.8rem}.modal-key-display .key{flex:1}.modal-edit-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;font-family:Space Mono,monospace;font-size:.75rem}.modal-edit-btn:hover{text-decoration:underline}.modal-hint{color:var(--text-secondary);margin-top:.5rem;font-size:.65rem;line-height:1.4}.modal-hint a{color:var(--accent);text-decoration:none}.modal-hint a:hover{text-decoration:underline}.modal-hint-privacy{opacity:.85;margin-top:.5rem;font-style:italic}.modal-actions{display:flex;border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.75rem 1rem}.modal-btn{cursor:pointer;border-radius:6px;padding:.4rem .75rem;transition:all .2s;font-family:Space Mono,monospace;font-size:.75rem}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-btn-primary{background:var(--accent);color:var(--bg-primary);border:none}.modal-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.modal-btn-secondary{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.modal-btn-secondary:hover:not(:disabled){border-color:var(--error);color:var(--error)}.stats-bar{display:flex;background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;justify-content:center;gap:2rem;margin-bottom:1.5rem;padding:.75rem;font-family:Space Mono,monospace;font-size:.85rem}.not-ready{text-align:center;display:flex;flex-direction:column;flex:1;justify-content:center;padding:3rem 1rem}.not-ready p:first-child{color:var(--text-primary);margin-bottom:.5rem;font-family:Space Mono,monospace;font-size:1.1rem}.not-ready p:last-child{color:var(--text-secondary);font-size:.9rem}.game-container{display:flex;flex-direction:column;flex:1;gap:.35rem}.game-info{display:flex;background:var(--bg-secondary);border-radius:6px;flex-shrink:0;justify-content:space-between;align-items: center;padding:.35rem .5rem}.progress{display:flex;flex:1;align-items: center;gap:.5rem}.tries{display:flex;flex:1;justify-content:flex-end;gap:.35rem}.matches{color:var(--accent);font-family:Space Mono,monospace;font-size:1rem;font-weight:700}.progress-bar{background:var(--bg-card);overflow:hidden;border-radius:3px;width:80px;height:6px}.progress-fill{background:linear-gradient(90deg,var(--accent),var(--success));height:100%;transition:width .3s}.try-dot{border-radius:50%;width:10px;height:10px;transition:all .3s}.try-dot.available{background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.try-dot.used{background:var(--border)}.reset-game-link{color:var(--text-secondary);cursor:pointer;text-decoration:underline;background:0 0;border:none;padding:0;font-family:Space Mono,monospace;font-size:.65rem}.reset-game-link:hover{color:var(--accent)}.bingo-card{display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg-secondary);border-radius:8px;flex-shrink:0;gap:4px;padding:4px}.bingo-cell{aspect-ratio:1;display:flex;background:var(--bg-card);position:relative;overflow:hidden;border-radius:4px;flex-direction:column;justify-content:center;align-items: center;padding:.25rem;transition:all .3s}.bingo-cell .word{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip;color:var(--text-secondary);max-width:100%;font-family:Space Mono,monospace;font-size:clamp(.75rem,4vw,1.1rem);line-height:1.2}.bingo-cell.matched{border:1px solid var(--success);background:linear-gradient(135deg,#00d4ff33,#0f83)}.bingo-cell.matched .word{color:var(--success)}.bingo-cell .check{position:absolute;color:var(--success);font-size:.55rem;top:1px;right:2px}.bingo-cell.new-match{animation:pulse .5s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05);background:#00ff884d}}.prompt-form{background:var(--bg-secondary);border-radius:8px;flex-shrink:0;padding:.5rem}.prompt-form input[type=text]{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;width:100%;padding:.5rem;transition:border-color .2s;font-family:inherit;font-size:.9rem}.prompt-form input[type=text]:focus{outline:none;border-color:var(--accent)}.prompt-form input[type=text]::placeholder{color:var(--text-secondary)}.prompt-form input[type=text]:disabled{opacity:.6;cursor:not-allowed}.prompt-warning{color:var(--warning);border-left:2px solid var(--warning);background:#ffaa001a;border-radius:4px;margin-top:.35rem;padding:.35rem .5rem;font-family:Space Mono,monospace;font-size:.75rem}.prompt-footer{display:flex;justify-content:space-between;align-items: center;margin-top:.35rem}.char-count{color:var(--text-secondary);font-family:Space Mono,monospace;font-size:.7rem}.prompt-footer button{background:linear-gradient(135deg,var(--accent),#09c);color:var(--bg-primary);cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;transition:all .2s;font-family:Space Mono,monospace;font-size:.8rem;font-weight:700}.prompt-footer button:hover:not(:disabled){box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-2px)}.prompt-footer button:disabled{opacity:.5;cursor:not-allowed}.response-display{background:var(--bg-secondary);border-left:3px solid var(--accent);border-radius:8px;padding:.75rem}.response-display h3{color:var(--accent);margin-bottom:.35rem;font-family:Space Mono,monospace;font-size:.75rem}.response-text{color:var(--text-primary);font-size:.85rem;line-height:1.5}.response-text>:first-child{margin-top:0}.response-text>:last-child{margin-bottom:0}.response-text p{margin:.5em 0}.response-text strong{color:var(--text-primary);font-weight:600}.response-text em{font-style:italic}.response-text h1,.response-text h2,.response-text h3,.response-text h4{color:var(--text-primary);margin:.75em 0 .25em;font-weight:600;line-height:1.3}.response-text h1{font-size:1.1em}.response-text h2{font-size:1em}.response-text h3,.response-text h4{font-size:.95em}.response-text ul,.response-text ol{margin:.5em 0;padding-left:1.5em}.response-text li{margin:.25em 0}.response-text code{background:#ffffff1a;border-radius:4px;padding:.15em .35em;font-family:Space Mono,monospace;font-size:.9em}.response-text pre{overflow-x:auto;background:#0000004d;border-radius:6px;margin:.5em 0;padding:.75em}.response-text pre code{background:0 0;padding:0;font-size:.85em}.response-text blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);margin:.5em 0;padding-left:.75em;font-style:italic}.response-text a{color:var(--accent);text-decoration:none}.response-text a:hover{text-decoration:underline}.response-text hr{border:none;border-top:1px solid var(--border);margin:.75em 0}.response-text table{border-collapse:collapse;width:100%;margin:.5em 0;font-size:.9em}.response-text th,.response-text td{border:1px solid var(--border);text-align:left;padding:.4em .6em}.response-text th{background:#ffffff0d;font-weight:600}.response-text tr:nth-child(2n){background:#ffffff05}.response-text del{opacity:.6}.matched-words{display:flex;flex-wrap:wrap;align-items: center;gap:.35rem}.matched-words-top{border-bottom:1px solid var(--border);margin-bottom:.5rem;padding-bottom:.5rem}.matched-label{color:var(--text-secondary);font-size:.75rem}.matched-word{color:var(--success);background:#0f83;border-radius:4px;padding:.15rem .35rem;font-family:Space Mono,monospace;font-size:.7rem}.response-display.loading{display:flex;border-left-color:var(--warning);flex-direction:column;align-items: center;gap:.5rem;max-height:none;padding:1rem}.spinner{border:2px solid var(--border);border-top-color:var(--accent);animation:spin 1s linear infinite;border-radius:50%;width:24px;height:24px}@keyframes spin{to{transform:rotate(360deg)}}.response-display.cheat{border-left-color:var(--error);text-align:center}.cheat-icon{margin-bottom:.5rem;font-size:2rem}.response-display.cheat p{color:var(--error)}.game-history{background:var(--bg-secondary);border-radius:8px;padding:.5rem}.game-history h3{color:var(--text-secondary);margin-bottom:.35rem;font-family:Space Mono,monospace;font-size:.75rem}.history-item{background:var(--bg-card);cursor:pointer;border-radius:6px;margin-bottom:.35rem;padding:.35rem .5rem;transition:background .2s}.history-item:hover{background:#ffffff0d}.history-item:last-child{margin-bottom:0}.history-item.expanded{background:var(--bg-card)}.history-item.best-prompt{border:2px solid gold;box-shadow:0 0 12px #ffd7004d}.best-prompt-label{color:gold;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700}.history-item.cheated{opacity:.6;border-left:2px solid var(--error)}.history-item.cheated .try-number,.history-item.cheated .match-count{color:var(--error)}.history-item.loading{opacity:.8;border-left:2px solid var(--warning);cursor:default}.history-item.loading:hover{background:var(--bg-card)}.history-item.loading .history-header{display:flex;align-items: center;gap:.5rem}.spinner-small{border:2px solid var(--border);border-top-color:var(--warning);animation:spin 1s linear infinite;border-radius:50%;width:14px;height:14px}.loading-label{color:var(--warning);font-family:Space Mono,monospace;font-size:.7rem}.cheat-reason{color:var(--error);margin-top:.25rem;font-size:.7rem;font-style:italic}.error-message{color:var(--error);border-left:2px solid var(--error);background:#ff44661a;border-radius:4px;margin-top:.35rem;padding:.35rem .5rem;font-family:Space Mono,monospace;font-size:.75rem}.history-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:.25rem}.try-number{color:var(--accent);font-family:Space Mono,monospace;font-size:.7rem}.match-count{color:var(--success);text-align:right;flex:1;margin-right:.5rem;font-family:Space Mono,monospace;font-size:.7rem}.history-toggle{color:var(--text-secondary);transition:transform .2s;font-size:.7rem}.history-toggle.open{transform:rotate(180deg)}.history-prompt{color:var(--text-secondary);word-break:break-word;overflow-wrap:break-word;font-size:.75rem;font-style:italic}.copy-prompt-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:.15rem .35rem;transition:all .2s;font-family:Space Mono,monospace;font-size:.6rem}.copy-prompt-btn:hover{color:var(--accent);border-color:var(--accent)}.history-response{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.5rem}.history-response .response-text{color:var(--text-primary);font-size:.85rem;line-height:1.5}.highlight-match{color:var(--success);background:#00ff8840;border-radius:2px;padding:.05em .15em}.history-item.streaming{border-left:2px solid var(--accent);cursor:default}.history-item.streaming:hover{background:var(--bg-card)}.history-item.streaming .history-header{display:flex;align-items: center;gap:.5rem}.history-item.streaming .spinner-small{border-top-color:var(--accent)}.streaming-count{animation:pulse-color 1s ease-in-out infinite}@keyframes pulse-color{0%,to{opacity:1}50%{opacity:.6}}.streaming-matches .matched-word{animation:match-pop .3s ease-out}.new-match-word{animation:match-pop .3s ease-out;box-shadow:0 0 8px var(--success-glow)}@keyframes match-pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.streaming-text{white-space:pre-wrap;word-break:break-word}.streaming-cursor{display:inline-block;color:var(--accent);animation:blink .7s step-end infinite;font-weight:700}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.win-screen{border:2px solid var(--success);text-align:center;background:linear-gradient(135deg,#00ff881a,#00d4ff1a);border-radius:12px;flex-shrink:0;padding:1rem}.confetti{animation:bounce .5s ease infinite alternate;margin-bottom:.5rem;font-size:2rem}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.win-screen h2{color:var(--success);margin-bottom:.25rem;font-family:Space Mono,monospace;font-size:1.25rem}.win-screen p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem}.share-grid{background:var(--bg-card);display:inline-block;border-radius:6px;margin-bottom:.75rem;padding:.5rem;font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:1.1rem;line-height:1.3}.win-actions,.game-over-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.share-btn{color:#fff;cursor:pointer;background:#1da1f2;border:none;border-radius:6px;padding:.5rem 1rem;transition:all .2s;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700}.share-btn:hover{background:#0d8ecf;transform:translateY(-2px)}.copy-btn{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--accent);cursor:pointer;border-radius:6px;padding:.5rem 1rem;transition:all .2s;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700}.copy-btn:hover{background:var(--accent);color:var(--bg-primary)}.new-game-btn{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.5rem 1rem;transition:all .2s;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700}.new-game-btn:hover{border-color:var(--accent);background:var(--bg-secondary)}.game-over-screen{border:2px solid var(--error);text-align:center;background:#ff44661a;border-radius:12px;flex-shrink:0;padding:1rem}.game-over-screen h2{color:var(--error);margin-bottom:.25rem;font-family:Space Mono,monospace;font-size:1.25rem}.game-over-screen p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem}.game-over-screen .share-grid{background:var(--bg-card);display:inline-block;border-radius:6px;margin-bottom:.75rem;padding:.5rem;font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:1.1rem;line-height:1.3}.footer{text-align:center;color:var(--text-secondary);flex-shrink:0;padding:.25rem;font-size:.65rem}.footer p{margin-bottom:.15rem}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}@media (min-width:1200px){.game-container{position:relative}.game-sidebar{position:absolute;width:340px;top:0;left:calc(100% + 1rem)}}@media (max-width:600px){.app{padding:.35rem}.header h1{font-size:1.5rem}.tagline{font-size:.65rem}.stats-bar{text-align:center;flex-direction:column;gap:.5rem}.game-info{padding:.35rem .5rem}.bingo-cell .word{font-size:clamp(.75rem,5vw,1.1rem)}.prompt-form input[type=text]{font-size:1rem}.prompt-footer{flex-direction:row;gap:.5rem}.prompt-footer button{padding:.4rem .75rem;font-size:.7rem}}