.agent-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center}.agent-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.agent-modal-content{position:relative;background:#fff;border-radius:16px;padding:32px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.agent-selector{text-align:center}.agent-selector-header h2{font-size:28px;margin-bottom:8px;color:#1f2937}.agent-selector-header p{color:#6b7280;margin-bottom:24px}.agent-selector-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:24px}.agent-selector-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.agent-selector-card:hover{border-color:var(--accent);background:var(--shop-accent-tint);transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.agent-selector-image{width:120px;height:120px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.agent-selector-image img{width:100%;height:100%;object-fit:contain;border-radius:8px}.agent-selector-card h3{font-size:24px;margin-bottom:12px;color:#1f2937}.agent-selector-description{font-size:14px;color:#6b7280;margin-bottom:20px;line-height:1.4;flex-grow:1}.agent-selector-choose{margin-top:auto;color:#fff}.agent-widget{position:fixed;bottom:24px;right:24px;z-index:1000;transition:all .3s ease}.agent-minimized .agent-panel{display:none}.agent-toggle{width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid var(--accent);cursor:pointer;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;position:relative}.agent-toggle:hover{transform:scale(1.1);box-shadow:0 10px 15px -3px #0000001a}.agent-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.agent-avatar img{object-fit:cover}.agent-notification{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;animation:pulse 2s infinite}.agent-panel{position:absolute;bottom:80px;right:0;width:520px;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.agent-drag-area{padding:12px 16px 8px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);display:flex;justify-content:center;align-items:center;cursor:grab;touch-action:none}.agent-drag-area:active{cursor:grabbing}.agent-drag-handle{width:48px;height:5px;background:#ffffff80;border-radius:3px}.agent-header{padding:7px 16px 10px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff;display:flex;justify-content:space-between;align-items:center}.agent-header-content{flex:1}.agent-header h3{margin:0;font-size:18px}.agent-mood{font-size:14px;opacity:.9;margin-top:4px}.agent-close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s ease;flex-shrink:0}.agent-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.agent-body{padding:16px}.agent-character{text-align:center;padding:16px;background:#fff;border-radius:12px;margin-bottom:16px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease;position:relative}.agent-character .agent-close-btn{position:absolute;top:12px;right:12px;background:#f3f4f6;border:none;color:#374151;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s ease;z-index:10}.agent-character .agent-close-btn:hover{background:#e5e7eb;transform:scale(1.1)}.agent-name{margin:0;font-size:18px;font-weight:600;color:#1f2937}.agent-character.compact{padding:8px;margin-bottom:8px}.agent-character.compact .agent-name{font-size:14px}.agent-character.compact .agent-character-image img{width:80px!important;height:auto}.agent-character.compact .agent-character-image video{height:120px!important}.agent-mood{font-size:12px;color:#6b7280;font-weight:500}.agent-character-image{display:inline-block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.agent-character-image img{border-radius:8px}.agent-quick-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.stat-bar{display:flex;align-items:center;gap:8px}.stat-bar span{font-size:16px;width:24px}.stat-bar-fill{flex:1;height:8px;background:linear-gradient(90deg,var(--accent) 0%,var(--shop-accent-tint) 100%);border-radius:4px;transition:width .5s ease}.agent-actions{display:flex;gap:8px;margin-bottom:16px}.agent-action-btn{flex:1;padding:8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;color:#1f2937;transition:all .2s ease}.agent-action-btn:hover,.agent-action-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.agent-status{padding-top:16px;border-top:1px solid #e5e7eb}.agent-stats-detailed{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-header{display:flex;align-items:center;gap:8px;font-size:14px}.stat-icon{font-size:16px}.stat-name{flex:1;font-weight:500}.stat-value{font-weight:700;color:var(--accent)}.stat-bar-container{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.stat-bar-fill-detailed{height:100%;transition:width .5s ease}.stat-label{font-size:12px;color:#6b7280}.agent-tips{margin-top:12px}.tip-warning{font-size:12px;color:#dc2626;margin:4px 0;padding:8px;background:#fef2f2;border-radius:6px}.agent-inventory{padding-top:16px;border-top:1px solid #e5e7eb}.inventory-tabs{display:flex;gap:4px;margin-bottom:12px}.inventory-tabs .tab{flex:1;padding:6px;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;font-size:12px;color:#1f2937;transition:all .2s ease}.inventory-tabs .tab.active{background:var(--accent);color:#fff}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.inventory-item{display:flex;flex-direction:column;align-items:center;padding:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;color:#1f2937;transition:all .2s ease}.inventory-item:hover{background:#f0fdf4;border-color:var(--accent);transform:scale(1.05)}.inventory-item.feeding{animation:feedPulse 1s ease}@keyframes feedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2);opacity:.5}}.item-icon{font-size:24px;margin-bottom:4px}.item-icon img{width:100px;height:100px}.item-name{font-size:10px;text-align:center;margin-bottom:4px}.item-effects{display:flex;gap:4px;font-size:10px;color:var(--accent)}.inventory-tip{font-size:12px;color:#6b7280;text-align:center;padding:8px;background:#f9fafb;border-radius:6px}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-10px)}75%{transform:translateY(5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 640px){.agent-widget{bottom:16px;right:16px}.agent-widget.agent-visible{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10000}.agent-toggle{display:none}.agent-widget.agent-minimized .agent-toggle{display:flex}.agent-panel{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;max-height:100vh;border-radius:0;display:flex;flex-direction:column;overflow:hidden}.agent-drag-area{display:none}.agent-header{flex-shrink:0}.agent-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:visible}.agent-modal-content{width:95%;padding:20px}.agent-selector-options{grid-template-columns:1fr}.agent-chat-tab{height:100%;flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.chat-messages{flex:1;overflow-y:scroll!important;padding-bottom:150px!important;min-height:0}.chat-input-form{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,16px));border-top:1px solid #e5e7eb;z-index:100}.chat-input{font-size:16px}}.agent-chat-tab{padding-top:16px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.chat-header h4{margin:0;font-size:14px;color:var(--ink)}.clear-chat-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:background .2s ease}.clear-chat-btn:hover{background:#9e5aff1a}.chat-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0;margin-bottom:12px;border-bottom:1px solid #e5e7eb;min-height:0}.message{margin-bottom:8px}.user-message .message-content{background:var(--accent);color:#fff;padding:8px 12px;border-radius:12px 12px 4px;margin-left:auto;max-width:80%;width:fit-content;font-size:13px;word-wrap:break-word}.assistant-message .message-content{background:#f3f4f6;color:var(--ink);padding:8px 12px;border-radius:12px 12px 12px 4px;max-width:80%;width:fit-content;font-size:13px;word-wrap:break-word}.typing{display:flex;align-items:center;gap:4px}.typing span{width:4px;height:4px;background:var(--accent);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.current-game{margin:12px 0;padding:12px;background:#9e5aff0d;border-radius:8px;border:1px solid rgba(158,90,255,.2)}.game-status{margin-bottom:8px;font-size:12px;color:var(--ink);text-align:center}.chat-input-form{display:flex;gap:8px}.chat-input{flex:1;padding:8px 12px;border:1px solid #e5e7eb;border-radius:20px;font-size:16px;outline:none;transition:border-color .2s ease}.chat-input:focus{border-color:var(--accent)}.chat-send-btn{padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.chat-send-btn:hover:not(:disabled){background:#9e5affcc;transform:translateY(-1px)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.agent-tictactoe-tab{padding-top:16px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column}.tictactoe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.tictactoe-header h4{margin:0;font-size:14px;color:var(--ink)}.tictactoe-controls{display:flex;gap:8px}.game-control-btn{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.start-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.start-btn:hover:not(:disabled){background:#9e5affcc;transform:translateY(-1px)}.clear-btn{background:#f3f4f6;color:var(--ink)}.clear-btn:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444}.game-control-btn:disabled{opacity:.5;cursor:not-allowed}.tictactoe-content{margin-bottom:16px}.no-game-state{text-align:center;padding:24px 16px}.game-character{margin-bottom:12px}.no-game-state p{margin:4px 0;font-size:13px;color:var(--ink-muted)}.active-game{display:flex;flex-direction:column;align-items:center}.game-feedback{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;background:#9e5aff1a;border-radius:8px;border:1px solid rgba(158,90,255,.2);max-width:100%}.feedback-avatar{flex-shrink:0}.feedback-message{font-size:12px;color:var(--ink);line-height:1.4}.thinking-inline{display:inline-flex;align-items:center;gap:2px}.thinking-dots{display:inline-flex;gap:1px}.thinking-dots span{display:inline-block;animation:dotPulse 1.4s infinite ease-in-out}.thinking-dots span:nth-child(1){animation-delay:0s}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3}40%{opacity:1}}.game-instructions{padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.game-instructions p{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--ink)}.game-instructions ul{margin:0;padding-left:16px;list-style-type:disc}.game-instructions li{font-size:11px;color:var(--ink-muted);margin-bottom:4px;line-height:1.3}.game-instructions li:last-child{margin-bottom:0}.optimistic-board .tictactoe-board{position:relative}.optimistic-board .tictactoe-board:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(158,90,255,.05) 50%,transparent 70%);animation:shimmer 1.5s infinite;pointer-events:none;border-radius:8px}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}