.app{display:flex;flex-direction:column;height:100vh;max-width:960px;margin:0 auto}.app-header{background:#107c10;padding:0 20px;flex-shrink:0}.header-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.logo{display:flex;align-items:center;gap:8px;font-size:1.3rem;font-weight:700;color:#fff}.xbox-x{background:#fff;color:#107c10;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:1.1rem}.header-sub{font-size:.78rem;color:#fffc}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.chat-wrap{display:flex;flex-direction:column;height:100%;padding:0}.chat-messages{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px}.msg-row{display:flex;gap:10px;align-items:flex-start}.msg-row.user{flex-direction:row-reverse}.avatar{width:34px;height:34px;border-radius:50%;background:#107c10;color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:700;flex-shrink:0}.msg-body{display:flex;flex-direction:column;gap:10px;max-width:80%}.msg-row.user .msg-body{align-items:flex-end}.bubble{background:#1e1e1e;border:1px solid #2e2e2e;padding:10px 14px;border-radius:12px;line-height:1.55;font-size:.93rem;white-space:pre-wrap}.msg-row.user .bubble{background:#107c10;color:#fff;border-color:#107c10}.bubble.typing{display:flex;gap:5px;align-items:center;padding:12px 16px}.bubble.typing span{width:7px;height:7px;background:#107c10;border-radius:50%;animation:bounce 1.2s infinite ease-in-out}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;width:100%}.game-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s}.game-card:hover{border-color:#107c10}.game-card-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.game-title{font-weight:700;font-size:.92rem;flex:1}.badge{font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:700;white-space:nowrap}.badge.pass{background:#107c10;color:#fff}.badge.sale-badge{background:#d13438;color:#fff}.game-meta{display:flex;gap:8px;font-size:.78rem;color:#aaa}.rating{color:gold}.game-desc{font-size:.8rem;color:#bbb;line-height:1.45}.game-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:4px;flex-wrap:wrap;gap:6px}.price-block{display:flex;align-items:baseline;gap:6px}.price{font-weight:700;font-size:.92rem}.price.free{color:#107c10}.price.sale{color:#d13438}.price.normal{color:#f0f0f0}.price-original{font-size:.75rem;color:#777;text-decoration:line-through}.tags{display:flex;gap:4px;flex-wrap:wrap}.tag{font-size:.66rem;background:#2a2a2a;color:#aaa;padding:2px 6px;border-radius:4px}.suggestions{padding:8px 16px;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #1e1e1e}.suggest-btn{background:#1e1e1e;border:1px solid #2e2e2e;color:#ccc;padding:5px 12px;border-radius:20px;font-size:.78rem;cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap}.suggest-btn:hover{border-color:#107c10;color:#fff}.input-row{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #1e1e1e;background:#0e0e0e}.chat-input{flex:1;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:8px;color:#f0f0f0;padding:10px 14px;font-size:.93rem;resize:none;line-height:1.4;font-family:inherit;outline:none;transition:border-color .15s}.chat-input:focus{border-color:#107c10}.chat-input::placeholder{color:#555}.send-btn{background:#107c10;color:#fff;border:none;border-radius:8px;padding:0 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s;align-self:flex-end;height:42px}.send-btn:hover:not(:disabled){background:#0e6b0e}.send-btn:disabled{opacity:.4;cursor:not-allowed}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:#0e0e0e;color:#f0f0f0;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#107c10;border-radius:3px}