.play-page{min-height:calc(100vh - 160px);display:flex;flex-direction:column}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--error-bg);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);margin-bottom:var(--space-md)}.error-banner button{background:none;border:none;color:var(--error);font-size:20px;cursor:pointer}.state-connecting,.state-idle,.state-queued,.state-starting{flex:1 1;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.connecting-content,.idle-content,.queued-content,.starting-content{width:100%;max-width:400px;text-align:center;padding:var(--space-md)}.play-page .loader{width:48px;height:48px;border:3px solid var(--panel-border);border-top-color:var(--accent);border-radius:50%;animation:play-spin 1s linear infinite;margin:0 auto}@keyframes play-spin{to{transform:rotate(1turn)}}.countdown-circle{width:120px;height:120px;border-radius:50%;border:4px solid var(--accent);display:flex;align-items:center;justify-content:center;margin:var(--space-xl) auto;box-shadow:0 0 20px rgba(255,215,0,.3)}.countdown-number{font-family:var(--font-pixel);font-size:48px;color:var(--accent)}@media (min-width:768px){.countdown-circle{width:150px;height:150px}.countdown-number{font-size:64px}}.game-container{flex:1 1;display:flex;flex-direction:column;max-width:600px;margin:0 auto;width:100%}.game-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0}.active-node{display:flex;flex-direction:column;gap:4px}.node-label{font-size:10px;color:var(--text-muted);letter-spacing:.5px}.node-value{display:flex;align-items:center;gap:var(--space-sm)}.node-emoji{font-size:18px}.node-text{font-family:var(--font-pixel);font-size:12px;color:var(--accent)}.round-info{text-align:center}.round-text{font-size:14px;color:var(--text-secondary)}.timer-circle{width:44px;height:44px;border-radius:50%;border:2px solid var(--panel-border);display:flex;align-items:center;justify-content:center;background:var(--bg-elevated)}.timer-number{font-family:var(--font-pixel);font-size:14px;color:var(--text)}.game-divider{height:1px;background:var(--panel-border);margin:var(--space-sm) 0}.conversation-area{flex:1 1;overflow-y:auto;padding:var(--space-md) 0;display:flex;flex-direction:column;gap:var(--space-lg);min-height:300px;max-height:calc(100vh - 400px)}.conversation-item{display:flex;flex-direction:column;gap:var(--space-md)}.interrogator-block{display:flex;flex-direction:column;gap:var(--space-sm)}.interrogator-label{font-size:10px;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase}.question-bubble{background:var(--bg-elevated);border-left:3px solid var(--accent);padding:var(--space-md);border-radius:0 var(--radius-md) var(--radius-md) 0}.question-bubble p{font-size:15px;line-height:1.5;color:var(--text);margin:0}.answers-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-md);gap:var(--space-md)}.answer-card{padding:var(--space-md);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--panel-border)}.answer-you{border-top:3px solid var(--accent);background:linear-gradient(180deg,rgba(255,215,0,.08),transparent 50%)}.answer-opponent{border-top:3px solid #ff1493;background:linear-gradient(180deg,rgba(255,20,147,.08),transparent 50%)}.answer-name{font-family:var(--font-pixel);font-size:10px;display:block;margin-bottom:var(--space-sm);text-transform:uppercase}.answer-you .answer-name{color:var(--accent)}.answer-opponent .answer-name{color:#ff1493}.answer-text{font-size:14px;line-height:1.5;color:var(--text);margin:0}.state-judging{flex:1 1;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.judging-content{width:100%;max-width:400px;padding:var(--space-xl)}.judging-icon{font-size:80px;margin-bottom:var(--space-xl);animation:play-float 3s ease-in-out infinite}.judging-dots{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl)}.judging-dots .dot{width:12px;height:12px;background:var(--accent);border-radius:50%;animation:play-bounce 1.4s ease-in-out infinite}.judging-dots .dot:first-child{animation-delay:-.32s}.judging-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes play-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes play-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (min-width:768px){.judging-icon{font-size:120px}}.input-area{padding:var(--space-md) 0}.input-wrapper{display:flex;align-items:stretch;gap:var(--space-md)}.answer-input{flex:1 1;background:var(--bg-elevated);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text);font-size:15px;font-family:var(--font-body);padding:var(--space-md);transition:border-color .2s}.answer-input:focus{outline:none;border-color:var(--accent)}.answer-input::placeholder{color:var(--text-muted)}.submit-btn{padding:0 var(--space-xl);background:var(--accent);border:none;border-radius:var(--radius-md);color:var(--bg);font-family:var(--font-pixel);font-size:12px;font-weight:700;cursor:pointer;transition:opacity .15s}.submit-btn:hover:not(:disabled){opacity:.9}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.status-message{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--text-muted);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--panel-border)}.round-complete-msg{border-color:var(--accent);color:var(--accent)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:play-blink 1.5s infinite}.status-dot.judging{background:#ff1493}@keyframes play-blink{0%,to{opacity:1}50%{opacity:.3}}.leave-btn{display:block;width:100%;margin-top:var(--space-lg);padding:var(--space-md);background:transparent;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:13px;cursor:pointer;transition:background .2s}.leave-btn:hover{background:rgba(239,68,68,.1)}.scores-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-md);gap:var(--space-md)}.score-card{text-align:center;padding:var(--space-lg)}.score-winner{border-color:var(--accent);background:rgba(255,215,0,.05)}.score-label{font-size:12px;margin-bottom:var(--space-sm)}.score-value{font-size:24px;color:var(--text);margin-bottom:var(--space-xs)}.score-unit{font-size:11px}.winner-card{padding:var(--space-xl)}.winner-human{border-color:var(--success);box-shadow:0 0 30px rgba(34,197,94,.3)}.winner-agent{border-color:var(--error);box-shadow:0 0 30px rgba(239,68,68,.2)}.winner-emoji{font-size:48px}.usdc-earned{padding:var(--space-lg)}.analysis-card{text-align:left}.analysis-text{color:var(--text-secondary);line-height:1.7}.text-error{color:var(--error)}@media (max-width:480px){.answers-row{grid-template-columns:1fr}.game-header{flex-wrap:wrap;gap:var(--space-sm)}.round-info{order:-1;width:100%;margin-bottom:var(--space-sm)}}