*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0f;--surface: #12121a;--border: #1e1e2e;--text: #e0e0e8;--text-dim: #7a7a8e;--accent: #4fc3f7;--danger: #ef5350;--success: #66bb6a;--warning: #ffa726;--player-bg: #1a2a3a;--ai-bg: #1a1a2a}body{font-family:Courier New,Courier,monospace;background:var(--bg);color:var(--text);min-height:100vh}#kofi-support{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:8px}#kofi-btn{display:inline-block;font-family:Courier New,Courier,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);background:var(--surface);border:1px solid var(--accent);padding:8px 14px;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}#kofi-btn:hover{background:var(--accent);color:var(--bg)}#kofi-tooltip{display:none;background:var(--surface);border:1px solid var(--border);padding:14px 16px;max-width:240px;text-align:right}#kofi-support:hover #kofi-tooltip{display:block}#kofi-tooltip-title{font-family:Courier New,Courier,monospace;font-size:10px;letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:10px}#kofi-tooltip-list{font-family:Courier New,Courier,monospace;font-size:10px;letter-spacing:1px;color:var(--text-dim);line-height:1.8;list-style:none;padding:0}#kofi-tooltip-list li:before{content:"— ";color:var(--border)}@media(max-width:520px){#kofi-support{position:static;align-items:center}#kofi-tooltip{text-align:center}#kofi-tooltip-list{text-align:left}}.app{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.logo{font-size:14px;font-weight:700;letter-spacing:4px;color:var(--accent)}.turn-counter{font-size:12px;color:var(--text-dim);letter-spacing:1px}.ai-name-display{display:flex;flex-direction:column;align-items:center;gap:2px}.ai-name-label{font-size:9px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase}.ai-name-value{font-size:13px;letter-spacing:1px;color:var(--danger);font-weight:700}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.link-btn{all:unset;cursor:pointer;color:var(--text-dim);text-decoration:underline;font-size:inherit;letter-spacing:inherit;font-family:inherit}.link-btn:hover{color:var(--text)}.terms-screen{flex:1;overflow-y:auto;padding:32px 28px;display:flex;flex-direction:column;gap:20px;max-width:700px;margin:0 auto;width:100%}.terms-back-btn{all:unset;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:12px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;align-self:flex-start}.terms-back-btn:hover{color:var(--accent)}.terms-title{font-size:20px;letter-spacing:4px;color:var(--accent);text-transform:uppercase}.terms-updated{font-size:11px;color:var(--text-dim);letter-spacing:1px}.terms-body{display:flex;flex-direction:column;gap:24px}.terms-body section h3{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.terms-body section p{font-size:13px;line-height:1.9;color:var(--text-dim)}.terms-body section a{color:var(--text-dim);text-decoration:underline}.terms-body section a:hover{color:var(--text)}.beta-banner{font-size:11px;letter-spacing:2px;color:var(--warning);border:1px solid var(--warning);padding:6px 18px;background:#ffa7260f;text-align:center}.report-bug{font-size:11px;color:var(--text-dim);letter-spacing:1px;margin-top:8px}.report-bug a{color:var(--text-dim);text-decoration:underline}.report-bug a:hover{color:var(--text)}.start-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:40px 20px;gap:24px;overflow-y:auto;min-height:0}.start-screen h1{font-size:36px;letter-spacing:8px;color:var(--accent)}.tagline{font-size:16px;line-height:1.8;color:var(--text);max-width:500px}.instruction{font-size:13px;color:var(--text-dim)}.mode-select{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:480px}.mode-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim)}.mode-buttons{display:flex;gap:12px;width:100%;justify-content:center;flex-wrap:wrap}.mode-btn{flex:1;min-width:120px;max-width:160px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;letter-spacing:0;text-transform:none;transition:all .2s}.mode-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text);background:transparent}.mode-btn-active{border-color:var(--accent);color:var(--accent);background:#4fc3f70f}.mode-btn-active:hover:not(:disabled){background:#4fc3f71f;color:var(--accent)}.mode-btn-name{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.mode-btn-desc{font-size:11px;color:var(--text-dim);line-height:1.4;text-align:center}button{font-family:Courier New,Courier,monospace;font-size:14px;padding:12px 32px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;letter-spacing:2px;text-transform:uppercase;transition:all .2s}button:hover:not(:disabled){background:var(--accent);color:var(--bg)}button:disabled{opacity:.4;cursor:not-allowed}.chat-window{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-window::-webkit-scrollbar{width:6px}.chat-window::-webkit-scrollbar-track{background:var(--bg)}.chat-window::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.message{max-width:85%;padding:12px 16px;border-radius:4px;line-height:1.6}.message-player{align-self:flex-end;background:var(--player-bg);border:1px solid #2a3a4a}.message-ai{align-self:flex-start;background:var(--ai-bg);border:1px solid var(--border)}.message-hint{align-self:center;max-width:90%;background:#ffa7260f;border:1px dashed var(--warning);color:var(--warning)}.message-hint .message-label{color:var(--warning);opacity:.7}.message-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.message-content{font-size:14px}.typing{animation:pulse 1.5s ease-in-out infinite;color:var(--text-dim)}.reception{margin-top:8px;font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:2px 6px;border-radius:2px;display:inline-block;opacity:.75}.reception-receptive{color:var(--success);border:1px solid var(--success)}.reception-neutral{color:var(--text-dim);border:1px solid var(--border)}.reception-hostile{color:var(--danger);border:1px solid var(--danger)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.thinking-animation{display:flex;flex-direction:column;gap:6px;padding:4px 0}.thinking-svg{width:100%;max-width:240px;height:75px;overflow:visible;display:block}.thinking-label{font-size:13px;color:var(--text-dim);animation:pulse 1.5s ease-in-out infinite;letter-spacing:1px}@keyframes th-float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(3px,-9px) rotate(18deg)}75%{transform:translate(-4px,6px) rotate(-12deg)}}@keyframes th-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.25)}to{transform:rotate(360deg) scale(1)}}@keyframes th-bob{0%,to{transform:scale(1) translate(0)}30%{transform:scale(1.35) translate(5px,-5px)}65%{transform:scale(.75) translate(-4px,4px)}}@keyframes th-drift{0%,to{transform:translate(0)}50%{transform:translate(14px,-7px)}}@keyframes th-shake{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-4px,2px) rotate(-9deg)}35%{transform:translate(4px,-3px) rotate(9deg)}55%{transform:translate(-3px,-2px) rotate(-6deg)}75%{transform:translate(3px,3px) rotate(6deg)}}.input-box{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--border);background:var(--surface)}.input-control{flex:1;display:flex;flex-direction:column;gap:6px}.input-box input{font-family:Courier New,Courier,monospace;font-size:14px;padding:12px 16px;border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none;border-radius:4px}.input-box input:focus{border-color:var(--accent)}.input-box input::placeholder{color:var(--text-dim)}.char-counter{align-self:flex-end;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim)}.char-counter-warning{color:var(--warning)}.input-box button{padding:12px 20px;font-size:12px}.end-screen{padding:24px 20px;text-align:center;border-top:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:12px}.end-screen h2{font-size:20px;letter-spacing:4px}.outcome-win h2{color:var(--success)}.outcome-loss h2{color:var(--danger)}.outcome-neutral h2{color:var(--warning)}.outcome-reason{font-size:13px;color:var(--text-dim);max-width:500px;line-height:1.6}.share-card{width:min(100%,640px);padding:18px;border:1px solid var(--border);background:linear-gradient(180deg,#4fc3f70f,#12121aeb);border-radius:6px;display:flex;flex-direction:column;gap:14px;text-align:left}.share-card-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.share-kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}.share-score{font-size:16px;font-weight:700;letter-spacing:2px;color:var(--text)}.share-trail{display:flex;gap:8px;flex-wrap:wrap}.share-legend{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-dim);line-height:1.6}.share-cell{font-size:18px;line-height:1}.end-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}.end-stat{padding:10px 12px;border:1px solid var(--border);background:#0a0a0fbf;border-radius:4px;display:flex;flex-direction:column;gap:6px}.end-stat span{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim)}.end-stat strong{font-size:18px;color:var(--text)}.end-stat-good strong{color:var(--success)}.end-stat-neutral strong{color:var(--warning)}.end-stat-bad strong{color:var(--danger)}.share-text{width:100%;min-height:120px;resize:vertical;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.5;padding:12px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text)}.end-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.copy-status{min-height:16px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim)}.copy-status-copied{color:var(--success)}.copy-status-error{color:var(--danger)}@media(max-width:640px){.share-card-header,.end-actions{flex-direction:column;align-items:flex-start}.end-screen{padding:20px 16px}.share-card{padding:16px}}.error-banner{position:absolute;bottom:80px;left:20px;right:20px;padding:12px 16px;background:#2a1010;border:1px solid var(--danger);color:var(--danger);font-size:13px;border-radius:4px;text-align:center}.already-played-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;gap:16px}.already-played-icon{font-size:48px;margin-bottom:8px}.already-played-screen h1{font-size:28px;letter-spacing:6px;color:var(--warning)}.already-played-divider{width:60px;height:1px;background:var(--border);margin:8px 0}.already-played-next{font-size:11px;letter-spacing:3px;color:var(--text-dim)}.already-played-countdown{font-size:42px;letter-spacing:6px;color:var(--accent);font-weight:700}.already-played-hint{font-size:12px;color:var(--text-dim);max-width:400px;line-height:1.6;margin-bottom:8px}